-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
88 lines (84 loc) · 4.62 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
<!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="stylesheet" href="./css/style.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="./css/mobile.css">
<script src="https://kit.fontawesome.com/c80f5c1776.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
<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="htttp://facebook.com" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
<a href="htttp://twitter.com" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
<a href="htttp://instagram.com" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
<a href="htttp://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>
<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. Eos in provident, necessitatibus nostrum ipsum quod sequi architecto, exercitationem commodi itaque aspernatur, dolorum perspiciatis. Vel voluptas nemo reprehenderit perferendis excepturi quos quo, quis iure? Sunt cumque esse id eius cum temporibus velit reprehenderit repellat numquam eveniet, nemo molestiae! Unde, distinctio libero?</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ducimus, a cupiditate. Explicabo exercitationem at quibusdam iusto. Aliquam veritatis omnis quaerat provident vitae velit. Deleniti nam ipsam dolorum, alias veniam sed ullam officiis ut tempora dignissimos temporibus! Fugiat vero ratione placeat harum libero quo perferendis obcaecati hic incidunt ut, temporibus eaque similique ducimus nihil modi quos maxime? Totam mollitia molestias quae in deleniti id necessitatibus iure a aliquam sapiente ipsa dolore eius maiores impedit possimus, cumque nostrum inventore? At reiciendis molestiae quia, quasi atque quod voluptatibus amet exercitationem natus magni perferendis qui laborum illo laboriosam excepturi vel reprehenderit consectetur quis suscipit pariatur, ad eos aspernatur ea. Error voluptatum harum distinctio sunt omnis quas! Exercitationem aut ab asperiores in necessitatibus reiciendis alias, sequi commodi totam ad magnam temporibus hic mollitia quasi, delectus voluptatum amet incidunt cum neque blanditiis et molestias, perspiciatis similique quidem. Esse sit perspiciatis quisquam quia, officiis earum quod repellendus.</p>
</article>
<aside class="card bg-primary">
<h2>Join Our Club</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla, qui?</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">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum dignissimos officiis tempore numquam odio inventore tenetur, excepturi sunt aspernatur iure.</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. Ut, facere.</p>
<a href="#" class="btn btn-secondary">Join Now</a>
</div>
<div>
<p>
Copyright © 2021, All Right Reserved
</p>
</div>
</div>
</footer>
</body>
</html>