Сделал заданьку

2026-04-27 01:00:19 +00:00
commit 3e6fb77795
3 changed files with 133 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>...</title>
+  <style>
+#Кто я такой чтобы врать, я сделал это ИИ-шкой, а вот JSON парсил ручками
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: Arial, sans-serif;
+  background-color: #f4f4f9;
+  padding: 20px;
+}
+
+.header {
+  text-align: center;
+  margin-bottom: 30px;
+  color: #333;
+}
+
+/* Контейнер для карточек (Grid для красивой сетки) */
+#cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 20px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+/* Стили самой карточки */
+.card {
+  background: #ffffff;
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+  transition: transform 0.2s;
+}
+
+.card:hover {
+  transform: translateY(-5px);
+}
+
+.card h2 {
+  font-size: 1.2rem;
+  margin-bottom: 10px;
+  color: #2c3e50;
+  text-transform: capitalize; /* Делаем первую букву заглавной */
+}
+
+.card p {
+  color: #555;
+  line-height: 1.5;
+}
+  </style>
+</head>
+<body>
+
+  <div class="header">
+    <h1>...</h1>
+  </div>
+
+  <div id="cards"></div>
+
+  <script src="script.js"></script>
+</body>
+</html>