-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
135 lines (132 loc) · 5.34 KB
/
about.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Lato&family=Staatliches&display=swap"
rel="stylesheet"
/>
<script
src="https://kit.fontawesome.com/a30e3cd674.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="css/style.css" />
<link
rel="stylesheet"
media="screen and (max-width:768px)"
href="css/mobile.css"
/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<title>NewsGrid | About</title>
</head>
<body>
<nav id="main-nav">
<div class="container">
<img src="./img/logo.png" alt="NewsGrid" class="logo" />
<div class="social">
<a href="http://facebook.com"
><i class="fab fa-facebook fa-2x"></i
></a>
<a href="http://twitter.com"><i class="fab fa-twitter fa-2x"></i></a>
<a href="http://instagram.com"
><i class="fab fa-instagram fa-2x"></i
></a>
<a href="http://youtube.com"><i class="fab fa-youtube fa-2x"></i></a>
</div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html" class="current">About</a></li>
</ul>
</div>
</nav>
<section id="about">
<div class="container">
<div class="page-container">
<article class="card">
<h1 class="l-heading">About our Organization</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Perspiciatis molestiae eum dolorem eius placeat pariatur culpa
voluptas delectus aliquam. Numquam doloribus a, magnam quia
laudantium ipsam quasi vero veniam. Ea est quae quis dolore at,
ducimus dolor cupiditate. Aut corporis dicta similique dolores
quae! Illo odio expedita a ullam consequatur!
</p>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Laborum
perferendis recusandae nemo iusto eius corrupti laudantium fuga
eos atque saepe doloribus accusamus illum est, impedit corporis
consequatur nostrum in provident architecto? Incidunt id repellat
necessitatibus et ratione natus nulla ipsam ipsa doloremque nisi.
Aperiam, sapiente corrupti? Non iste dolorem aliquid iusto
architecto perspiciatis cum, vel magni ipsam numquam possimus,
odit debitis reprehenderit nostrum eligendi temporibus odio vero
totam magnam tempore atque. Laboriosam unde consequuntur,
repellendus ut amet est iusto quasi aliquid culpa, aut obcaecati
explicabo? Necessitatibus deleniti dolorum recusandae eius in
tempora tempore sapiente laborum at perspiciatis quo ut harum eos,
nam, alias molestiae? Quam pariatur neque ducimus possimus saepe
minima ad sequi debitis ea porro libero cumque molestias
architecto est ipsam fuga maxime deserunt, adipisci itaque culpa?
Incidunt, iure voluptatibus repudiandae inventore quaerat placeat
natus exercitationem ipsum commodi numquam iusto vero asperiores
rem. Atque quo obcaecati laborum saepe id?
</p>
</article>
<aside class="card bg-primary">
<h2>Join Our Club</h2>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam,
reiciendis atque libero consectetur ipsa asperiores?
</p>
<a href="#" class="btn btn-dark btn-block">Join Us</a>
</aside>
</div>
</div>
</section>
<!-- footer -->
<footer id="main-footer" class="py-2">
<div class="container footer-container">
<div>
<img src="./img/logo_light.png" alt="NewsGrid" />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium
fuga excepturi dolor blanditiis quas cumque in aperiam, laboriosam
perspiciatis architecto?
</p>
</div>
<div>
<h3>Email Newsletter</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
<form name="contact" method="POST" data-netlify="true">
<input type="email" name="email" placeholder="Enter Email...." />
<input type="Submit" value="Subscribe" class="btn btn-primary" />
</form>
</div>
<div>
<h3>Site Links</h3>
<ul class="list">
<li><a href="#">Help & Support</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div>
<h2>Join Our Club</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt,
sequi.
</p>
<a href="#" class="btn btn-secondary">Join Now</a>
</div>
<div>
<p>Copyright © 2021, All Rights Reserved</p>
</div>
</div>
</footer>
</body>
</html>