Varvar
/
Homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							<!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;
            }

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

            #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;
            }
        </style>
    </head>
    <body>
        <header>КУДА Я ПОПАЛ?</header>
        <div id='mainContainer'>
            <aside id='aside'>
                Категории
            </aside>
            <main id='main'>
                Выберите категорию пожалуйста будьте так любезны 
            </main>
        </div>
        <script src='main.js'></script>
    </body>
</html>