-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
83 lines (83 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://kit.fontawesome.com/a54398b65a.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Staatliches&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="mobile.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>About</title>
</head>
<body>
<nav id="main-nav">
<div class="container">
<img src="images/logo.png" alt="NewsGrid" 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 class="current" href="about.html">About</a></li>
</ul>
</div>
</nav>
<section id="about">
<div class="container">
<div class="page-contanier">
<article class="card">
<h1 class="l-heading">About Our Organization</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque culpa deserunt dolore esse excepturi explicabo, fugit inventore ipsa iusto labore nobis, optio quo soluta suscipit voluptatibus? A atque ex fugit itaque quibusdam, repellat. Consequuntur deserunt dignissimos ex illum modi, quae voluptatibus? Blanditiis consequuntur eos facilis minima perspiciatis reprehenderit sunt veritatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam corporis delectus, doloribus ex exercitationem harum libero molestiae nemo officiis praesentium quo suscipit! Hic, maiores minima neque ratione recusandae repudiandae veniam vitae? Beatae esse quasi soluta veniam? Animi atque aut consectetur culpa distinctio dolorum ducimus eaque excepturi exercitationem explicabo facere in maxime molestiae neque nisi nobis quam quo sint tempore, veritatis. Alias architecto asperiores aut dignissimos distinctio ex fuga inventore laborum nam quidem reiciendis reprehenderit sint soluta tempora temporibus ullam, veniam! Adipisci alias, aliquid autem debitis distinctio dolorum expedita laboriosam minus necessitatibus reprehenderit! Ab ad cupiditate dolorem eum pariatur, unde?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ab ea eum in laboriosam molestiae, quae quos similique veniam. A accusamus animi, debitis error harum impedit ipsam iste neque odit officiis quos sit soluta suscipit tenetur, unde voluptatem voluptatibus. Consectetur consequatur inventore itaque mollitia vero. Cupiditate dolorum eius in incidunt laudantium nobis nostrum nulla obcaecati officiis quae quos sequi soluta tempora temporibus veritatis vero vitae, voluptatem. Eum illo ipsam labore magni mollitia. Amet asperiores eos excepturi ipsum laboriosam libero maxime nihil nostrum, numquam praesentium quas sapiente sed sit tenetur ut? Architecto fugiat obcaecati vel? Commodi, cum ea eaque facilis fugit impedit laborum, modi natus nobis porro praesentium quae quaerat quasi qui saepe sequi sit soluta velit! Aperiam atque culpa dignissimos dolore dolorum error esse et ex explicabo illo itaque labore maiores modi natus, necessitatibus nesciunt nobis nulla numquam obcaecati odit officia officiis optio quidem rem sint suscipit unde ut voluptatem.</p>
</article>
<aside class="card bg-primary">
<h2>Join Our Club</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, perspiciatis.</p>
<a href="#" class="btn btn-dark btn-block">Join Now</a>
</aside>
</div>
</div>
</section>
<!--footer-->
<footer id="main-footer">
<div class="container footer-container">
<div>
<img src="images/logo_light.png" alt="NewsGrid">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, fugiat repellat! Commodi consequuntur deserunt ipsam unde? Doloribus fugiat rerum totam.</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 Your Email...">
<input type="submit" value="Subscribe" class="btn btn-primary">
</form>
</div>
<div>
<h3>Site Linls</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. Quae, quos?</p>
<a href="#" class="btn btn-secondary">Join Now</a>
</div>
<div>
<p>Copyright © 2019, All Rights Reserved</p>
</div>
</div>
</footer>
</body>
</html>