<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ThinkOpenly</title>
<link rel="shortcut icon" href="images/logo.ico" />
<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">
ThinkOpenly
</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 />
<div class="text-center">
<img
class="text-center img-fluid"
src="images/logo.png"
width="350px"
/>
</div>
<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">
ThinkOpenly 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/posts.jpg" alt=" " class="img-fluid" />
<div class="exp wthree">
<h5>Browse Posts</h5>
<div class="clearfix"></div>
<p>
Easily browse through NLP generated recommended posts in your
feed. These posts match your previous interests and recent
trending political and social subjects.
</p>
</div>
</div>
<div class="col-lg-5 col-md-7 bg-white text-dark m-2 p-4">
<img src="images/events.jpg" alt=" " class="img-fluid" />
<div class="exp wthree">
<h5>Browse Events</h5>
<div class="clearfix"></div>
<p>
Browse local community political events that match your
political interests in order to best advocate your concerns
and have your voice heard.
</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/post.jpg" alt=" " class="img-fluid" />
<div class="exp wthree">
<br />
<br />
<br />
<h5>Discussion Thread</h5>
<div class="clearfix"></div>
<p>
View someone's post and leave a like or comment to further
discuss the thread or show your support. Each like or comment
will make your feed give more posts or events that are
similar.
</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/createpost.jpg" alt=" " class="img-fluid" />
<div class="exp wthree">
<br />
<br />
<br />
<h5>Create Posts</h5>
<div class="clearfix"></div>
<p>
Create your own post anonymously for free and easily. Your
post will be seen by many others as well as politicians that
can possibly advocate and recognize your interests for your
given enough support.
</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>