<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <script src="bundle.js" defer></script> <title>Postnummer App</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> </head> <body> <div id="topbar"> <h1>Postnummer App</h1> <div class="spacer"></div> <button id="dropdown-button">≡</button> <div id="dropdown"> <button id="map-redirect">Kort</button> <button id="reviews-redirect">Anmeldelser</button> </div> </div> <main id="main"> <form id="search-bar"> <input id="search-input" type="text" placeholder="Postnummer" maxlength="4"> <button id="search-button" type="submit">Search</button> </form> <img src="assets/map.jpg" id="map"> <div id="dot"></div> <div id="boundary"></div> <div id="info"> <p id="zip-code">Postnummer ikke fundet</p> <p id="mouse-position"></p> <p id="coords"></p> </div> </main> <div id="tooltip"></div> </body> </html>