feat: styles and more

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>
+        <h1 class="header">мега крутой магазин с ai и тд</h1>
-            <li>яблоко</li>
+
-            <li>сливы1!!!</li>
+        <div class="container">
-            <li>бананы</li>
+
-        </ul>
+            <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>

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;
 }