100DaysOfCodeWithHERE/Day_82/index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>100 Days Of Code</title>
        <meta name="viewport" charset="UTF-8" content="initial-scale=1.0, width=device-width" />
        <!-- map core -->
        <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
        <!-- map services -->
        <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
        <!-- source for map ui -->
        <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
        <!-- style sheet for map UI -->
        <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css"/>
        <!-- source for map events -->
        <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"></script>
        <script type="text/javascript" src="js/credentials.js"></script>
    </head>
    <body>
        <h1 style="text-align: center;">100 Days of Code with HERE</h1>
        <!-- Container to hold map -->
        <div id="mapContainer" style= "align-self: center; width: 100vw; height: 70vh;"></div>
        <!-- <button class="button" style="vertical-align:middle" onclick="highlightHosp()"><span>Highlight hospitals </span></button> -->
        <div id="panel" style= "align-self: center; width: 100vw; height: 20vh; text-align: left;"><p style="text-align: center;">Route Details<br></p></div>
        
    </body>
    <script type="text/javascript" src="js/map.js"></script>
    <!-- <script type="text/javascript" src="js/geocoder.js"></script> -->
    <script type="text/javascript" src="js/routing.js"></script>
</html>