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.
 
 

104 lines
3.5 KiB

<!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&amp;layer=hot&amp;marker=0.24169850190165%2C37.55126953125" loading=lazy></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=0.242&amp;mlon=37.551#map=7/0.242/37.551&amp;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&amp;layer=hot&amp;marker=0.24169850190165%2C37.55126953125" loading=lazy></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=0.242&amp;mlon=37.551#map=7/0.242/37.551&amp;layers=H">View Larger Map</a></small>
<div class="image-caption">
<caption></caption>
</div>
</div>
<div class="placeholder">
<p>placeholder</p>
</div>
</body>
</html>