Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel="stylesheet" href="styles/style.css"/>
    <link rel="stylesheet" href="styles/form-style.css"/>
</head>
<body>
    <div class="wrapper2">
        <aside class="sidebar">
            <div class="logo"><img src="images/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>
                <h2 class="recent-posts-title">Recent Posts</h2>
                <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>

            <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>
                    <button id="login-request-button">Login</button>
                </form>
                <a class="form-link" href="register.html">Register here</a>
            </div>
            <footer>
                <p class="footer-text">&copy; Software University Foundation, No rights Reserved</p>
            </footer>
        </main>
    </div>
</body>
</html>