ZedKonstantin
/
Homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
							<!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='mainContainer'>
          <aside id='aside'>
              Категории
          </aside>
          <main id='main'>
              Контент
          </main>
      </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>