<!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">
ReInvest is a philanthropic platform where users can invest money for
charities. Instead of a simple donation, you can purchase stocks for
your charity of choice. This offers a great opportunity for you to
learn about stocks while helping your favorite organizations. Scared
of losing too much money? Our platform offers automatic stop losses so
that your organization doesn't lose more than a set percentage of your
initial donation. Additionally, you set the percentage of profits that
you get in return meanwhile your charity gets the initial donation
plus the rest of the profits.
</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>