-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
121 lines (101 loc) · 5.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>About</title>
<!-- FontAwesome and Google Fonts -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css"
integrity="sha384-REHJTs1r2ErKBuJB0fCK99gCYsVjwxHrSU0N7I1zl9vZbggVJXRMsv/sLlOAGb4M" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lato|Staatliches&display=swap" rel="stylesheet">
<!-- Local stylesheets -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile.css" media="screen and (max-width: 768px)">
</head>
<body>
<!-- Navbar -->
<nav id="main-nav">
<div class="container">
<img src="img/logo.png" alt="NewsGrid logo" class="logo">
<div class="social">
<a href="http://facebook.com" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
<a href="http://twitter.com" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
<a href="http://instagram.com" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
<a href="http://youtube.com" target="_blank"><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>
<!-- About -->
<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. Dolores sunt distinctio, porro facilis
at doloribus! Cupiditate nostrum saepe rem laboriosam nisi ipsa vero, dolores ipsum ipsam
exercitationem sint quisquam culpa officia delectus minima magnam earum eligendi. Laudantium
reiciendis non impedit consectetur, adipisci deserunt, natus ducimus asperiores eius, tempora
unde rem.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde sunt culpa perspiciatis recusandae
accusantium, excepturi itaque quam provident impedit perferendis sequi facere inventore autem
tempora blanditiis laboriosam architecto repellat! Enim in maxime quis inventore. Suscipit
eligendi architecto vero, dolorem, deleniti repellat illum voluptates ipsam accusamus itaque,
ullam recusandae ipsum blanditiis maiores tenetur quibusdam dignissimos perferendis deserunt
fuga. Illo, qui impedit labore voluptatibus eius velit eum. Assumenda magni porro deserunt eos
hic, nulla id eum corporis iusto minima vitae. Iste nesciunt quo ex eius nulla alias iure, nam,
officia maiores culpa harum est, omnis sed. Esse odio, quis incidunt eveniet debitis aliquid sit
eligendi ex officia dolorum, eos natus at consequuntur, rerum quae consequatur odit! Expedita
omnis iusto, cupiditate illum non amet vero? Et aliquid vel culpa quasi beatae quibusdam eos,
quo minus error consequuntur animi necessitatibus iure, perspiciatis temporibus maiores harum
magni iusto similique voluptas aperiam itaque? Omnis, doloremque? Voluptates.</p>
</article>
<aside class="card bg-primary">
<h2>Join our Club!</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, nostrum!</p>
<a href="#" class="btn btn-dark btn-block">Join Now</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 logo">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat nesciunt, magnam a veritatis iusto
obcaecati ullam inventore nemo dicta cumque?</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 and Support</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<div>
<h2>Join our club!</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae, beatae.</p>
<a href="#" class="btn btn-secondary">Join now</a>
</div>
<div>
<p>Copyright © 2019, All Rights Reserved</p>
</div>
</div>
</footer>
</body>
</html>