<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Civilization Map</title>
<script src="./resources/frameworks/jquery-3.2.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="resources/map/css/style.css">
<script src="./resources/nav.js"></script>
<script src="./resources/map/map.js"></script>
<!-- Leaflet Interactive Map -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"
integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"
integrity="sha512-A7vV8IFfih/D732iSSKi20u/ooOfj/AGehOKq0f4vLT1Zr2Y+RX7C+w8A1gaSasGtRUZpF/NZgzSAu4/Gc41Lg=="
crossorigin=""></script>
</head>
<body>
<nav></nav>
<h1>Leaflet Map</h1>
<div id="leaflet_map"></div>
<h1>Civilization Map</h1>
<img src="resources/map/images/biome_map_full_10.png" alt="" id="biome_map">
</body>
</html>