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.
102 lines
4.0 KiB
102 lines
4.0 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>
|
|
<p>Poaching is a widespread issue that's affecting countless countries around the world. Poaching is the illegal hunting or capturing of wild animals. Usually, animals are poached for parts of their bodies, such as a rhino's horn or an elephant's tusks. Poachers can then sell these body parts for millions of dollars on the black market. This illegal hunting can have disastrous effects on the ecosystems of the area, and can even cause certain species to become extinct.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Start image section -->
|
|
<div class="image-section-1">
|
|
<div class="poaching-image">
|
|
<img src="static/img/background-poaching.jpg" alt="A dead rhino with its horns removed">
|
|
</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>
|