</div>
    <div class="heading" style="height:fit-content; margin-top: 0;margin-left: 20px;">
        <h3>CodeStars</h3>
    </div>

    <nav class="nav-btn">
        <!-- <ul > -->
        <div class="nav-item"><a href=""><button class="btn">Home</button></a></div>
        <div class="nav-item"><a href="/about.html"><button class="btn">About</button></a></div>
        <div class="nav-item"><a href="/service.html"><button class="btn">Service</button></a></div>
        <div class="nav-item"><a href="/design.html"><button class="btn">Design</button></a></div>
        <div class="nav-item"><a href="/contact.html"><button class="btn">Contact</button></a></div>
        <input type="text" class="nav-item" placeholder="Type to text" style="height: 35px; margin-top: 5px; margin-right: 0px;"><button class="btn" style="height: 40px; margin-top: 5px; margin-right: 30px; background-color: aquamarine; color: black;">Search</button>
        <!-- <i class="fa-solid fa-bars nav-icon" onclick="openMenu()"></i>
        <i class="fa-solid fa-xmark nav-icon" onclick="closeMenu()"></i> --> 
</section>
<section id="header">
    
    <div class="web">
        <h2 class="head-h2">Web Design &</h2>
        <h1 class="head-h1">Development</h1>
        <h2 class="head-h3">Course</h2>
        
        <p class="head-p1">We team CodeStars, provide free web designing and web development course.Learn with us by enrolling in this free web designing course.</p>
        <button class="btn3">Join Us</button>
    </div>
    <div class="Loginform">
        <h1 class="login">Login Here</h1>
            <form>
                <div class="mb-3">
                  <input type="email" class="form-control" id="clientemail" placeholder="Enter Email here">
                </div>
                <div class="mb-3">
                  <input type="pass" class="form-control" id="clientpass" placeholder="Enter Password here">
                </div>
                <button type="login" class="btn4">Login</button>
                <p class="head-p2" id="idp1">Don't have an Account</p>
                <p class="head-p2" id="idp2" ><a href="" class="btn5">Sign up here</a></p>
                <p class="head-p2" id="idp3">Log in with</p>
                <div class="social">
                <div class="fa-brands fa-facebook"></div>
                <div class="fa-brands fa-instagram"></div>
                <div class="fa-brands fa-linkedin"></div>
                <div class="fa-brands fa-twitter"></div>
                <div class="fa-brands fa-google"></div>
                
                </div>
            </form>
    </div>

</section>