-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
92 lines (85 loc) · 5.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"
integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Staatliches&display=swap" rel="stylesheet">
<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="navbar">
<div class="container">
<img src="img/logo.png" class="logo" alt="NewsGrid">
<div class="social">
<i class="fa fa-facebok"></i>
<a href="https://www.facebook.com/"><i class="fab fa-facebook fa-2x"></i></a>
<a href="https://www.instagram.com/"><i class="fab fa-instagram fa-2x"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter fa-2x"></i></a>
<a href="https://www.youtube.com/"><i class="fab fa-youtube fa-2x"></i></a>
</div>
<ul>
<li><a class="white" href="index.html">Home</a></li>
<li><a class="primary" href="#About">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. Asperiores, ex? Sunt labore atque repudiandae, ipsum iste vel cumque eveniet fuga delectus nihil laborum magni aperiam voluptate molestiae, eos corrupti quaerat veritatis reiciendis ratione animi, velit similique. Aut ipsa, a nihil explicabo voluptatem, maxime deleniti doloribus temporibus, totam amet distinctio voluptates?</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem, harum! Placeat eius ipsam maxime tenetur voluptatum veniam sunt. Aperiam ipsa deleniti aliquam animi nemo blanditiis molestias iusto totam quidem alias dolorum illum autem doloremque sed beatae, dolor veniam ea aliquid ratione excepturi accusamus. Consectetur esse facere libero error incidunt id culpa doloribus magnam fugit nihil nobis necessitatibus officia inventore mollitia suscipit soluta earum voluptatibus, quis quas repudiandae maxime atque. Laborum quo ipsam possimus beatae cumque consequuntur asperiores, praesentium incidunt ipsa cum. Consequuntur cupiditate laboriosam facilis recusandae voluptatum eum nostrum eius temporibus atque. Beatae mollitia ad doloribus! Quibusdam quos facere autem ratione aut! Alias veritatis excepturi ea explicabo eaque fuga incidunt debitis et quidem impedit optio, accusantium iste ab quis? Quidem, dignissimos ullam temporibus unde dolore, voluptatem quo asperiores quaerat nulla suscipit sint perferendis obcaecati possimus, numquam ut soluta aut nostrum ipsam doloremque. Adipisci et quae totam temporibus voluptate accusantium facere?</p>
</article>
<aside class="card primary">
<h2>Join Our Club</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium, adipisci?</p>
<a href="" class="btn dark btn-block">Join Now!</a>
</aside>
</div>
</div>
</section>
<!-- Footer -->
<div id="main-footer" class="py-2">
<div class="container footer-container">
<div>
<img src="img/logo_light.png" alt="NewGrid Logo">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus totam facere in recusandae vero et
pariatur neque at fugiat earum!</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 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. Ducimus, esse!</p>
<a href="#" class="btn secondary"> Join Now</a>
</div>
<div>
<p>
Copyright © All rights Reserved
</p>
</div>
</div>
</div>
</body>
</html>