landing_Page.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">
    <title>Take it Cheesy</title>
    <link rel="stylesheet" href="landing page.css">
</head>
<body>
    <div class="container">
        <h1>Take it Cheesy</h1>
        <div class="navbar">
            <ul>
                <li><a href="#">HOME</a></li>
                <li><a href="#">ABOUT</a></li>
                <li><a href="#">MENU</a></li>
                <li><a href="#">CONTACT</a></li>
                <li><a class="reservation" href="#">RESERVATION</a></li>
            </ul>
        </div>
    </div>
    <div class="content">
        <h3>Welcome to Take it Cheesy</h3>
        <h1>Rich Healthy and Natural Food</h1>
        <p>Take it Cheesy is a restaurant located in india. 
            We have some amazing recipes and the most talented chefs in the country.</p>
    </div>
    <div class="search">
        <input type="text" placeholder="Search Food">
    </div>

    <div class="submit">
        <a href="#">Submit</a>
    </div>
</body>
</html>