School-Website/guardians.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type ="text/css" href="css/guarden.css">
    <title>SRM School Parent Login</title>
    <style>
        ul{
     float: right;
     list-style-type: none;
     margin-top: 25px;
    }
    ul li{
    display: inline-block;
    }
    
    ul li a{
    text-decoration: none;
    color: rgb(46, 8, 8);
    padding: 5px 20px;
    border: 1px solid transparent;
    transition: 0.6s ease;
    }
    
    ul li a:hover{
    background-color: #fff;
    color: #000;
    
    }
    </style>
</head>
<body>
    <header>
        <div class="main">
            
            
            
            <ul>
                <li class="active"><a href="index.html">Home</a></li>
                <li><a href="about us.html">Abouts Us</a></li>
                <li><a href="curricular activites.html">Extra-Curricular Activities</a></li>
                <li><a href="events.html">Events</a></li>
                <li><a href="guardians.html">Guardian’s Section</a></li>
                <li><a href="achievements.html">Achievement’s</a></li>
                <li><a href="contact us.html">Contact us</a></li>
            </ul>
        </div>
    </header>
    <div class="loginbox">
        <img src="logo.png" alt="image not found" class="avatar">
        <h1>Parents Login </h1>
        <form>
            <p>Username</p>
            <input type="text" name="" placeholder="Enter ">
            <p>Password</p>
            
            <input type="password" name="" placeholder="Enter">
            <br>
            <input type="submit" name="" value="Login">
        </form>
    </div>

</body>
</html>