index.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>EMERALD TRAVELS</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="nav">
            <div class="logo">EMERALD TRAVELS</div>
            <ul class="nav-menu">
                <li class="nav-item">HOME</li>
                <li class="nav-item">SERVICES</li>
                <li class="nav-item">BOOK</li>
                <li class="nav-item">CONTACT US</li>
            </ul>
            <div class="navBtns">
                <button class="nav-button">Sign Up</button>
                <button class="nav-button">Log In</button>
            </div>
        </div>
        <div class="hero">
            <div class="wrapper">
                <h1>EXPLORE</h1>
                <h1>DREAM</h1>
                <h1 class="text-outline">DESTINATION</h1>
                <p>Remember that happiness is a way of travel, not a destination.........Take only memories, leave only footprints.....</p>
                <button class="btn-lg">BOOK NOW</button>
            </div>
        </div>
        </div>
    </div>
</body>
</html>