mirror of
https://github.com/Rushilwiz/openly.git
synced 2025-04-07 05:40:19 -04:00
208 lines
7.4 KiB
HTML
208 lines
7.4 KiB
HTML
<!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>
|