Varvar
/
Homework


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
							<!DOCTYPE HTML>
<html>
    <head>
        <title>GQL</title>
        <meta charset='utf8' />
        <style>
            body {
                margin: 0;
                padding: 0;
            }

            a {
                color: #23217c;
                text-decoration: none;
            }

            a:hover {
                color: #1916dd;
            }

            input {
                margin-bottom: 10px;
            }

            header {
                background-color: #23217c;
                color: #fff;
                font-weight: bold;
                padding: 10px 25px;
            }

            header span {
                margin-right: 25px;
            }

            header a {
                color: #fff;
                cursor: pointer;
            }

            header a:hover {
                color: #fff;
                text-decoration: underline;
            }

            #mainContainer {
                display: flex;
                padding: 15px 0;
            }

            #aside {
                width: 30%;
                padding: 0 25px;
            }

            #aside > a{
                display: block;
            }

            #main > a {
                display: block;
                margin: 15px 0 5px 0;
            }

            #inputs {
                display: flex;
                flex-direction: column;
            }

            .good-container {
                padding: 5px;
                margin-bottom: 15px;
                display: flex;
                flex-direction: column;
            }
        </style>
    </head>
    <body>
        <header>
            <span>КУДА Я ПОПАЛ?</span>
            <span id='login'></span>
            <span><a href="#/cart"> =&gt; корзина тута &lt;= </a></span>
        </header>
        <div id='mainContainer'>
            <aside id='aside'>
                Категории
            </aside>
            <main id='main'>
                Выберите категорию пожалуйста будьте так любезны 
            </main>
        </div>
        <script src='main.js'></script>
    </body>
</html>