Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Aside</title>
</head>
<body>

    <div class="container">

        <aside class="left-column">
            <header>
                <h1 class="logo"><a href="#">Soft Funny</a></h1>
                <img src="images/logo.png" alt="SoftFunny logo">
            </header>

            <ul class="vertical-nav">

                <li><a href="#">Courses</a></li>
                <li><a href="#">Videos</a></li>
                <li><a href="#">Hot Trending</a></li>

            </ul>

            <hr class="line-divider">

            <div class="registration-button">
            <input type="button" class="button" value="Register">
            </div>

            <div class="login-button">
                <input type="button" class="button" value="Log in Email">
                <input type="button" class="button" value="Log in Facebook">
            </div>

            <hr class="line-divider">

            <footer class="footer">
                <ul class="left-column">
                    <li>About Us</li>
                    <li>Privacy Policy</li>
                    <li>Terms of Service</li>
                </ul>

                <section class="sofial-links">
                    <ul class="social">
                        <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>
                    </ul>
                </section>
                <p>&copy;SoftFunny 2017 LTD</p>
            </footer>


        </aside>


    </div>


</body>
</html>