-
Notifications
You must be signed in to change notification settings - Fork 0
/
ecology.html
110 lines (103 loc) · 5.5 KB
/
ecology.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="description"
content="Explore the intricate web of life with our Ecology exhibit at the Community Science Museum. Learn about diverse ecosystems, environmental conservation, and our role in protecting the planet. A must-visit for budding environmentalists and nature lovers.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Open+Sans:wght@300;400;500;600&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:wght@300;400;500;600&display=swap"
rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<title>Ecology | Community Science Museum</title>
</head>
<body>
<input type="checkbox" id="menu-checkbox">
<header>
<div class="header_center_logo_text">
<div class="logo">
<a href="index.html"><img src="/images/logo.png" alt="Logo for Community Science Museum"></a>
</div>
<div>
<i id="header_text_community">COMMUNITY</i>
<div class="science_museum_wrapper">
<i id="header_text_science">SCIENCE</i>
<i id="header_text_museum">MUSEUM</i>
</div>
<i id="header_text_explore">"Explore Together"</i>
</div>
</div>
<label for="menu-checkbox" class="hamburger-icon"><i class="fas fa-bars"></i><i
class="hamburger-invisible">Toggle
menu</i></label>
<nav>
<menu>
<li><a href="index.html">Home</a></li>
<li><a href="visit.html">Visit Info</a></li>
<li><a href="getinvolved.html">Get Involved</a></li>
<li class="separator"></li>
<li class="mobile"><a href="events.html">Special Events</a></li>
<li class="mobile"><a href="explore.html">Explore</a></li>
<li class="mobile"><a href="cosmology.html">Cosmology</a></li>
<li class="mobile"><a href="evolution.html">Evolution</a></li>
<li class="mobile"><a href="biology.html">Biology And Medicine</a></li>
<li class="mobile"><a href="robotics.html">Robotics And AI</a></li>
<li class="mobile active"><a href="ecology.html">Ecology</a></li>
</menu>
</nav>
</header>
<main>
<div class="second_navigation">
<ul>
<li><a href="events.html">Special Events</a></li>
<li><a href="explore.html">Explore</a></li>
<li><a href="cosmology.html">Cosmology</a></li>
<li><a href="evolution.html">Evolution</a></li>
<li><a href="biology.html">Biology And Medicine</a></li>
<li><a href="robotics.html">Robotics And AI</a></li>
<li><a href="ecology.html" class="active">Ecology</a></li>
</ul>
</div>
<section class="main_wrapper">
<h1>Ecology</h1>
<div><img class="main_wrapper__image" src="/images/billetto-editorial-334686.jpg" alt="Billetto">
<div class="main_wrapper__text">
<div>
<p>As we learn more and more of the impact humans are having on the planet, the more
important
it becomes that scientists explore how to create a sustainable future not just for
humans
but for the whole planet.</p>
</div>
<div>
<p>In our ecology section of the museum, we unpack the dangers we currently face including
global warming, extinction of species, and pollution. But we also focus on the positive
ways we can all contribute to a brighter future.</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="footer_links">
<i>SUPPORT</i>
<i>LOCATION</i>
<i id="footer_hours">HOURS</i>
</div>
<div class="footer_social">
<img src="/svg/twitter.svg" alt="Link to Community Science Museum Twitter">
<img src="/svg/fb.svg" alt="Link to Community Science Museum Facebook">
</div>
<div class="footer_logo_copyright">
<img class="logo_footer" src="/images/logo.png" alt="Logo for Community Science Museum">
<i>© 2023 COMMUNITY SCIENCE MUSEUM</i>
</div>
</footer>
</body>
</html>