-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexplore.html
More file actions
169 lines (152 loc) · 6.58 KB
/
explore.html
File metadata and controls
169 lines (152 loc) · 6.58 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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="semester-project-1" />
<meta name="author" content="Ramesh Ghimire" />
<title>Explore us|Museum</title>
<link rel="stylesheet" href="src/styles/designSystem.css">
<link rel="stylesheet" href="src/styles/explore.css">
<link rel="icon" href="src/images/open-science-735787-removebg-preview.png">
</head>
<body>
<section class="section__hero">
<nav class="container navbar">
<div class="logo-text">
<a href="index.html"><img class="project-logo" src="src/images/open-science-735787-removebg-preview.png"
alt=""></a>
<div class="text-in-logo">CSMuseum</div>
</div>
<div class="nav-items">
<div class="options hidden">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="visit.html">Visit</a>
<a href="contact.html">Contact</a>
</div>
<div class="navbar__icons">
<i class="bi bi-list"></i>
<i class="bi bi-x hide"></i>
</div>
</div>
</nav>
</section>
<section class="section__two container">
<div class="section__two--left">
<h2>For Kids</h2>
<hr>
<p class="involved__block--right">
Our exhibits are designed to be accessible for interested minds, so make sure you come ready to
learn and explore.Are you a young person looking to learn more about science? Come on down to our
museum.
</p>
<a href="undercons.html" class="blue-button button_href">Learn More..</a>
</div>
<div class="section__two--right">
<img class="responsive-image getinvolved_img" src="./src/images/exploreKids1.jpg"
alt=" transparant ceiling with design img" />
</div>
</section>
<section class="">
<img src="src/images/explore_fork_kids 1-min.png" class="exhibition-image responsive-image"
alt="girl learning math">
</div>
<br>
</section>
<section class="section__two container">
<div class="section__two--left">
<h2>For Teachers</h2>
<hr>
<p class="involved__block--right">
As a community-driven museum, we want to work with schools to create places of learning and exploring.
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>
<a href="#" class="blue-button button_href">Learn More..</a>
</div>
<div class="section__two--right">
<img class="responsive-image getinvolved_img" src="./src/images/explore_cdc_ techer 1.jpg"
alt=" transparant ceiling with design img" />
</div>
</section>
<br>
<section class="section__two container">
<div class="section__two--right">
<img class="responsive-image getinvolved_img" src="./src/images/researcher.jpg"
alt=" transparant ceiling with design img" />
</div>
<div class="section__two--left">
<h2>Researchers</h2>
<hr>
<p class="involved__block--right">
Are you looking to get involved with our team of researchers and academics? Our museum offers various
ways for you to use our resources and contribute towards them. We have online records, laboratory space,
and a working relationship with a number of universities around the country.
</p>
<a href="#" class="blue-button button_href">Learn More..</a>
</div>
</section>
<!-- <div class="card-grid">
<div class="card">
<img class="responsive-image" src="src/images/reading-2762010_1280.jpg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus nesciunt animi nisi saepe illo
accusamus
eveniet repudiandae. Blanditiis, exercitationem itaque?</p>
<button class="blue-button">Learn More</button>
</div>
<div class="card">
<img class="responsive-image" src="src/images/reading-2762010_1280.jpg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus nesciunt animi nisi saepe illo
accusamus
eveniet repudiandae. Blanditiis, exercitationem itaque?</p>
<button class="blue-button">Learn More</button>
</div>
<div class="card">
<img class="responsive-image" src="src/images/reading-2762010_1280.jpg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus nesciunt animi nisi saepe illo
accusamus
eveniet repudiandae. Blanditiis, exercitationem itaque?</p>
<button class="blue-button">Learn More</button>
</div>
</div>
</section>
-->
<br>
<footer>
<div class="container">
<div class="footer__navbar">
<div class="logo-text">
<img class="project-logo" src="src/images/open-science-735787-removebg-preview.png" alt="">
<h3>SCSMuseum</h3>
</div>
<div class="footer__navbar--options">
<a href="index.html" class="home">Home</a>
<a href="about.html" class="explore">About</a>
<a href="gallery.html" class="visit">Visit</a>
<a href="contact.html" class="contact">Contact</a>
</div>
</div>
<address>Art & Science Museum <br>
Bjørekollen 100, Oslo
<br>
+47 9867000000
</address>
<hr>
<div class="socials-copyright">
<div class="socials">
<i class="bi bi-instagram"></i>
<i class="bi bi-twitter"></i>
<i class="bi bi-facebook"></i>
</div>
<div class="copyright">
© 2023. All rights reserved @ramesh ghimire.
</div>
</div>
</div>
</footer>
</body>
<script src="main.js"></script>
</html>