-
Notifications
You must be signed in to change notification settings - Fork 0
/
education.html
138 lines (137 loc) · 4.98 KB
/
education.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Community Science Museum offers best services for learning, teaching and research."
/>
<meta name="author" content="Community Science Museum" />
<title>Education – Community Science Museum</title>
<link rel="stylesheet" href="styles/main.css" />
<link rel="stylesheet" href="styles/education.css" />
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css?family=Roboto"
rel="stylesheet"
/>
</head>
<body>
<header class="page-header">
<div class="nav-container">
<nav class="top-nav">
<a href="index.html" class="logo">
<img alt="logo" src="images/logo-blue.svg"
/></a>
<input class="menu-toggle" type="checkbox" id="menu-toggle" />
<label class="menu-label" for="menu-toggle"
><span class="toggle-icon"></span
></label>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="visit.html">Visit</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="kids.html">Programs For Kids</a></li>
<li><a href="education.html" class="current-page">Education</a></li>
<li><a href="collections.html">Collections</a></li>
<li><a href="get-involved.html">Get Involved</a></li>
</ul>
</nav>
</div>
<div class="page-banner" id="education-banner">
<div class="banner-box">
<h1 class="banner-title">Education in our Museum</h1>
<div class="banner-underline"></div>
<h2 class="banner-subtitle">A Learning Environment For Everyone.</h2>
<div class="ctn-flex">
<a href="events.html" class="cta cta-primary">See What's On</a>
</div>
</div>
</div>
</header>
<main>
<section class="flexbox-article" id="for-teachers">
<div class="main-content">
<h2 class="teachers-title">For Teachers</h2>
<p>
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 class="read-more" href="#">Read More</a>
</div>
<div class="aside" id="aside-teacher"></div>
</section>
<section class="flexbox-article mid-section" id="for-researchers">
<div class="main-content">
<h2 class="researchers-title">For Researchers</h2>
<p>
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="read-more">Read More</a>
</div>
<div class="aside" id="aside-researcher"></div>
</section>
<section class="section-subscribe">
<h2 class="subscribe-title">
Do you want to stay updated about the latest events?
</h2>
<form class="subscribe-form">
<div>
<input
id="email"
name="email"
type="email"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"
placeholder="Enter your email here"
aria-label="Email"
required
/>
</div>
<div>
<button type="submit" class="btn-subscribe">Subscribe</button>
</div>
</form>
</section>
</main>
<footer class="footer-container">
<div class="social-media-bar">
<div class="social-media-icons">
<ul>
<li>
<a href="#" class="a-twitter"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#" class="a-facebook"><i class="fab fa-facebook"></i></a>
</li>
<li>
<a href="#" class="a-instagram"
><i class="fab fa-instagram"></i
></a>
</li>
<li>
<a href="#" class="a-snapchat"
><i class="fab fa-snapchat-ghost"></i
></a>
</li>
</ul>
</div>
</div>
<div class="copyright">
<p>© 2019 - The Community Science Museum 2.0</p>
</div>
</footer>
</body>
</html>