Days/Day4/index.html

<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://kit.fontawesome.com/8c1f754ca0.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="MainContainer">
        <header>
            <nav>
                <ul>
                    <li><a href="#">Account</a></li>
                    <li><a href="#">My List</a></li>
                    <li><a href="#">Manage Trips</a></li>
                    <li><a href="#">Support</a></li>
                    <li><a href="#">Log In</a></li>
                    <button class="CreateAccount">Create Account</button>
                </ul>

            </nav>
        </header>

        <div class="Welcome">
            <h1 class="Title">Explore the world</h1>
            <p class="Paragraph">One of the key ways of eliminate any escape routs. Is to safety comfor and difficulties to arise. To avoid being bored and abandoning your goals, yo must make going forward more compelling then going back.</p>
        </div>

        <div class="FormContainer">
            <form>
                <div class="SearchIcon"><i class="fa-solid fa-magnifying-glass"></i></div>
                <input type="text" placeholder="Enter country, city or address"/>
                <input type="submit" value="Search" />
            </form>
        </div>

    </div>
</body>

</html>