-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
43 lines (43 loc) · 2.17 KB
/
index.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
<!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 rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="icon" type="image/x-icon" href="./images/logo.png">
<title>The Awareness Collection</title>
</head>
<body>
<header class="mainHeader mb-5">
<div class="siteIdentity">
<img src="./images/siteLogo.png" alt="The Awareness Collection logo" class="img-fluid">
</div>
</header>
<main class="container mb-5">
<div class="d-flex justify-content-center">
<figure class="quote text-center mb-5">
<blockquote class="blockquote">
<p>We need to educate ourselves, raise awareness in others, and embrace the small steps people take in learning more about different issues. For many, the seeds of change are first planted by a great documentary that informs and compels them to act.</p>
</blockquote>
<figcaption class="blockquote-footer">
<cite title="One Green Planet">One Green Planet</cite>
</figcaption>
</figure>
</div>
<div id="movieSection" class="cardsDocumentaries"></div>
</main>
<footer class="mainFooter p-4 mt-4">
<div class="container d-flex justify-content-between align-items-center">
<p class="footerInfo mb-0">©️ Copyright 2022</p>
<div class="footerSocialMedia">
<a href="#"><img src="./images/github.png" alt="The Awareness Collection GitHub"></a>
<a href="#"><img src="./images/linkedin.png" alt="The Awareness Collection LinkedIn"></a>
</div>
</div>
</footer>
<script src="./js/index.js"></script>
</body>
</html>