index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title> Career Kit</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="main">
        <div class="navbar">
            <div class="icon">
                <h1 class="logo"> Career kit </h1>
            </div>
            <div class="menu">
                <ul>
                    <li ><a href="#">HOME</a></li>
                    <li ><a href="#">ABOUT</a></li>
                    <li ><a href="#">SERVICE</a></li>
                    <li ><a href="#">CONTACT</a></li>
                </ul>
            </div>
            <div class="search">
                <input class="srch" type="search" name=""  placeholder="type a text"> <a href="#"> <button class="btn"> Search</button></a>
            </div>
            <div class="content">
                <h1> <br>  <span>  Software <br> Development</span><br>Course </h1>
                <p class="par">
                    Welcome to "Mastering Software Development: From Beginner to Pro"<br> – the ultimate course for aspiring developers and seasoned professionals <br> Dive into the world of software development and unlock the skills needed to thrive in today's tech-driven landscape.</p>
                <button class="cn"> <a href="#">JOIN US</a></button>
            </div>
            <div class="form">
                <h2>Login Here</h2>
                <input type="email" name="email" placeholder="Enter Email Here">
                <input type="password" name="" placeholder="Enter Password Here">
                <button class="btn"><a href="#">LOGin</a></button>
                <p class="link">Dont have an account<br>
                <a href="#">Sign up </a> here</a></p>
                <P class="liw">Log in with</P>
            </div>
        </div>
    </div>
    
    
</body>
</html>