1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>GQL</title>
- <meta charset="utf8" />
- <style>
- * {
- margin: 0;
- padding: 0;
- }
- #mainContainer {
- display: flex;
- padding: 15px 50px;
- }
- #aside {
- width: 30%;
- }
- #aside > a {
- display: block;
- }
- #main {
- width: 50%;
- margin: 0 auto;
- }
- #header {
- padding: 15px 50px;
- }
- button {
- padding: 5px 7px;
- }
- </style>
- </head>
- <body>
- <header id="header"></header>
- <div id="mainContainer">
- <aside id="aside">Категории</aside>
- <main id="main">Контент</main>
- </div>
- <script src="index.js"></script>
- </body>
- </html>
|