ZedKonstantin
/
Homework


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
							<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <style>
      #mainContainer {
          display: flex;
      }
      #aside {
          width: 30%;
      }
      #aside > a {
          display: block;
      }
      #main > a {
          display: block;
      }
      #loginContainer  {
         display: flex;
         flex-direction: column;
      }
  </style>
</head>
   <body>
      <header>КУДА Я ПОПАЛ?</header>
      <div id="topContaner"></div>
      <div id='mainContainer'>
          <aside id='aside'>
              Категории
          </aside>          
          <main id='main'>
              Контент
          </main>
      </div>

        <!-- <div id="regContainer"> 
            <input id="loginReg" type="text"/>
            <input id="passReg" type="password"/>
            <button id="regBtn">REGISTER</button>
        </div>

        <div id="loginContainer">
            <input id="loginInput" type="text"/>
            <input id="passInput" type="password"/>
            <button id="loginBtn">LOGIN</button>
            <button id="logoutBtn">LOGOUT</button>
        </div>
        -->

      <script src='index.js'></script>
  </body>

</html>