index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="style.css">

    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
</head>
<body>

    <div class="main">
        <div class="nav">
            <h2>LOGO</h2>

            <div class="nav-part2">
                <h4>Home</h4>
                <h4>Courses</h4>
                <h4>Blog</h4>
                <h4>Contact</h4>
                <h4>About</h4>
                <button>Sign In</button>
                <i class="ri-menu-3-line"></i>
            </div>
        </div>

        <div class="content">
            <div class="left">
                <h1>Learn from the <span>coolest</span> coding platform of India.</h1>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sed sint omnis excepturi voluptates nam! Quia quisquam tempore eaque vitae, harum temporibus assumenda iste voluptatum, accusamus ab ipsum a eligendi iure.</p>
                <button>Explore Now</button>
            </div>
            <div class="right">
                <img src="images/dash.jpg" alt="dashboard">
            </div>
        </div>
    </div>
    
</body>
</html>