-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
151 lines (150 loc) · 9.42 KB
/
index.html
File metadata and controls
151 lines (150 loc) · 9.42 KB
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
<!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="Welcome to Community Science Museum. Explore the universe with your family and find the passion for science. Explore with us!">
<title>Home - Community Science Museum</title>
<link rel="stylesheet" href="css/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=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>
<a href="index.html"><img src="images/Rocketlogo.jpg" alt="Community Science Museum logo" class="main-logo"></a>
<h2 class="logo-text">COMMUNITY SCIENCE MUSEUM</h2>
<!-- Desktop menu -->
<nav class="dropdown"><a href="index.html"><div class="menu-btn">HOME</div></a></nav>
<nav class="dropdown">
<a href="explore.html">
<div class="menu-btn">EXPLORE▾</div> </a>
<ul class="explore-dropdown">
<a href="explore.html#kids"><li>For Kids</li></a>
<a href="explore.html#teachers"><li>For Teachers</li></a>
<a href="explore.html#researchers"><li>For Researchers</li></a>
</ul>
</nav>
<nav class="dropdown">
<a href="exhibition.html">
<div class="menu-btn">EXHIBITION SPACES▾</div></a>
<ul class="exo-dropdown">
<a href="exhibition.html#cosmology"><li>Cosmology</li></a>
<a href="exhibition.html#evolution"><li>Evolution</li></a>
<a href="exhibition.html#bioandmed"><li>Biology and Medicine</li></a>
<a href="exhibition.html#roboandai"><li>Robotics and AI</li></a>
<a href="exhibition.html#ecology"><li>Ecology</li></a>
</ul>
</nav>
<nav class="dropdown"><a href="events.html"><div class="menu-btn">EVENTS</div></a></nav>
<nav class="dropdown"><a href="visit.html"><div class="menu-btn">VISIT</div></a></nav>
<div class="opening-hours"><div id="opening-hours-text"></div>
<div class="opening-hover">
<table>
<tr id="monday">
<td>Monday:</td>
<td>Closed</td>
</tr>
<tr id="tuesday">
<td>Tuesday:</td>
<td>10:00 - 16:00</td>
</tr>
<tr id="wednesday">
<td>Wednesday:</td>
<td>10:00 - 16:00</td>
</tr>
<tr id="thursday">
<td>Thursday:</td>
<td>10:00 - 16:00</td>
</tr>
<tr id="friday">
<td>Friday:</td>
<td>10:00 - 19:00</td>
</tr>
<tr id="saturday">
<td>Saturday:</td>
<td>09:00 - 16:00</td>
</tr>
<tr id="sunday">
<td>Sunday:</td>
<td>09:00 - 13:00</td>
</tr>
</table>
</div>
</div>
<!-- Mobile menu -->
<nav class="mobile-menu">
<input type="checkbox" id="menu-checkbox">
<label for="menu-checkbox"><div class="mobile-menu-button"><div class="hamburger-menu"></div></div></label>
<div id="mobile-dropdown-menu">
<ul>
<li><a href="index.html">HOME</a></li>
<input type="checkbox" id="explore-checkbox">
<label for="explore-checkbox"><li><div class="mouse-pointer">EXPLORE▾</div></li></label>
<div id="mobile-explore-dropdown">
<ul>
<li><a href="explore.html#kids">For Kids</a></li>
<li><a href="explore.html#teachers">For Teachers</a></li>
<li><a href="explore.html#researchers">For Researchers</a></li>
</ul>
</div>
<input type="checkbox" id="exhi-checkbox">
<label for="exhi-checkbox"><li><div class="mouse-pointer">EXHIBITION SPACES▾</div></li></label>
<div id="mobile-exhi-dropdown">
<ul>
<a href="exhibition.html#cosmology"><li>Cosmology</li></a>
<a href="exhibition.html#evolution"><li>Evolution</li></a>
<a href="exhibition.html#bioandmed"><li>Biology and Medicine</li></a>
<a href="exhibition.html#roboandai"><li>Robotics and AI</li></a>
<a href="exhibition.html#ecology"><li>Ecology</li></a>
</ul>
</div>
<li><a href="events.html">EVENTS</a></li>
<li><a href="visit.html">VISIT</a></li>
</ul>
</div>
</nav>
</header>
<main>
<section class="event-hero" alt="Rocketlaunch background picture">
<div class="info-area"><a href="events.html"><h1>SPECIAL EVENTS:</h1><h2>VISITING PROFESSOR OF AERONAUTICS</h2>
<div class="learn-more-button centered">LEARN MORE</div></a></div>
</section>
<section class="exhibition-section">
<h1>EXHIBITIONS</h1>
<div class="exhibition-card-container">
<a href="exhibition.html#cosmology"><div class="exhibition-card"><img src="/images/cosmology.jpg" alt="Cosmology banner - picture of a astronaut" class="exhibition-card-image"><div class="h2-wrapper"><h2>COSMOLOGY</h2></div><div class="learn-more-button">LEARN MORE</div></div></a>
<a href="exhibition.html#evolution"><div class="exhibition-card"><img src="/images/evolution.jpg" alt="Evolution banner - picture of skeletons in different evolutionary stages" class="exhibition-card-image"><div class="h2-wrapper"><h2>EVOLUTION</h2></div><div class="learn-more-button">LEARN MORE</div></div></a>
<a href="exhibition.html#bioandmed"><div class="exhibition-card"><img src="/images/biology.jpg" alt="Biology banner - picture of a hearth exhibition" class="exhibition-card-image"><div class="h2-wrapper"><h2>BIOLOGY AND MEDICINE</h2></div><div class="learn-more-button">LEARN MORE</div></div></a>
<a href="exhibition.html#roboandai"><div class="exhibition-card"><img src="/images/robotics.jpg" alt="Robotics and AI banner - Picture of a robot hand" class="exhibition-card-image"><div class="h2-wrapper"><h2>ROBOTICS AND AI</h2></div><div class="learn-more-button">LEARN MORE</div></div></a>
<a href="exhibition.html#ecology"><div class="exhibition-card"><img src="/images/ecology.jpg" alt="Ecology banner - picture of trees" class="exhibition-card-image"><div class="h2-wrapper"><h2>ECOLOGY</h2></div><div class="learn-more-button">LEARN MORE</div></div></a>
</div>
</section>
<section class="visit-section centered" alt="Picture of family looking at planet exhibition">
<div class="info-area"><a href="visit.html"><h1>IGNITE THE PASSION FOR SCIENCE</h1><div class="learn-more-button centered"><h3>VISIT US</h3></div></a></div>
</section>
<section class="explore-banner"><img src="/images/rocket.png" alt="Rocket image" class="little-rocket"><h2>EXPLORE WITH US</h2></section>
<section class="explore-section">
<a href="explore.html#museum"><div class="explore-link-card" id="explore-link-museum" alt="Picture of museum floor - link to museum page">
<div class="explore-link-button"><h2>THE MUSEUM</h2></div>
</div></a>
<a href="explore.html#kids"><div class="explore-link-card" id="explore-link-kids" alt="Picture of T-rex skull - link to for kids page">
<div class="explore-link-button"><h2>FOR KIDS</h2></div>
</div></a>
<a href="explore.html#teachers"><div class="explore-link-card" id="explore-link-teachers" alt="Picture of half doll, half skeleton - link to for teachers page">
<div class="explore-link-button"><h2>FOR TEACHERS</h2></div>
</div></a>
<a href="explore.html#researchers"><div class="explore-link-card" id="explore-link-researchers" alt="Picture of reseacher and machine - link to for researchers page">
<div class="explore-link-button"><h2>FOR RESEARCHERS</h2></div>
</div></a>
</section>
</main>
<footer>
<img src="/images/rocketlogoblack.jpg" alt="Small rocketlogo" class="main-logo">
<h2>EXPLORE WITH US</h2>
<p>Community Science Museum © 2023</p>
</footer>
</body>
<script src="script/csm.js"></script>
</html>