-
Notifications
You must be signed in to change notification settings - Fork 0
/
explore.html
110 lines (105 loc) · 4.85 KB
/
explore.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
<!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="Explore together. We believe science should not be confined to the textbook.">
<title>Explore | Community Science Museum</title>
<link href="css/styles.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
<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=Kanit:wght@500&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/b318972c4d.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<div>
<a href="index.html"><img src="images/logo.png" class="logo" alt="logo"></a>
</div>
<label for="hamburger-menu"><i class="fas fa-bars"></i></label>
<input type="checkbox" id="hamburger-menu">
<nav>
<ul>
<li><a class="expl" href="explore.html">EXPLORE</a></li>
<li><a class="expl" href="getinvolved.html">GET INVOLVED</a></li>
</ul>
</nav>
</header>
<main>
<div class="blue__box">
<h4>Explore</h4>
</div>
<div class="for__kids">
<div class="box">
<div>
<img class="photo" src="images/samuel-zeller-158996.avif" alt="For Kids">
</div>
<div class="for__kid">
<span class="blue">FOR KIDS</span>
<p>Are you a young person looking to learn more about science?
Come on down to our museum, there’s plenty to see and do.</p>
<p>You can learn about Newtonian physics from our bumper swing,
or why not travel back in time and meet our resident Woolly Mammoth?
Our exhibits are designed to be accessible for interested minds, so make sure
you come ready to learn and explore. We also have the Young Stars club which
meets once a week on a Saturday between 10:00 and 13:00 where you’ll get to explore
and experiment with our team of experts.</p>
</div>
</div>
</div>
<div class="for__teachers">
<div class="box">
<div>
<img src="images/library-1132573_1920.avif" class="photo" alt="For Teachers">
</div>
<div class="for__kid">
<span class="blue">FOR TEACHERS</span>
<p>As a community-driven museum, we want to work with schools to create places
of learning and exploring.</p>
<p>Our team are on hand to give your students guided tours
of the museum, teach them in our learning laboratory, and provide great video
presentations that will excite and inspire them.</p>
<p>Please get in touch with us here to find out more about our facilities and to arrange
a time to bring your students through for a visit.</p>
</div>
</div>
</div>
<div class="researchers">
<div class="box">
<div>
<img src="images/samuelphoto.avif" class="photo" alt="Researchers">
</div>
<div class="for__kid">
<span class="blue">RESEARCHES</span>
<p>Are you looking to get involved with our team of researchers and academics?</p>
<p>Our museum offers various ways for you to use our resources and contribute towards them.</p>
<p>We have online records, laboratory space, and a working relationship with a number of universities around the country.</p>
</div>
</div>
</div>
</main>
<footer>
<div class="ft-all">
<div class="col-ft">
<div>VISITING ADDRESS</div>
Community Science Museum
<br>
Oslo Street 338
<br>
0103 Oslo Norway
<br>
</div>
<div id="ver_line"></div>
<div class="social_media">
<strong>FOLLOW US</strong>
<br>
<a href="https://www.facebook.com/"><i class="fa-brands fa-square-facebook"></i>Facebook</a>
<br>
<a href="https://twitter.com/?lang=en"><i class="fa-brands fa-square-twitter"></i>Twitter</a>
<br>
<a href="https://www.instagram.com/"><i class="fa-brands fa-square-instagram"></i>Instagram</a>
</div>
</div>
</footer>
</body>
</html>