feat: added header

2024-06-30 00:11:55 +03:00
parent 24da9d4df0
commit 8653542a07
29 changed files with 718 additions and 1 deletions
--- a/ui_kit.html
+++ b/ui_kit.html
@@ -0,0 +1,37 @@
+<!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>UI kit</title>
+    <link rel="stylesheet" type="text/css" href="/assets/css/style-core.css">
+</head>
+<style>
+    /* Стили для выравнивания UI-элеметнов */
+    .ui__ui-wrapper{
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        grid-column-gap: 30px;
+        grid-row-gap: 30px;
+        width: 100vw;
+        min-height: 100vh;
+    }
+
+    .ui,
+    .ui__item{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+</style>
+<body class="ui">
+    <div class="ui__ui-wrapper">
+        <div class="ui__item"></div>
+        <div class="ui__item"></div>
+        <div class="ui__item"></div>
+        <!-- ... -->
+        <div class="ui__item"></div>
+    </div>
+</body>
+</html>