Edit file File name : index.html Content :<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Home page</title> <link rel="stylesheet" href="style.css"> </head> <body> <main> <section class="map map--main-styles"> <div class="map__container container"> <div class="map__map" id="map"> </div> <div class="map__aside"> <div class="map__aside-box"> <h1>AR<span>T</span><br> TRAIL<br> MAP</h1> <ul> <li> <button data-item="ARROWTOWN">ARROWTOWN <img width="7" height="13" src="./assets/img/arrow.svg" alt="img"></button> </li> <li> <button data-item="QUEENSTOWN">QUEENSTOWN <img width="7" height="13" src="./assets/img/arrow.svg" alt="img"></button> </li> <li> <button data-item="WANAKA">WANAKA <img width="7" height="13" src="./assets/img/arrow.svg" alt="img"></button> </li> </ul> </div> </div> <div class="map__popup"> <div class="map__popup-close"> </div> <div class="map__item popup" data-popup="QUEENSTOWN-B"> <h2>B.</h2> <div class="popup__wrapper"> <h2>Central Art Gallery Queenstown</h2> <div class="popup__img"> <img src="./assets/img/popup.jpg" alt="img"> </div> <div class="popup__content"> <p> Central Art Gallery is one of New Zealand’s oldest privately owned galleries. Central Art displays over 500 paintings by leading and emerging NZ artists </p> </div> <a href="#">Get directions</a> <ul class="popup__links"> <li><a href="#"><img width="38" height="38" src="./assets/img/email.svg" alt="img"></a></li> <li><a href="#"><img width="38" height="38" src="./assets/img/tel.svg" alt="img"></a></li> </ul> </div> </div> <div class="map__item popup" data-popup="QUEENSTOWN-C"> <h2>C.</h2> <div class="popup__wrapper"> <h2>Central Art Gallery Queenstown</h2> <div class="popup__img"> <img src="./assets/img/popup.jpg" alt="img"> </div> <div class="popup__content"> <p> Central Art Gallery is one of New Zealand’s oldest privately owned galleries. Central Art displays over 500 paintings by leading and emerging NZ artists </p> </div> <a href="#">Get directions</a> <ul class="popup__links"> <li><a href="#"><img width="38" height="38" src="./assets/img/email.svg" alt="img"></a></li> <li><a href="#"><img width="38" height="38" src="./assets/img/tel.svg" alt="img"></a></li> </ul> </div> </div> <div class="map__item popup" data-popup="QUEENSTOWN-2"> <h2>2.</h2> <div class="popup__wrapper"> <h2>Central Art Gallery Queenstown</h2> <div class="popup__img"> <img src="./assets/img/popup.jpg" alt="img"> </div> <div class="popup__content"> <p> Central Art Gallery is one of New Zealand’s oldest privately owned galleries. Central Art displays over 500 paintings by leading and emerging NZ artists </p> </div> <a href="#">Get directions</a> <ul class="popup__links"> <li><a href="#"><img width="38" height="38" src="./assets/img/email.svg" alt="img"></a></li> <li><a href="#"><img width="38" height="38" src="./assets/img/tel.svg" alt="img"></a></li> </ul> </div> </div> <div class="map__item popup" data-popup="QUEENSTOWN-3"> <h2>3.</h2> <div class="popup__wrapper"> <h2>Central Art Gallery Queenstown</h2> <div class="popup__img"> <img src="./assets/img/popup.jpg" alt="img"> </div> <div class="popup__content"> <p> Central Art Gallery is one of New Zealand’s oldest privately owned galleries. Central Art displays over 500 paintings by leading and emerging NZ artists </p> </div> <a href="#">Get directions</a> <ul class="popup__links"> <li><a href="#"><img width="38" height="38" src="./assets/img/email.svg" alt="img"></a></li> <li><a href="#"><img width="38" height="38" src="./assets/img/tel.svg" alt="img"></a></li> </ul> </div> </div> <div class="map__item popup" data-popup="QUEENSTOWN-D"> <h2>D.</h2> <div class="popup__wrapper"> <h2>Central Art Gallery Queenstown</h2> <div class="popup__img"> <img src="./assets/img/popup.jpg" alt="img"> </div> <div class="popup__content"> <p> Central Art Gallery is one of New Zealand’s oldest privately owned galleries. Central Art displays over 500 paintings by leading and emerging NZ artists </p> </div> <a href="#">Get directions</a> <ul class="popup__links"> <li><a href="#"><img width="38" height="38" src="./assets/img/email.svg" alt="img"></a></li> <li><a href="#"><img width="38" height="38" src="./assets/img/tel.svg" alt="img"></a></li> </ul> </div> </div> <div class="map__item popup" data-popup="QUEENSTOWN-1"> <h2>1.</h2> <div class="popup__wrapper"> <h2>Central Art Gallery Queenstown</h2> <div class="popup__img"> <img src="./assets/img/popup.jpg" alt="img"> </div> <div class="popup__content"> <p> Central Art Gallery is one of New Zealand’s oldest privately owned galleries. Central Art displays over 500 paintings by leading and emerging NZ artists </p> </div> <a href="#">Get directions</a> <ul class="popup__links"> <li><a href="#"><img width="38" height="38" src="./assets/img/email.svg" alt="img"></a></li> <li><a href="#"><img width="38" height="38" src="./assets/img/tel.svg" alt="img"></a></li> </ul> </div> </div> <div class="map__item popup" data-popup="QUEENSTOWN-A"> <h2>A.</h2> <div class="popup__wrapper"> <h2>Central Art Gallery Queenstown</h2> <div class="popup__img"> <img src="./assets/img/popup.jpg" alt="img"> </div> <div class="popup__content"> <p> Central Art Gallery is one of New Zealand’s oldest privately owned galleries. Central Art displays over 500 paintings by leading and emerging NZ artists </p> </div> <a href="#">Get directions</a> <ul class="popup__links"> <li><a href="#"><img width="38" height="38" src="./assets/img/email.svg" alt="img"></a></li> <li><a href="#"><img width="38" height="38" src="./assets/img/tel.svg" alt="img"></a></li> </ul> </div> </div> <div class="map__item popup" data-popup="ARROWTOWN-1"> <h2>1.</h2> <div class="popup__wrapper"> <h2>Central Art Gallery Queenstown</h2> <div class="popup__img"> <img src="./assets/img/popup.jpg" alt="img"> </div> <div class="popup__content"> <p> Central Art Gallery is one of New Zealand’s oldest privately owned galleries. Central Art displays over 500 paintings by leading and emerging NZ artists </p> </div> <a href="#">Get directions</a> <ul class="popup__links"> <li><a href="#"><img width="38" height="38" src="./assets/img/email.svg" alt="img"></a></li> <li><a href="#"><img width="38" height="38" src="./assets/img/tel.svg" alt="img"></a></li> </ul> </div> </div> <div class="map__item popup" data-popup="WANAKA-C"> <h2>C.</h2> <div class="popup__wrapper"> <h2>Central Art Gallery Queenstown</h2> <div class="popup__img"> <img src="./assets/img/popup.jpg" alt="img"> </div> <div class="popup__content"> <p> Central Art Gallery is one of New Zealand’s oldest privately owned galleries. Central Art displays over 500 paintings by leading and emerging NZ artists </p> </div> <a href="#">Get directions</a> <ul class="popup__links"> <li><a href="#"><img width="38" height="38" src="./assets/img/email.svg" alt="img"></a></li> <li><a href="#"><img width="38" height="38" src="./assets/img/tel.svg" alt="img"></a></li> </ul> </div> </div> </div> </div> </section> </main> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB2oNHrRvZNim5_tDDw7BSZLLd1jaabt58&language=en"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="js/main.js"></script> </body> </html>Save