-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
78 lines (78 loc) · 4.47 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
<!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">
<title>NewsGrid | About</title>
<link rel="stylesheet" media="(max-width: 768px)" href="css/mobile.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/b39f0741db.js" crossorigin="anonymous"></script>
</head>
<body>
<nav id="main-nav">
<div class="container">
<img src="/img/img/logo.png" alt="newsgrid" class="logo">
<div class="social">
<a href="facebook.com"><i class="fab fa-facebook fa-2x"></i></a>
<a href="facebook.com"><i class="fab fa-instagram fa-2x"></i></a>
<a href="facebook.com"><i class="fab fa-twitter fa-2x"></i></a>
<a href="facebook.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>about our organization</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae saepe ducimus repellat alias possimus, doloremque molestias nihil ipsum? Dolore quasi pariatur quos officiis consectetur tempore excepturi obcaecati non eius esse?</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nostrum sit debitis ratione maxime tenetur odio obcaecati. Libero sunt dolore suscipit tenetur quo eius doloremque magni laudantium dicta sit odit deserunt explicabo modi, iusto, molestias aut fugit dolorem nesciunt voluptatum quisquam! Iusto quaerat fugiat suscipit eaque rem vero quam, sit pariatur? Eum laboriosam itaque in tenetur, nemo, impedit animi possimus, porro facilis minima sapiente sequi vel. Aliquid asperiores perspiciatis ab hic obcaecati ad accusamus provident cupiditate magni pariatur id minima eligendi tempore, tenetur quaerat molestiae, officia itaque est sapiente ex perferendis quibusdam amet impedit! Officiis, distinctio quis odit facere magnam eius quos perferendis autem, mollitia beatae deserunt, obcaecati animi amet veritatis debitis labore quas eligendi minima iusto soluta! Corrupti, quam! Voluptate similique provident vel? Nobis necessitatibus ex, alias, ipsa laboriosam pariatur ad, ea sapiente ipsam beatae exercitationem rem soluta! Maiores inventore assumenda exercitationem autem animi illo at sed excepturi neque fuga corrupti, omnis enim quidem ipsam ex. Eos, placeat voluptates.</p>
</article>
<aside class="card bg-dark">
<h2>join our club</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minus, voluptatem.</p>
<a href="" class="btnnigga btn-block">join now</a>
</aside>
</div>
</div>
</section>
<footer id="main-footer">
<div class="container footer-container">
<div>
<img src="/img/img/logo_light.png" alt="newsgrid">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro esse incidunt tempore ipsum voluptate ad blanditiis. Blanditiis molestias sequi dignissimos!</p>
</div>
<div>
<h3>email newsletter</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Assumenda </p>
<form method="POST" data-netlify="true">
<input type="email" name="email" placeholder="enter email">
<input type="submit" value="subret">
</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>
<h3>join our club</h3>
<p>Lorem ipsum dolor sit amet.</p>
<a href="#">Join now</a>
</div>
<div>
<p>© 2021 alright reserved</p>
</div>
</div>
</footer>
</body>
</html>