cafe_website.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="icon" href="https://img-premium.flaticon.com/png/512/4594/premium/4594828.png?token=exp=1633490558~hmac=787a7e8f464c8daf3b270f60d5241cfd" />
    <title>CafeCool</title>
</head>

<body>
    <header>

        <button class="logo" onclick="sendToHome()">Modern Cafe</button>
        <div class="toggle"></div>
        <div class="navigation">
           
            <ul>
                <li><a href="index.html" class="underLine">Home</a></li>
                <li><a href="dishes.html" class="underLine">Dishes</a></li>
                <li><a href="combo.html" class="underLine">Our Special Combo's</a></li>
                <li><a href="contact.html" class="underLine">Contact</a></li>
                <li><a href="review.html" class="underLine">Customer Reviews</a></li>
            </ul>
          
        </div>
         
    </header>


     <div  align="right">
        <img class="btn-dark" src="https://img.icons8.com/ios-filled/40/000000/sun.png" onclick="dark()" />
    </div>

    <section class="home">
        <img src="images/food.jpeg" class="home-img" alt="" />

        <div class="home-content" data-aos="fade-up">
            <h1>
                Hi! I'm Sneha and<br> Welcome to my cafe!
            </h1>
            <p>
                You will get all kinds of delicious food<br> here and We have multiple varieties<br> including Italian and Chinese.<br> Indian food is our primary food.
            </p>
            <a href="dishes.html" class="btn">Select Your Food Now</a>
        </div>
    </section>

    <script src="js/script.js"></script>
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script>
        AOS.init({
            duration: 900,
            offset: 220,
            easing: 'ease-in-out-quad',
        });
    </script>
</body>

</html>