View file File name : 404.html Content :<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="tailwind.css"> <link rel="stylesheet" href="style.css"> <link rel="preload" href="assets/sprite.svg" as="image"> </head> <body class="preload"> <header class="header flex justify-between items-center header--dark"> <a href="#" class="header__logo"> <img width="229" height="150" src="assets/img/logo/logo.svg" alt="logo"> </a> <div class="header__trigger"> <div class="header__open js-menu-toggle"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44.082 35"> <g fill="none" stroke="#000" stroke-width="5" data-name="Group 863"> <path d="M44.082 32.5H0" data-name="Line 3" /> <path d="M44.082 17.5H0" data-name="Line 4" /> <path d="M44.082 2.5H0" data-name="Line 5" /> </g> </svg> </div> <div class="header__close js-menu-toggle"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path fill-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" /> </svg> </div> </div> </header> <nav class="nav"> <div class="nav__top"> <a href="#" class="nav__logo"> <img width="549" height="391" src="assets/img/logo/logo-white.svg" alt="logo"> </a> <div class="nav__close js-menu-toggle"> <img width="300" height="120" src="assets/img/icons/close.svg" alt="close"> </div> </div> <div class="nav__inner"> <a href="#" class="nav__item"> <div class="nav__img"> <img width="549" height="391" src="assets/img/nav/img-1.png" alt="image"> </div> <div class="nav__icon"> <img width="300" height="120" src="assets/img/text-with-items/logo-2.svg" alt="icon"> </div> </a> <a href="#" class="nav__item"> <div class="nav__img"> <img width="549" height="391" src="assets/img/nav/img-2.png" alt="image"> </div> <div class="nav__icon"> <img width="300" height="120" src="assets/img/text-with-items/logo-1.svg" alt="icon"> </div> </a> <a href="#" class="nav__item"> <div class="nav__img"> <img width="549" height="391" src="assets/img/nav/img-3.png" alt="image"> </div> <div class="nav__icon"> <img width="300" height="120" src="assets/img/text-with-items/logo-3.svg" alt="icon"> </div> </a> <a href="#" class="nav__item"> <div class="nav__img"> <img width="549" height="391" src="assets/img/nav/img-4.png" alt="image"> </div> <div class="nav__icon"> <img width="300" height="120" src="assets/img/text-with-items/logo-4.svg" alt="icon"> </div> </a> <a href="#" class="nav__item"> <div class="nav__img"> <img width="549" height="391" src="assets/img/nav/img-5.png" alt="image"> </div> <div class="nav__icon"> <img width="300" height="120" src="assets/img/text-with-items/logo-5.svg" alt="icon"> </div> </a> <a href="#" class="nav__item"> <div class="nav__img"> <img width="549" height="391" src="assets/img/nav/img-6.png" alt="image"> </div> <div class="nav__text"> <h4>Contact</h4> </div> </a> </div> </nav> <main> <section class="not-found"> <h1>404</h1> <p>It looks like nothing was found at this location.</p> <a href="#" class="btn"><span>Home</span></a> </section> </main> <footer class="footer"> <div class="footer__line"> <img width="1920" height="140" class="lazy" data-src="assets/img/footer-line.png" alt="image"> </div> <a href="#" class="footer__logo"> <img width="230" height="150" class="lazy" data-src="assets/img/logo/logo-white.svg" alt="logo"> </a> <div class="footer__main"> <ul class="footer__links"> <li><a href="#">Handlebar Eatery</a></li> <li><a href="#">Better by Bike</a></li> <li><a href="#">Heli Bike</a></li> <li><a href="#">Venue</a></li> <li><a href="#">Additional Business</a></li> <li><a href="#">Contact</a></li> </ul> <div class="footer__wrapper footer__wrapper--with-socials"> <a href="#"> 211A Glenda Drive <br> Frankton <br> Queenstown </a> <a href="#">+XX XXXX XXXXX</a> <a href="#" class="underlined">View in Maps</a> <div class="footer__socials footer__socials--mobile"> <a href="#" class="footer__social"> <img width="150" height="150" class="lazy" data-src="assets/img/icons/facebook.svg" alt="icon"> </a> <a href="#" class="footer__social"> <img width="150" height="150" class="lazy" data-src="assets/img/icons/instagram.svg" alt="icon"> </a> <a href="#" class="footer__social"> <img width="150" height="150" class="lazy" data-src="assets/img/icons/youtube.svg" alt="icon"> </a> <a href="#" class="footer__social"> <img width="150" height="150" class="lazy" data-src="assets/img/icons/owl.svg" alt="icon"> </a> </div> </div> <div class="footer__wrapper footer__wrapper--table"> <h4>Opening Hours</h4> <ul> <li>Monday – xx-xx</li> <li>Monday – xx-xx</li> <li>Monday – xx-xx</li> <li>Monday – xx-xx</li> <li>Monday – xx-xx</li> <li>Monday – xx-xx</li> <li>Monday – xx-xx</li> </ul> </div> <div class="footer__socials footer__socials--desk"> <a href="#" class="footer__social"> <img width="150" height="150" class="lazy" data-src="assets/img/icons/facebook.svg" alt="icon"> </a> <a href="#" class="footer__social"> <img width="150" height="150" class="lazy" data-src="assets/img/icons/instagram.svg" alt="icon"> </a> <a href="#" class="footer__social"> <img width="150" height="150" class="lazy" data-src="assets/img/icons/youtube.svg" alt="icon"> </a> <a href="#" class="footer__social"> <img width="150" height="150" class="lazy" data-src="assets/img/icons/owl.svg" alt="icon"> </a> </div> </div> <div class="footer__bottom"> <div class="footer__copyright"> ©2024 The Bike Matrix. Created by <a href="#">Fluid</a> </div> <ul> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Cookie Policy</a></li> </ul> </div> </footer> <div id="lightbox"> <div class="close"></div> <div class="prev"></div> <div class="next"></div> <img src="#"> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.11/jquery.lazy.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAAuNoNavjU--rjhBkc3oGYhhuhm5EA2rM&callback&initMap&libraries=&v=weekly&language=en" type="text/javascript"></script> <script src="js/main.js"></script> </body> </html>