<!DOCTYPE HTML>
<html>
    <head>
        <title>GQL</title>
        <meta charset='utf8' />
        <style>
            #mainContainer {
                display: flex;
            }
            #aside {
                width: 30%;
            }
            #aside > a{
                display: block;
            }
        </style>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <header>КУДА Я ПОПАЛ?</header>
        <div id='mainContainer'>
            <aside id='aside'>
                Категории
            </aside>
            <main id='main'>
                <div id="wrapperLogin">
                    <a href="#/login">
                        <button>Login</button>
                    </a>
                    <a href="#/register"> 
                        <button>Registration</button>
                    </a>
                </div>
                <div id="wrapperSubCategory"></div>
                Контент
            </main>
        </div>
        <script src='main.js'></script>
    </body>
</html>