zaika.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="style.css">
    <link rel="icon" type="image/png" href="images/restaurant.png">
    <script src="https://kit.fontawesome.com/da5275addd.js" crossorigin="anonymous"></script>
    <title>Zaika</title>
</head>

<body>
    <div class="main">
        <div class="fixed">
            <h1 class="logo">Zaika</h1>
            <p class="location"> 699 Rambla Catalunya,<br> Barcelona Spain</p>
            <a href="#"><button class="order">Order Online</button></a>
            <ul>
                <li><a href="#">Reserve</a></li>
                <li><a href="#">Menus</a></li>
                <li><a href="#">Gift Cards</a></li>
                <li><a href="#">Our Story</a></li>
                <li><a href="#">Hours & Location</a></li>
                <li><a href="#">Community</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#">Press</a></li>
                <li><a href="#">Join Our Team</a></li>
                <li><a href="#">Support Our Team</a></li>
            </ul>
            <a href="#"><button class="signup">Email Signup</button></a>
            <a href="" class="social"><i class="fab fa-instagram fa-lg"></i></a>
            <a href="" class="powered">Powered by Bentobox</a>
        </div>
    </div>
    <div class="content">
        <div class="area1"></div>
        <div class="area2"></div>
        <div class="area3"></div>
        <div class="area4"></div>
        <div class="area5">
            <h2 class="quote">A cozy, nostalgic New York café and<br> wine bar in the heart of the West Village.</h2>
            <img src="images/delivery.png" alt="" class="delivery" width="250">
        </div>
        <div class="area6">
            <h3 class="heading">Menus</h3>
            <p class="text">Reimagining NYC’s rich culinary history through comforting, eclectic American cuisine with deep European influences.</p>
            <button>Menus</button>
        </div>
        <div class="area7"></div>
        <div class="area8"></div>
        <div class="area9">
            <h3 class="heading">Reservations</h3>
            <p class="text">Anton's is very much a neighborhood restaurant, and we always reserve seats for walk-in guests in our dining room. Reservations are available via Resy.</p>
            <button>Reserve a Table</button>
        </div>
    </div>
</body>

</html>