index.html

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Agenda 2030</title>
    <link href=style.css rel=stylesheet>
</head>
<body>

<!-- scale view for mobile-->
<meta content="width=device-width, initial-scale=1" name="viewport" />

<!-- load jquery library -->
<script src="lib/jquery-1.11.0.min.js"></script>

<!-- info button -->
<img width="64" height="64" id="infoBtn" class="infoButton" hidden src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Info_icon-72a7cf.svg/1200px-Info_icon-72a7cf.svg.png"  alt="Info"/>

<!-- info popup -->
<div class="popupBackground">
    <span class="helper"></span>
    <div class="innerPopupBox">

        <img src="assets/sfondo.jpg" width="100%" height="100%" alt="Info">
        <p class="descrizione2" style="text-align: center">
            Cari scout, <br>
            <br>
            Abbiamo creato questa mappa con lo scopo di condividere il vostro impegno per
            rendere il mondo un posto migliore.
            Attraverso questo sito potrete mostrare i vostri servizi e
            i vostri progetti all’insegna dei 17 goals dell’Agenda 2030.
            <br>
        </p>
            <div style="text-align: center;"> <a class="previewText" href="description.html" target="_blank"> Scopri di più</a></div>
        <br>
        <!-- bottone di chiusura del popup -->
        <button  type = "button" class="button" onclick="chiudiPopup()" > Vai alla mappa   </button>
    </div>
</div>
<script type="text/javascript" src="popup.js"></script>

<!-- add activity button -->
<div id="addBtn" class="overlay" hidden>
    <button class="btn" onclick=" window.open('form.html','_blank')"> Aggiungi Attività </button>
</div>
<script type="text/javascript" src="load_data.js"></script>


<!-- map -->
<div id="myMap"></div>
<script type="text/javascript" src="map.js"></script>
</body>
</html>