index.html


<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
  <title>Kartunderlag för situationsplan</title>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://js.arcgis.com/3.25/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="https://js.arcgis.com/3.25/esri/css/esri.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="app.css">
    <script src="https://js.arcgis.com/3.25/"></script>
    <script src="app.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />


</head>

<body>
    <div id="search"></div>
    <div id="map"></div>

    <div id="splash-modal" class="modal">
        <h3>Kartunderlag för situationsplan.</h3>
        <p><b>Börja genom att söka efter en fastighet i sökfönstret.</b></p>
        <p> Om du inte vet fastighetsbeteckningen, sök på adress för att få förslag på motsvarande fastighet. Tänk på att kartan måste skrivas ut i verklig skala. De flesta webbläsare stödjer det, dock inte Microsoft Edge.</p>
        <button class="btn btn-success" onclick="window.closeModal()">Okej!</button>
    </div>

    <script>
        $("#splash-modal").modal({
            showClose: false,
            clickClose: false
        });
    </script>


</body>

</html>