feat: full cooked

.vscode/launch.json

@@ -1,14 +1,14 @@
-{
+{
-    // Use IntelliSense to learn about possible attributes.
+    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
+    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
+    "version": "0.2.0",
-    "configurations": [
+    "configurations": [
-        {
+        {
-            "type": "msedge",
+            "type": "msedge",
-            "request": "launch",
+            "request": "launch",
-            "name": "Open index.html",
+            "name": "Open index.html",
-            "file": "c:\\Лаб\\Пр №4\\mv-shop\\index.html"
+            "file": "c:\\Лаб\\Пр №4\\mv-shop\\index.html"
-        }
+        }
-    ]
+    ]
 }

index.html

@@ -1,52 +1,52 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="en">
+<html lang="en">
-<head>
+<head>
-    <meta charset="UTF-8">
+    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>mv-store</title>
+    <title>mv-store</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="style.css">
-</head>
+</head>
-<body>
+<body>
-
+
-    <section>
+    <section>
-
+
-        <h1 class="header">мега крутой магазин с ai и тд</h1>
+        <h1 class="header">мега крутой магазин с ai и тд</h1>
-
+
-        <div class="container">
+        <div class="container">
-
+
-            <h1>список товаров:</h1>
+            <h1>список товаров:</h1>
-            <ul class="fp">
+            <ul class="fp">
-                <li>яблоко</li>
+                <li>яблоко</li>
-                <li>сливы1!!!</li>
+                <li>сливы1!!!</li>
-                <li>бананы</li>
+                <li>бананы</li>
-            </ul>
+            </ul>
-            
+            
-        </div>
+        </div>
-
+
-        <div class="container">
+        <div class="container">
-
+
-            <h1>список услуг:</h1>
+            <h1>список услуг:</h1>
-            <ul class="fp">
+            <ul class="fp">
-                <li>вайбкодинг 1ч - 250рублей</li>
+                <li>вайбкодинг 1ч - 250рублей</li>
-                <li>codex/claude 20x 1ч - 500 рублей</li>
+                <li>codex/claude 20x 1ч - 500 рублей</li>
-                <li>быдлокодинг на deepseek 5ч - бессценно</li>
+                <li>быдлокодинг на deepseek 5ч - бессценно</li>
-            </ul>
+            </ul>
-            
+            
-        </div>
+        </div>
-
+
-        <div class="container">
+        <div class="container">
-
+
-            <h1>список отзывов:</h1>
+            <h1>список отзывов:</h1>
-            <ul class="fp">
+            <ul class="fp">
-                <li>супер</li>
+                <li>супер</li>
-                <li>класс</li>
+                <li>класс</li>
-                <li>ваще*!</li>
+                <li>ваще*!</li>
-            </ul>
+            </ul>
-        </div>
+        </div>
-
+
-        <button>купить быстро!</button>
+        <button>купить быстро!</button>
-
+
-    </section>
+    </section>
-
+
-</body>
+</body>
 </html>

style.css

@@ -1,29 +1,29 @@
-.header {
+.header {
-    color: cadetblue;
+    color: cadetblue;
-}
+}
-
+
-h1 {
+h1 {
-    font-size: 2.5rem;
+    font-size: 2.5rem;
-    color: aquamarine;
+    color: aquamarine;
-}
+}
-
+
-.container {
+.container {
-    background-color: rgb(60, 95, 95);
+    background-color: rgb(60, 95, 95);
-    margin: 5px;
+    margin: 5px;
-    padding: 10px;
+    padding: 10px;
-    /* display: flex; */
+    /* display: flex; */
-}
+}
-
+
-.fp {
+.fp {
-    color:cornsilk;
+    color:cornsilk;
-    /* padding-bottom: ; */
+    /* padding-bottom: ; */
-    font-size: 1.5rem;
+    font-size: 1.5rem;
-}
+}
-
+
-button {
+button {
-    background-color:cornflowerblue;
+    background-color:cornflowerblue;
-    font-size: 2rem;
+    font-size: 2rem;
-    padding: 0.5rem;
+    padding: 0.5rem;
-    margin-top: 5px;
+    margin-top: 5px;
-    border-radius: 10px;
+    border-radius: 10px;
 }