-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (87 loc) · 3.48 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="/images/favicon.ico" />
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
crossorigin="anonymous"
/>
<!-- Bootstrap JS -->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="/css/styles.css" />
<link rel="stylesheet" href="/css/login.css" />
<title>No End Insight</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/feed.html">
<img
src="/images/lightbulb.png"
width="30"
height="30"
class="d-inline-block align-top mx-2"
/>
No End Insight</a
>
<span class="nav-link text-dark" aria-current="page">N/A</span>
</div>
</nav>
<!-- Main Page Content -->
<main class="content container home-page">
<div class="row align-items-center">
<div class="col-md-6 col-sm-6">
<img
class="home-lightbulb-pic mx-auto d-block"
src="/images/lightbulb.png"
/>
<section class="p-2 pt-4">
<h1 class="text-center">No End Insight</h1>
<p class="text-center card-text p-2">The social media platform that finally makes you feel better about life rather than worse. Hop on whenever you have killer insights to share or whenever you need some extra inspiration. The uplift you get from sharing and receiving helps you progress -- <b>there's no end 'insight'</b> for your potential, always improving.</p>
</section>
</div>
<div class="col-md-6 col-sm-6">
<div class="card bg-dark p-4 m-4">
<h3 class="mb-3 font-weight-normal sub-header">Welcome! Log in below</h3>
<form action="/feed.html">
<label for="inputEmail">Email address</label>
<input type="email" id="inputEmail" class="card-input text-white rounded p-2" placeholder="Enter email" required autofocus>
<label for="inputPassword" class="mt-3">Password</label>
<input type="password" id="inputPassword" class="card-input text-white rounded p-2" placeholder="Enter password" required>
<input
type="submit"
class="btn dark-btn yellow-btn btn-block p-2 mt-4"
value="Log In"
/>
</form>
</div>
</div>
<div>
</main>
<!-- Footer -->
<div class="container-fluid bg-dark nav-footer">
<div class="row justify-content-center align-items-center py-3">
<div class="col d-flex justify-content-center">
<span class="name-footer">No End Insight</span>
</div>
<div class="col d-flex justify-content-center">
<a
class="btn btn-outline-light float-right"
href="https://github.com/brighambandersen/no-end-insight"
>
See Source Code
</a>
</div>
</div>
</div>
</body>
</html>