index.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <style>
  9. #mainContainer {
  10. display: flex;
  11. }
  12. #aside {
  13. width: 30%;
  14. }
  15. #aside > a {
  16. display: block;
  17. }
  18. #main > a {
  19. display: block;
  20. }
  21. #loginContainer {
  22. display: flex;
  23. flex-direction: column;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <header>КУДА Я ПОПАЛ?</header>
  29. <div id="topContaner"></div>
  30. <div id='mainContainer'>
  31. <aside id='aside'>
  32. Категории
  33. </aside>
  34. <main id='main'>
  35. Контент
  36. </main>
  37. </div>
  38. <!-- <div id="regContainer">
  39. <input id="loginReg" type="text"/>
  40. <input id="passReg" type="password"/>
  41. <button id="regBtn">REGISTER</button>
  42. </div>
  43. <div id="loginContainer">
  44. <input id="loginInput" type="text"/>
  45. <input id="passInput" type="password"/>
  46. <button id="loginBtn">LOGIN</button>
  47. <button id="logoutBtn">LOGOUT</button>
  48. </div>
  49. -->
  50. <script src='index.js'></script>
  51. </body>
  52. </html>