-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (92 loc) · 4.23 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
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
<!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">
<meta name="description"
content="Join us at the Community Science Museum and explore the wonders of science. From the building blocks of life to galaxies far away, we have over 1000 interactive exhibits to ignite your passion for discovery. Don't miss out on this opportunity to experience science firsthand." />
<title>Community Science Museum</title>
<link rel="stylesheet" href="style.css">
<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=Baskervville:ital@1&family=Didact+Gothic&family=Open+Sans&display=swap"
rel="stylesheet">
</head>
<body>
<header>
<a href="/" class="logo-image"><img src="images/logo-s.png" alt="Community Science Museum logo" /></a>
<input aria-label="Hamburger menu" class="side-menu" type="checkbox" id="side-menu" />
<label class="hamburger-icon" for="side-menu"><span class="visually-hidden">Hamburger menu</span></label>
<nav class="header-menu">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="explore.html">Explore</a></li>
<li><a href="exhibition.html">Exhibition</a></li>
<li><a href="specialevents.html">Events</a></li>
<li><a href="visit.html">Contact</a></li>
</ul>
</nav>
</header>
<section class="hero-section">
<img src="images/home/home-banner-s.jpg" id="home-hero" alt="A girl at a schoolboard">
</section>
<main>
<section class="quote-section">
“Explore together”
</section>
<section class="text-section">
<div class="column w50">
<img src="images/home/andrew-ruiz-348421-s.jpg" alt="A astronout">
</div>
<div class="column w50">
<p>Come join us at the Community Science Museum where we're committed to making science accessible to
all.
</p>
<p>Over the course of human history, science has developed from our early understanding of fire, wind,
water, and earth to exploring everything from galaxies far away to the very building blocks of life
itself.</p>
</div>
</section>
<section class="breakout-section">
The aim of our museum is to create a space where everyone can experience the wonders of our discoveries and
perhaps even ignite a lifelong passion to continue the exploration of the world around us.
</section>
<section class="text-section">
<div class="column w66">We believe science should not be confined to the textbook, but brought to live
through
exhibits. This
is why
we have over 1000 different exhibits on the many varied subjects of science to explore. Many of these
exhibits are designed for you to interact with and play around to see science come to life (apart from
the
dinosaur exhibits - they only come to life at night when everyone's gone home).
</div>
<div class="column w33"><img src="images/home/toa-heftiba-412579-s.jpg" alt="A skeleton of a blue whale">
</div>
</section>
</main>
<footer>
<div class="footer-column">
<h5>Community Science Museum</h5>
<ul>
<li><a href="getinvolved.html">Get involved</a></li>
<li>Cookie policy</li>
<li>Privacy policy</li>
</ul>
</div>
<div class="footer-column"></div>
<div class="footer-column">
<h5>Follow us</h5>
<ul>
<li>Facebook</li>
<li>Instagram</li>
<li>YouTube</li>
<li>Twitter</li>
<li>TikTok</li>
</ul>
</div>
</footer>
</body>
</html>