home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Apni Kaksha | Home </title>
    <style>
        nav a{
            text-decoration: none;
            text-align: center;
            padding: 25px;
        }
        nav{
            text-align: center;
            background-color: rgba(119, 21, 143, 0.115);
        }
        nav a:hover{
            color: black;
        }
        nav a:visited{
            color:red;
        }
    </style>
    
</head>
<body>
    <header>
        <h1>Apni kaksha</h1>
    </header>
    <nav>
        <a href="#">Home</a>
        <a href="#"> Collage reviews</a>
        <a href="#"> Courses</a>
        <a href="#"> Study Material</a>
        <a href="#"> Login/sign up</a>    
    </nav>
    <main>
        <section>
            <h2>Courses</h2>
            <video></video>
        </section>
    </main>
    
</body>
</html>