-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnav-footer.html
196 lines (189 loc) · 15.5 KB
/
nav-footer.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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!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="styles/nav-footer.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<title>Atlas of History | Event</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
</head>
<body>
<header>
<div class="top">
<!-- Logo and Slogan -->
<!-- Logo -->
<div class="flex-top">
<div class="logo-group">
<div>
<img class="logo" src="images/home/logo.svg" alt="Logo">
</div>
<!-- Line -->
<div id="line" class="line"></div>
<!-- Slogan -->
<div id="slogan" class="slogan">
<p>EXPLORE THE <br> PANORAMIC OF HISTORY</p>
</div>
</div>
<!-- Subscribe button -->
<div class="hamburger">
<p>MENU</p>
<svg viewBox="0 0 24 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.2286 0C12.0641 0 11.9064 0.079018 11.7901 0.21967C11.6738 0.360323 11.6085 0.551088 11.6085 0.75C11.6085 0.948913 11.6738 1.13968 11.7901 1.28033C11.9064 1.42098 12.0641 1.5 12.2286 1.5H23.0809C23.2454 1.5 23.4031 1.42098 23.5194 1.28033C23.6357 1.13968 23.7011 0.948913 23.7011 0.75C23.7011 0.551088 23.6357 0.360323 23.5194 0.21967C23.4031 0.079018 23.2454 8.38353e-09 23.0809 0H12.2286ZM12.2286 3.75C12.1472 3.75 12.0665 3.7694 11.9913 3.80709C11.916 3.84478 11.8477 3.90003 11.7901 3.96967C11.7325 4.03931 11.6868 4.12199 11.6557 4.21299C11.6245 4.30398 11.6085 4.40151 11.6085 4.5C11.6085 4.59849 11.6245 4.69602 11.6557 4.78701C11.6868 4.87801 11.7325 4.96069 11.7901 5.03033C11.8477 5.09997 11.916 5.15522 11.9913 5.19291C12.0665 5.2306 12.1472 5.25 12.2286 5.25H23.0809C23.2454 5.25 23.4031 5.17098 23.5194 5.03033C23.6357 4.88968 23.7011 4.69891 23.7011 4.5C23.7011 4.30109 23.6357 4.11032 23.5194 3.96967C23.4031 3.82902 23.2454 3.75 23.0809 3.75H12.2286ZM11.6085 8.25C11.6085 7.8375 11.8875 7.5 12.2286 7.5H23.0809C23.2454 7.5 23.4031 7.57902 23.5194 7.71967C23.6357 7.86032 23.7011 8.05109 23.7011 8.25C23.7011 8.44891 23.6357 8.63968 23.5194 8.78033C23.4031 8.92098 23.2454 9 23.0809 9H12.2286C12.1472 9 12.0665 8.9806 11.9913 8.94291C11.916 8.90522 11.8477 8.84997 11.7901 8.78033C11.7325 8.71069 11.6868 8.62801 11.6557 8.53701C11.6245 8.44602 11.6085 8.34849 11.6085 8.25ZM12.2286 11.25C12.0641 11.25 11.9064 11.329 11.7901 11.4697C11.6738 11.6103 11.6085 11.8011 11.6085 12C11.6085 12.1989 11.6738 12.3897 11.7901 12.5303C11.9064 12.671 12.0641 12.75 12.2286 12.75H23.0809C23.2454 12.75 23.4031 12.671 23.5194 12.5303C23.6357 12.3897 23.7011 12.1989 23.7011 12C23.7011 11.8011 23.6357 11.6103 23.5194 11.4697C23.4031 11.329 23.2454 11.25 23.0809 11.25H12.2286ZM11.6085 15.75C11.6085 15.3375 11.8875 15 12.2286 15H23.0809C23.2454 15 23.4031 15.079 23.5194 15.2197C23.6357 15.3603 23.7011 15.5511 23.7011 15.75C23.7011 15.9489 23.6357 16.1397 23.5194 16.2803C23.4031 16.421 23.2454 16.5 23.0809 16.5H12.2286C12.0641 16.5 11.9064 16.421 11.7901 16.2803C11.6738 16.1397 11.6085 15.9489 11.6085 15.75ZM4.47691 11.5313L8.35275 5.4375H0.601074L4.47691 11.5313Z"
fill="black" />
</svg>
</div>
<nav>
<div class="main">
<div class="home nav-btns">
<a href="">
<p class="nav-btn-text">Home</p>
</a>
<!-- Icon -->
<div class="icon">
<img src="images/home/Vector.svg" alt="icon">
</div>
</div>
<div class="about-us nav-btns">
<a href="">
<p class="nav-btn-text">About Us</p>
</a>
<!-- Icon -->
<div class="icon">
<img src="images/home/Vector-1.svg" alt="icon">
</div>
</div>
<div class="contact-us nav-btns">
<a href="">
<p class="nav-btn-text">Contact Us</p>
</a>
<!-- Icon -->
<div class="icon">
<img src="images/home/Vector-2.svg" alt="icon">
</div>
</div>
<div class="nav-btns our-team">
<a href="">
<p class="nav-btn-text">Our Team</p>
</a>
<!-- Icon -->
<div class="icon">
<img src="images/home/Vector-3.svg" alt="icon">
</div>
</div>
</div>
</nav>
</div>
</div>
</header>
<div class="footer">
<div class="footer-long-card-image">
<div class="footer-long-card-image-text1">
<p>THE BEST OF HISTORY DELIVERED TO YOUR INBOX</p>
</div>
<div class="footer-long-card-image-text2">
<p>Subscribe for more inspiring photos, stories, and special offers from Atlas Of History.</p>
</div>
<div class="footer-long-card-image-subscribe-btn">
<p class="footer-long-card-image-text3">Subscribe</p>
</div>
</div>
<div class="footer-other-links">
<div class="footer-legal">
<p class="footer-heading">LEGAL</p>
<p id="legal-t1">Terms of Use</p>
<p id="legal-t2">Privacy</p>
<p id="legal-t3">Do Not Sell Or Share <br> My Personal <br> Information</p>
</div>
<div class="footer-legal">
<p class="footer-heading">Our Sites</p>
<p id="our-sites-t1">Atlas of History Home</p>
<p id="our-sites-t2">Atlas of History About Us</p>
<p id="our-sites-t3">Atlas of History Explore</p>
<p id="our-sites-t4">Atlas of History Contribute</p>
<p id="our-sites-t5">Support Our Mission</p>
</div>
<div class="footer-legal">
<p class="footer-heading">Join Us</p>
<p id="join-us-t1">Subscribe</p>
<p id="join-us-t2">Customer Service</p>
<p id="join-us-t3">Renew Subscription</p>
<p id="join-us-t4">Contribute to Educate</p>
</div>
<div class="footer-legal follow-us">
<div class="follow-us-icon">
<p class="footer-heading">Follow Us</p>
</div>
<div class="icons">
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-linkedin"></i>
</div>
</div>
</div>
<hr class="hr">
<div class="footer-copy-right">
<div class="small-logo">
<svg width="84" height="60" viewBox="0 0 86 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M32.7914 60.3622L50.5082 60.3646C50.6269 60.3646 50.7461 60.3341 50.8512 60.2812C50.8846 60.2679 50.918 60.2537 50.9515 60.2396L65.3722 51.3017C65.5204 51.2392 65.5961 51.1142 65.6718 50.9892L71.3455 36.9084C71.5327 36.7578 71.5777 36.5066 71.5202 36.2987L66.2614 21.9818C66.1901 21.8568 66.1188 21.7318 65.9729 21.6692L51.7956 12.7901C51.6018 12.665 51.4065 12.6233 51.2097 12.665L33.6399 12.6626C33.4929 12.6626 33.3448 12.7251 33.1966 12.7876L18.7035 21.663C18.503 21.7476 18.402 21.9181 18.379 22.097L12.6346 36.3534C12.5588 36.4785 12.5566 36.6035 12.6279 36.7285L17.8132 51.0454C17.9198 51.2323 18.1092 51.3844 18.3209 51.4492L32.3525 60.2372C32.4984 60.2997 32.6444 60.3622 32.7914 60.3622ZM31.0695 24.9154C30.7733 25.0404 30.6942 25.353 30.7632 25.6031L36.3685 41.1078L26.7879 41.1065L19.9966 22.3787L33.8382 13.913L49.0556 13.915L31.071 24.9145L31.0695 24.9154ZM69.3048 34.8262L51.6734 23.7929C51.3827 23.6053 51.0886 23.6052 50.7912 23.7928L41.7236 29.3555C41.6631 29.4061 41.6025 29.467 41.5515 29.5339L35.184 33.417L32.3794 25.6658L51.3312 14.1029L64.9281 22.5443L69.3048 34.8262ZM42.3078 50.2359L19.151 50.2328L14.1015 36.5412L19.0266 24.1637L25.474 41.9191C25.6166 42.1691 25.9073 42.3567 26.2014 42.3568L37.449 42.3583L37.4514 42.3583L45.462 42.3593L42.3078 50.2359ZM51.9461 58.0517L54.5798 51.4706L59.0999 40.2356C59.1215 40.166 59.1319 40.0964 59.1292 40.0282C59.1439 39.8285 59.0536 39.6366 58.8192 39.4853L43.4215 29.8658L51.209 25.1057L69.894 36.7986L64.431 50.4889L51.9461 58.0517ZM42.1559 30.6394L35.6237 34.6323L37.9894 41.1705L45.9986 41.1716L48.5848 34.691L42.1559 30.6394ZM20.8195 51.4834L42.8737 51.4863C43.2412 51.4863 43.5386 51.2988 43.6166 51.0488L49.8278 35.4744L57.4815 40.2979L49.9624 59.1142L33.0342 59.112L20.8195 51.4834Z"
fill="white" />
<path
d="M8.36692 28.5188L8.74216 27.1029L0.41911 29.0683L6.99471 33.6963L7.34997 32.3558L6.47394 31.7775L7.2755 28.7531L8.36692 28.5188ZM3.21607 29.6225L5.74885 29.0762L5.24705 30.9695L3.21607 29.6225Z"
fill="white" />
<path
d="M9.72477 25.0774L4.07753 23.1719L4.83244 21.6099L3.52564 21.169L1.46505 25.4325L2.77185 25.8735L3.48054 24.4071L9.12778 26.3127L9.72477 25.0774Z"
fill="white" />
<path
d="M4.72403 19.2038L11.061 22.5805L13.5531 19.2701L12.3623 18.6355L10.7191 20.8182L5.57299 18.076L4.72403 19.2038Z"
fill="white" />
<path
d="M18.0673 15.1357L19.2441 14.0758L10.9871 12.1306L13.7642 19.0113L14.8783 18.0079L14.4851 17.1243L16.9988 14.8604L18.0673 15.1357ZM13.0256 13.8345L15.5069 14.4712L13.9333 15.8885L13.0256 13.8345Z"
fill="white" />
<path
d="M19.4746 10.4814C20.1142 10.1766 20.657 10.2333 21.0025 10.6498C21.2788 10.983 21.1852 11.4677 20.7648 11.723C20.4021 11.9432 20.0502 12.042 19.5223 11.9136L19.0084 13.2067C20.0428 13.3928 20.922 13.1826 21.6227 12.7572C22.7026 12.1016 23.1012 10.7742 22.2663 9.7677C21.4372 8.76815 20.0765 8.69667 18.9835 9.27671C18.3035 9.63735 17.9189 9.54729 17.7231 9.31128C17.4871 9.02669 17.5739 8.71303 17.9119 8.50784C18.1263 8.37773 18.4904 8.32364 18.7762 8.36932L19.2694 7.14099C18.408 6.95424 17.6698 7.11019 17.0598 7.48053C16.2107 7.99599 15.7669 9.19429 16.4924 10.0689C17.166 10.881 18.3249 11.0229 19.4746 10.4814Z"
fill="white" />
<path
d="M32.6328 8.43406C34.7046 7.938 35.9288 6.11249 35.3763 4.35809C34.8239 2.60369 32.7049 1.58758 30.6234 2.08597C28.5517 2.58203 27.3249 4.3993 27.8773 6.1537C28.4298 7.90809 30.5514 8.93245 32.6328 8.43406ZM31.0073 3.30499C32.2328 3.01154 33.4901 3.6494 33.8299 4.72839C34.1748 5.82386 33.4719 6.91336 32.2464 7.2068C31.0014 7.50491 29.7688 6.87887 29.4238 5.7834C29.0841 4.70441 29.772 3.60076 31.0073 3.30499Z"
fill="white" />
<path
d="M39.3115 7.21955L39.1596 4.43743L41.9529 4.28993L41.8876 3.09515L39.0944 3.24265L39.0297 2.0564L41.4338 1.92945L41.3686 0.734675L37.4182 0.94328L37.7652 7.30121L39.3115 7.21955Z"
fill="white" />
<path
d="M50.4542 1.40432L48.3464 7.5492L49.8421 7.90334L50.7644 5.21444L54.0647 5.99583L53.1424 8.68473L54.6381 9.03887L56.746 2.894L55.2502 2.53986L54.4608 4.84109L51.1605 4.0597L51.9499 1.75846L50.4542 1.40432Z"
fill="white" />
<path d="M61.0916 4.4523L59.7006 3.88691L56.4239 9.64863L57.8149 10.214L61.0916 4.4523Z" fill="white" />
<path
d="M62.9409 9.49344C63.496 9.88782 63.6211 10.3401 63.2835 10.7699C63.0134 11.1138 62.4493 11.2202 62.0243 10.9814C61.6575 10.7754 61.4277 10.5328 61.3863 10.0656L59.7905 10.1397C59.9434 11.0308 60.4774 11.6508 61.1858 12.0488C62.2777 12.6621 63.8714 12.4835 64.6873 11.4449C65.4976 10.4134 65.1064 9.30574 64.0929 8.65387C63.4626 8.2482 63.4286 7.9091 63.62 7.66555C63.8507 7.37185 64.2247 7.32385 64.5664 7.5158C64.7831 7.63752 64.9682 7.90663 65.0167 8.15069L66.5343 8.08432C66.4419 7.33036 66.016 6.80208 65.3992 6.45564C64.5408 5.97343 63.0731 6.06789 62.3641 6.97047C61.7058 7.80857 61.9501 8.78206 62.9409 9.49344Z"
fill="white" />
<path
d="M66.2871 15.317L70.4569 11.4913L71.8942 12.6218L72.8591 11.7365L68.9361 8.65064L67.9712 9.53594L69.3204 10.5972L65.1505 14.423L66.2871 15.317Z"
fill="white" />
<path
d="M70.2982 19.4542C71.5347 20.9278 73.9558 21.2458 75.7075 20.1722C77.4592 19.0987 77.8752 17.0418 76.6329 15.5613C75.3964 14.0877 72.9835 13.7647 71.2318 14.8383C69.4802 15.9119 69.0559 17.9738 70.2982 19.4542ZM75.4158 16.3073C76.1472 17.179 75.8618 18.412 74.7845 19.0722C73.6907 19.7426 72.255 19.5749 71.5235 18.7033C70.7805 17.8177 71.0611 16.6086 72.1548 15.9383C73.2321 15.278 74.6786 15.4287 75.4158 16.3073Z"
fill="white" />
<path
d="M75.4455 24.4041L74.6999 25.7947L75.475 27.4202L76.4754 25.5792C77.3149 26.2406 78.4709 26.4205 79.7222 25.976C81.2349 25.4386 81.954 23.9467 81.2956 22.5658L80.3211 20.5222L73.3642 22.9936L73.9474 24.2166L75.152 23.7887L75.4455 24.4041ZM76.4594 23.3243L79.597 22.2096L79.9506 22.9513C80.357 23.8035 79.8729 24.483 79.0231 24.7849C78.052 25.1299 77.1931 24.8629 76.7792 23.995L76.4594 23.3243Z"
fill="white" />
<path
d="M80.0966 30.0503L83.3015 27.5838L82.9618 26.092L78.4302 29.6471L76.1943 30.042L76.4901 31.3411L78.8645 30.9218L84.4426 32.5957L84.1316 31.2296L80.0966 30.0503Z"
fill="white" />
</svg>
</div>
<div class="copy-right-sections">
<div class="footer-copy-right-t1">
<p>Copyright © 1996-2015 Atlas Of History Community</p>
</div>
<div class="small-line"></div>
<div class="footer-copy-right-t2">
<p>Copyright © 1996-2015 Atlas Of History Community</p>
</div>
</div>
</div>
</div>
</body>