From 4b7f9f28d41ad8f9e8d21e79f4b6b633dcab558e Mon Sep 17 00:00:00 2001
From: Gitler's-grandson <262515102+Cat-kuzay@users.noreply.github.com>
Date: Tue, 29 Sep 2026 11:12:25 +0300
Subject: [PATCH] feat: styles and more

---
 index.html               | 44 ++++++++++++++++++++++++++++++++++------
 index.js => src/index.js |  0
 style.css                | 28 ++++++++++++++++++++++++-
 3 files changed, 65 insertions(+), 7 deletions(-)
 rename index.js => src/index.js (100%)

diff --git a/index.html b/index.html
index 9e8a9be..7637ef7 100644
--- a/index.html
+++ b/index.html
@@ -4,16 +4,48 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>mv-store</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
 
     <section>
-        <h1>список товаров:</h1>
-        <ul>
-            <li>яблоко</li>
-            <li>сливы1!!!</li>
-            <li>бананы</li>
-        </ul>
+
+        <h1 class="header">мега крутой магазин с ai и тд</h1>
+
+        <div class="container">
+
+            <h1>список товаров:</h1>
+            <ul class="fp">
+                <li>яблоко</li>
+                <li>сливы1!!!</li>
+                <li>бананы</li>
+            </ul>
+            
+        </div>
+
+        <div class="container">
+
+            <h1>список услуг:</h1>
+            <ul class="fp">
+                <li>вайбкодинг 1ч - 250рублей</li>
+                <li>codex/claude 20x 1ч - 500 рублей</li>
+                <li>быдлокодинг на deepseek 5ч - бессценно</li>
+            </ul>
+            
+        </div>
+
+        <div class="container">
+
+            <h1>список отзывов:</h1>
+            <ul class="fp">
+                <li>супер</li>
+                <li>класс</li>
+                <li>ваще*!</li>
+            </ul>
+        </div>
+
+        <button>купить быстро!</button>
+
     </section>
 
 </body>
diff --git a/index.js b/src/index.js
similarity index 100%
rename from index.js
rename to src/index.js
diff --git a/style.css b/style.css
index 486c6f3..f3ef265 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,29 @@
+.header {
+    color: cadetblue;
+}
+
 h1 {
-    font-size: 13;
+    font-size: 2.5rem;
+    color: aquamarine;
+}
+
+.container {
+    background-color: rgb(60, 95, 95);
+    margin: 5px;
+    padding: 10px;
+    /* display: flex; */
+}
+
+.fp {
+    color:cornsilk;
+    /* padding-bottom: ; */
+    font-size: 1.5rem;
+}
+
+button {
+    background-color:cornflowerblue;
+    font-size: 2rem;
+    padding: 0.5rem;
+    margin-top: 5px;
+    border-radius: 10px;
 }
\ No newline at end of file