A website made for a class project to document an ecological issue resulting from human impact on the environment
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <title>Impact of Poaching on Ecosystems</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="This biology project looks into the impact of poaching on ecosystems."> <link href="css/styles.css" rel="stylesheet" media="screen"> <!-- Rhino Icons by Twemoji. Generated using favicon.io --> <link rel="manifest" href="static/site.webmanifest"> <link rel="apple-touch-icon" sizes="180x180" href="static/icons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="static/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="static/icons/favicon-16x16.png"></head>
<body>
<!-- Top Navbar --> <div class="Navbar"> <div class="Navbar__Link Navbar__Link-brand"> <h1><a href="#">Impact of Poaching on Ecosystems</a></h1> </div> <nav class="Navbar__Items Navbar__Items--right"> <div class="Navbar__Link"> <a href="mailto:ravi@yeetpc.com">Contact Me</a> </div> </nav> </div> <!-- End Top Navbar -->
<!-- Start background section --> <div class="background-section"> <div class="section-header"> <h1>Background</h1> </div> </div>
<!-- Start image section --> <div class="image-section-1"> <div class="poaching-image"> <img src="/static/img/" alt=""> </div> <div class="image-caption"> <caption></caption> </div> </div>
<!-- Start location section --> <div class="location-section"> <div class="section-header"> <h1>Location or something</h1> </div> </div>
<!-- Start map section --> <div class="map-section-1"> <iframe title="Map of Kenya" width="100%" height="90%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=31.684570312500004%2C-2.943040910055132%2C43.41796875000001%2C3.425691524418062&layer=hot&marker=0.24169850190165%2C37.55126953125" loading=lazy></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=0.242&mlon=37.551#map=7/0.242/37.551&layers=H">View Larger Map</a></small> <div class="image-caption"> <caption></caption> </div> </div>
<!-- Start background section --> <div class="background-section"> <div class="section-header"> <h1>Background</h1> </div> </div>
<!-- Start image section --> <div class="image-section-1"> <div class="poaching-image"> <img src="/static/img/" alt=""> </div> <div class="image-caption"> <caption></caption> </div> </div>
<!-- Start location section --> <div class="location-section"> <div class="section-header"> <h1>Location or something</h1> </div> </div>
<!-- Start map section --> <div class="map-section-1"> <iframe title="Map of Kenya" width="100%" height="90%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=31.684570312500004%2C-2.943040910055132%2C43.41796875000001%2C3.425691524418062&layer=hot&marker=0.24169850190165%2C37.55126953125" loading=lazy></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=0.242&mlon=37.551#map=7/0.242/37.551&layers=H">View Larger Map</a></small> <div class="image-caption"> <caption></caption> </div> </div>
<div class="placeholder"> <p>placeholder</p> </div>
</body>
</html>
|