index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Navbar</title>
    <link rel="stylesheet" href="navStyle.css">
</head>

<body>
    <nav>
        <ul>
            <li>Home</li>
            <li>About</li>
            <li>Courses
                <div class="dropdown">
                    <ul>
                        <li>BCA
                            <div class="courses">
                                <ul>
                                    <li>Fundamentals of BCA</li>
                                    <li>Fee Structure</li>
                                    <li>Admission Procedure</li>
                                    <li>Curriculum</li>
                                    <li>Examination Details</li>
                                    <li>Project</li>
                                    <li>Placement</li>
                                </ul>
                            </div>
                        </li>
                        <li>Btech</li>
                        <li>Bsc</li>
                        <li>BA</li>
                    </ul>
                </div>
            </li>
            <li>Contact Us</li>
        </ul>
    </nav>
   <section>
        <form onsubmit="return data()" action="home.html" >
            Username: <br><input type="text" id="username" name="username"><br>
            password:<br><input type="password" id="pwd" placeholder="5-digit"><br>
            <input type="submit" value="Login" ></input>
        </form>
    </section>
    <script src="form.js"></script>
</body>

</html>