Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link type="text/css" rel="stylesheet" href="style.css">
    <link type="text/css" rel="stylesheet" href="form-style.css">
</head>
<body>
    <div class="wrapper">

        <aside class="sidebar">
            <div class="logo"><img src="logo_sidebar.png" alt=""></div>
            <hr>
            <nav>
                <ul>
                    <a href="index.html" class="single-menu-element-link"><li class="single-menu-element">Home</li></a>
                    <a href="login.html" class="single-menu-element-link"><li class="single-menu-element">Login</li></a>
                    <a href="register.html" class="single-menu-element-link"><li class="single-menu-element">Register</li></a>
                </ul>

                <hr>
                <hr2 class="recent-posts-title">Recent Posts</hr2>
                <hr>
                <ul>
                    <a href="#" class="single-menu-element-link"><li class="single-recent-post">Example 1</li></a>
                    <a href="#" class="single-menu-element-link"><li class="single-recent-post">Example 2</li></a>
                    <a href="#" class="single-menu-element-link"><li class="single-recent-post">Example 3</li></a>
                    <a href="#" class="single-menu-element-link"><li class="single-recent-post">Example 4</li></a>
                    <a href="#" class="single-menu-element-link"><li class="single-recent-post">Example 5</li></a>
                </ul>
            </nav>
        </aside>

        <main>
            <header class="blog-title">Login</header>

            <footer><p class="footer-text">&copy; Software University Foundation, No Rights Reserved</p></footer>

        <div class="user-login-block">
            <form>
                <h1 class="title-form">Username:</h1>
                <input type="text" value="" placeholder="Enter Username" id="username"/>
                <h1 class="title-form">Password:</h1>
                <input type="password" value="" placeholder="Enter Password" id="password"/>
                <br>
            </form>
        </div>

        <form>
            <h1 class="title-form">Username:</h1>
            <input type="text" value="" placeholder="Enter Username" id="username"/>
            <h1 class="title-form">Password:</h1>
            <input type="password" value="" placeholder="Enter Password" id="password"/>
            <br>
            <button id="login-request-button">Login</button>
        </form>

        <form>
            <h1 class="title-form">Username:</h1>
            <input type="text" value="" placeholder="Enter Username"/>
            <h1 class="title-form">Password:</h1>
            <input type="password" value="" placeholder="Enter Password"/>
            <br>
            <button id="user-login-button">Login</button>
        </form>
        <a class="form-link" href="register.html">Register here</a>
        </main>
    </div>
</body>
</html>