mirror of
https://github.com/Rushilwiz/openly.git
synced 2025-04-06 05:10:18 -04:00
started landing page
This commit is contained in:
Joshua Hsueh
parent
e2b62b6d49
commit
b07bdbd19f
0
website/css/index.css
Normal file
0
website/css/index.css
Normal file
BIN
website/images/background.jpg
Normal file
BIN
website/images/background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
BIN
website/images/browse.png
Normal file
BIN
website/images/browse.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
website/images/logo.ico
Normal file
BIN
website/images/logo.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
website/images/logo.png
Normal file
BIN
website/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
website/images/portfolio.png
Normal file
BIN
website/images/portfolio.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
194
website/index.html
Normal file
194
website/index.html
Normal file
|
|
@ -0,0 +1,194 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>ReInvest</title>
|
||||
<link rel="stylesheet" href="css/index.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link rel="shortcut icon" href="images/logo.ico" />
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<a href="#reinvest"
|
||||
><img
|
||||
class="navbar-brand"
|
||||
src="images/logo.png"
|
||||
width="100px"
|
||||
href="#reinvest"
|
||||
/></a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="#about"
|
||||
>About <span class="sr-only">(current)</span></a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="#services">Our Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="#support">Support</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav navbar-right">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="#LOGIN">Login</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="d-inline-block nav-link bg-success rounded text-dark"
|
||||
href="#REGISTER"
|
||||
>Register</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<section
|
||||
id="reinvest"
|
||||
style="
|
||||
background-image: url('images/background.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
height: 690px;
|
||||
padding-top: 80px;
|
||||
"
|
||||
>
|
||||
<div class="container">
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<img class="img-fluid" src="images/logo.png" width="600px" />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<h3 class="text-white bg-primary rounded-lg shadow-lg p-3 mb-5">
|
||||
Trade stocks under the name of a charity of your choice!
|
||||
</h3>
|
||||
</div>
|
||||
</section>
|
||||
<section id="about" class="p-4">
|
||||
<div class="container">
|
||||
<h1 class="d-flex justify-content-center m-2 p-2">About Us</h1>
|
||||
<p class="d-flex justify-content-center m-2 p-2">
|
||||
is a politics exchange platform, aiming to create a professional and
|
||||
efficient connection between underrepresented minority groups and
|
||||
politics. Community members can post questions or concerns and other
|
||||
members can +1 the post. Professional legislators or lawmakers can
|
||||
then answer or attempt to enforce laws to support these concerns. To
|
||||
make this process as effective as possible, we use NLP Machine
|
||||
Learning to suggest other articles or posts to users based on previous
|
||||
likes. Our platform also offers suggestions for events that coincide
|
||||
with their interests and free time via Google Calendar.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section id="services" class="">
|
||||
<div class="bg-dark text-white p-4">
|
||||
<div class="container">
|
||||
<h1 class="d-flex justify-content-center m-2 p-4">Our Services</h1>
|
||||
|
||||
<div class="row exp-grids py-3 d-inline-flex justify-content-center">
|
||||
<div class="col-lg-5 col-md-7 bg-white text-dark m-2 p-4">
|
||||
<img src="images/browse.png" alt=" " class="img-fluid" />
|
||||
<div class="exp wthree">
|
||||
<h5>Browse Stocks</h5>
|
||||
<div class="clearfix"></div>
|
||||
<p>
|
||||
Easily browse through stocks and see their past. Change the
|
||||
scale of the graph to your pleasing. Then if you wish to hold
|
||||
a position, specify the amount of money you wish to donate and
|
||||
submit.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-md-7 bg-white text-dark m-2 p-4">
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<img src="images/logo.png" alt=" " class="img-fluid" />
|
||||
<div class="exp wthree">
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<h5>Charities</h5>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<p>
|
||||
Help out your favorite charities while learning and practicing
|
||||
trading. The charities will receive the initial buy price.
|
||||
Then, you can set a percentage of the profits that also goes
|
||||
to charity. In this era, instead of a simple donation, you can
|
||||
use our trading platform to trade for your charities.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-md-7 bg-white text-dark m-2 p-4">
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<img src="images/portfolio.png" alt=" " class="img-fluid" />
|
||||
<div class="exp wthree">
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<h5>Portfolio</h5>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<p>
|
||||
Easily manage your portfolio with Reinvest. Here you can see
|
||||
all the positions you currently hold as well as the initial
|
||||
buy price and quantity. You can sell the stock by clicking
|
||||
Sell for the desired stock. You can also see the current
|
||||
earnings for yourself and the charity.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="support" class="m-2">
|
||||
<div class="container">
|
||||
<h1 class="d-flex justify-content-center m-2 p-4">Support</h1>
|
||||
<h4>Contact:</h4>
|
||||
<p>@gmail.com</p>
|
||||
</div>
|
||||
</section>
|
||||
<script href="js/index.js"></script>
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script
|
||||
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
</body>
|
||||
</html>
|
||||
0
website/js/index.js
Normal file
0
website/js/index.js
Normal file
Loading…
Reference in New Issue
Block a user