<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PoliTalk</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"
/>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
<a href="#reinvest"
><h1 class="navbar-brand" width="100px" href="#reinvest">
PoliTalk
</h1></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 />
<h1
class="text-primary text-center bg-white rounded-lg shadow-lg p-3 mb-5"
>
PoliTalk
</h1>
<br />
<br />
<br />
<h3 class="text-white bg-primary rounded-lg shadow-lg p-3 mb-5">
Digitally empowering underrepresented minorities in politics
</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">
PoliTalk 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>