index.html

<!DOCTYPE html>
<html>
   <head>
    <title>log in</title>
    <link rel="stylesheet" href="style.CSS">
    </head>
   <body>
    <header>
        <a class="logolink" href="index.html">Observa</a>
        <nav>
            <ul class="bar">
                <li><a class="Home" href="">Home</a></li>
                <li><a class="Dashboard" href="">Conatct</a></li>
                <li><a class="Settings" href="">About us</a></li>
            </ul>
        </nav>
        <a class="pro" href=""><button>Sign up</button></a>
    </header>
    <main>
        <div class="imgbox">
         <img src="logo.svg" alt="logo">   
        </div>
        <div class="login_box">
            <h2> Welcome back </h2>
            <form class="formbox">
                    <label for="username">username</label>  
                    <input type="email" id="username" required ><br><br>
                    <label for="password">password</label>
                    <input type="password" id="password" required><br><br>
                    <input type="checkbox" name="remember me" id="remember me" value="remember me">
                    <label class="remember" for="remember me">remember me</label><br>
                    <a class="forget" href=""> Forget password? </a><br><br>
                    <input class="submit" type="submit" value="log in">

            </form>
        </div>
    <main>
   </body>
</html>