diff --git a/website/css/index.css b/website/css/index.css
new file mode 100644
index 0000000..e69de29
diff --git a/website/images/background.jpg b/website/images/background.jpg
new file mode 100644
index 0000000..54cd29a
Binary files /dev/null and b/website/images/background.jpg differ
diff --git a/website/images/browse.png b/website/images/browse.png
new file mode 100644
index 0000000..d5bf591
Binary files /dev/null and b/website/images/browse.png differ
diff --git a/website/images/logo.ico b/website/images/logo.ico
new file mode 100644
index 0000000..a1a02f2
Binary files /dev/null and b/website/images/logo.ico differ
diff --git a/website/images/logo.png b/website/images/logo.png
new file mode 100644
index 0000000..18db70f
Binary files /dev/null and b/website/images/logo.png differ
diff --git a/website/images/portfolio.png b/website/images/portfolio.png
new file mode 100644
index 0000000..710c547
Binary files /dev/null and b/website/images/portfolio.png differ
diff --git a/website/index.html b/website/index.html
new file mode 100644
index 0000000..1413bdd
--- /dev/null
+++ b/website/index.html
@@ -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>
diff --git a/website/js/index.js b/website/js/index.js
new file mode 100644
index 0000000..e69de29