-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
100 lines (87 loc) · 5.53 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
<!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 href="https://fonts.googleapis.com/css2?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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<title>News Grid | About</title>
</head>
<body>
<!-- Markup for the about page. Header and footer section remain the same as the one on the home page -->
<header id="navbar">
<div class="container">
<div class="grid_navbar">
<img src="./img/logo.png" alt="No Image" class="logo">
<div class="social_media">
<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 class="menu_list">
<li><a href="index.html">Home</a></li>
<li><a href="about.html" class="current_page">About</a></li>
</ul>
</div>
</div>
</header>
<!-- Markup for the main about page content -->
<section id="about_content">
<div class="container">
<div class="about_grid">
<div>
<h1>About Our Organization</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nihil architecto eveniet ratione ea dignissimos assumenda consectetur iure odit! Quia saepe deleniti enim facere architecto dignissimos? Repellendus ad in facilis fugiat, qui architecto quam numquam sunt aspernatur eum facere asperiores recusandae, voluptatibus, dolorem reiciendis iure aliquid illum perferendis animi. Enim!</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla, velit. Harum vel tenetur ex! Quos, molestias harum itaque architecto consequatur earum nam corporis doloribus incidunt deserunt modi inventore neque officia molestiae. Quibusdam quam enim quo sapiente ut totam! Id sit temporibus suscipit amet nihil laborum odio nam et veniam consequuntur quibusdam voluptate exercitationem dolor mollitia atque harum, aperiam vitae unde voluptatum distinctio? Consequatur at eaque ab voluptatum dignissimos reiciendis qui quae voluptates autem. Possimus quos cupiditate suscipit perferendis deleniti, a cumque. Quidem temporibus sequi rem aperiam quia culpa sint autem quisquam, assumenda ea distinctio iure ratione minus perferendis laborum inventore optio vero vel similique dignissimos alias! Accusantium hic praesentium impedit temporibus illo, unde in at dolorem voluptatibus nesciunt laborum libero quos aliquam fugit quae nostrum dignissimos cumque culpa eligendi non dicta. Molestias accusantium deserunt fugiat corrupti commodi ea placeat, enim expedita hic pariatur aperiam aspernatur, quos eligendi eius? Dignissimos at consequatur facere quos tempora eveniet omnis nesciunt autem tenetur ad.</p>
</div>
<div>
<h2>Join Our Club</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Temporibus, illo?</p>
<a href="#">Join Now</a>
</div>
</div>
</div>
</section>
<!-- Markup for the footer -->
<footer id="footer">
<div class="container">
<div class="grid_footer">
<div>
<img src="./img/logo_light.png" alt="No Image">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae, nam. Magnam iste sapiente magni a facere placeat iure delectus nemo.</p>
</div>
<div>
<h3>Email Newsletter</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
<form>
<input type="email" name="email" id="email" placeholder="Enter Email...">
<button type="submit">Subscribe</button>
</form>
</div>
<div>
<h3>Site Links</h3>
<ul>
<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. Temporibus, illo?</p>
<a href="#">Join Now</a>
</div>
<div>
Copyright © 2022, All Righs Reserved
</div>
</div>
</div>
</footer>
</body>
</html>