order.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css2?family=Commissioner:wght@400;700&family=Quicksand:wght@400;700&display=swap" rel="stylesheet">
  
    <link rel="stylesheet" href="main.css">
    <title>Burger World</title>
</head>
<body id="order" >
   

    <header>
        <nav class="sticky">
            <a href="index.html"><img class ="logo" src="images/burgerlogo.png" alt="burger logo"></a>
           
            <ul class ="nav-bar2">
                
                <li class="nav-item1"><a href="#location">Location: <span id="actual-location"></span></a></li>
                <button id="shopping" class="cart"><i class="fas fa-shopping-cart"></i></button>
                
            </ul>
           

        </nav>

    </header>

  
    <section class="our-menu">
        
        <div class ="menu">
            <h2 class="food top">Burgers</h2>
        <hr/>
         
        </div>
    </section>

    </section>
    <section id="about" class="about-us">
        <h2 class="about__title">About us</h2>
        <div class="about-container">
            <img class ="about-img"src="/images/burgershare.jpg" alt="Burger-world founders">
            <p class="about-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id ornare risus. Mauris consequat odio vel fringilla sodales. Praesent ac rhoncus orci. Phasellus metus risus, elementum non enim rhoncus, feugiat ullamcorper eros. Etiam bibendum vehicula faucibus. Nullam luctus sagittis lorem vel maximus. Donec non ultricies ligula.
    
            </p>  
        </div>
        
    </section>
    <footer>
        <h3 id="contact" class="footer__title">Follow us!!</h3>
        <ul class="social-icon">
            <li class="social"><i class="fab fa-facebook"></i></li>
            <li class="social"><i class="fab fa-instagram"></i></li>
            <li class="social"><i class="fab fa-twitter"></i></li>
        </ul>
        

    </footer>

    <script type="module" src="main.js"></script>
</body>


</html>