index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ramen 4Life</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
       
    <div class="container">
        <header>
            <img src="./images/ramen-noodle-bowl-egg-and-meat-with-chopstick-cartoon-vector.jpg" alt="Logo for Adare Restaurant">
        </header>
    
        <nav>
            <!--a*6 for repeated tags-->
            <a href="#">HOME</a>
            <a href="#">MENU</a>
            <a href="#">ORDER</a>
            <a href="#">ONLINE</a>
            <a href="#">GIFT VOUCHER</a>
            <a href="#">CATERING</a>
            <a href="#">CONTACT</a>
        </nav>
    
        <main>
            <h1>Let's Ramen</h1>
            <p>I love ramen, and if you've never tried it yet I highly recommend giving it a shot. Below is a personal recommendation from myself.</p>
            <a href="http://www.wasabichicago.com/ramen" target="_blank">Restaurant Site</a>
        </main>

        <section class="maps">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2968.7605348874476!2d-87.6936901845576!3d41.919506279219!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fcd7b21633e21%3A0xafa2d5ca873079ba!2sRamen%20Wasabi!5e0!3m2!1sen!2sus!4v1608922519886!5m2!1sen!2sus" width="1024" height="500" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
        </section>
    
        <footer>
            <p>This is a site created as a result of learning basic HTML and CSS. Therefore the buttons in the nav menu don't work. 
                However, the site and map are real, so let me know what you think about the location!
            </p>
        </footer>
    </div>

</body>
</html>