more pages

2025-06-04 20:08:25 +03:00
parent 341c47e715
commit 06d43a871c
13 changed files with 770 additions and 13 deletions
@@ -4,6 +4,9 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Условия использования простого хостинга">
+    <link rel="icon" type="image/png" href="img/icon.png">
+    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="styles.css">
    <title>Условия использования - Простой хостинг</title>
    <style>
        body {
@@ -32,6 +35,7 @@
            display: flex;
            justify-content: center;
            gap: 2rem;
+            align-items: center;
        }
        nav a {
            color: white;
@@ -44,6 +48,15 @@
        nav a:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
+        nav a.brand {
+            font-family: 'Space Grotesk', monospace;
+            font-size: 1.4rem;
+            font-weight: 600;
+            color: #e94560;
+        }
+        nav a.brand:hover {
+            color: #ff6b81;
+        }
        main {
            padding: 2rem 0;
            background: rgba(255, 255, 255, 0.05);
@@ -134,13 +147,56 @@
        .request-form button:hover {
            background: #ff6b81;
        }
+        .terms-section h3 {
+            color: #e94560;
+            margin-top: 2rem;
+        }
+
+        @media (max-width: 768px) {
+            body {
+                padding: 10px;
+            }
+
+            nav ul {
+                flex-direction: column;
+                gap: 1rem;
+            }
+
+            nav a {
+                font-size: 1.2rem;
+                padding: 0.8rem 1.5rem;
+                width: 100%;
+                text-align: center;
+            }
+
+            main {
+                padding: 1rem;
+            }
+
+            h1 {
+                font-size: 1.8rem;
+            }
+
+            h2 {
+                font-size: 1.4rem;
+            }
+
+            .terms-section {
+                padding: 1rem;
+            }
+
+            .terms-section h3 {
+                font-size: 1.2rem;
+            }
+        }
    </style>
 </head>
 <body>
    <header>
        <nav>
            <ul>
-                <li><a href="index.html#flagships">Флагманы</a></li>
+                <li><a href="index.html" class="brand">Micialware</a></li>
+                <li><a href="flagships.html">Флагманы</a></li>
                <li><a href="index.html#projects">Другие проекты</a></li>
                <li><a href="services.html">Услуги</a></li>
            </ul>
@@ -274,7 +330,9 @@
    </main>

    <footer>
-        <p>&copy; 2024 Моя страница. Все права защищены.</p>
+        <p>&copy; 2025 Моя страница. Все права защищены.	<span id="random-emoji"></span></p>
    </footer>
+
+    <script src="scripts.js"></script>
 </body>
 </html>