<!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">
<div class="container">
<h1 class="d-flex justify-content-center m-2 p-4">Our Services</h1>
<p class="d-flex justify-content-center m-2 p-4">
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>
</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>