Keepin-Safe/map.html at main · SirQuackyy/Keepin-Safe · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="mapsStyles.css">
        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
        crossorigin=""/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
        integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
        crossorigin=""></script>
    </head>
    <title>Keepin Safe</title>
    <header>
        <!-- Navigation Bar In Header -->
        <nav>
            <a href="index.html" class="nav-link logo">Keepin Safe</a>
            <ul class="nav-list">
                <li class="nav-item">
                    <a href="index.html" class="nav-link">Home</a>
                </li>
                <li class="nav-item">
                    <a href="stats.html" class="nav-link">Stats</a>
                </li>
                <li class="nav-item">
                    <a href="map.html" class="nav-link">Maps</a>
                </li>
                <li class="nav-item">
                    <a href="news.html" class="nav-link">News</a>
                </li>
                <li class="nav-item">
                    <a href="info.html" class="nav-link">More Info</a>
                </li>
                <div class="active"></div>
            </u>
        </nav>
        <h1 class="title">Keepin Safe | Map</h1>
    </header>
    <body>
        <h1>Map of Covid Testing and Vaccination<h1>
        <h2>Toggle to see Testing Centers nearby, and nearby Vaccination Centers as well.<h2>
        <h3>please be patient as the map loads <h3>
        <!--Create Maps-->
        <div id="mapid"></div>
        <script src='map.js'></script>
    </body>
</html>