Uaman · energ0x · Jun 18, 2025 · Jun 23, 2025
diff --git a/images/discount.svg b/images/discount.svg
diff --git a/images/home-icon.png b/images/home-icon.png
diff --git a/images/map-icon.png b/images/map-icon.png
diff --git a/images/pizza_1.jpg b/images/pizza_1.jpg
diff --git a/images/pizza_2.jpg b/images/pizza_2.jpg
diff --git a/images/pizza_3.jpg b/images/pizza_3.jpg
diff --git a/images/pizza_4.jpg b/images/pizza_4.jpg
diff --git a/images/pizza_5.jpg b/images/pizza_5.jpg
diff --git a/images/pizza_6.jpg b/images/pizza_6.jpg
diff --git a/images/pizza_7.jpg b/images/pizza_7.jpg
diff --git a/images/pizza_8.jpg b/images/pizza_8.jpg
diff --git a/images/pizza_9.jpg b/images/pizza_9.jpg
diff --git a/images/size-icon.svg b/images/size-icon.svg
diff --git a/images/weight.svg b/images/weight.svg
diff --git a/index.html b/index.html
@@ -1,13 +1,70 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="uk">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Simple HTML Page</title>
-    <link rel="stylesheet" href="./style/style.css">
-    <script src="./src/main.js" defer></script>
+<meta charset="UTF-8">
+<meta name="description" content="сторінка з піцами">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="author" content="Марисик Роман">
+<title>Піца KMA, дз 4</title>
+<link rel="stylesheet" href="style/style.css">
 </head>
 <body>
+    <header class="site-header">
+        <div class="header-logo">
+            <img src="images/home-icon.png" alt="Pizza KMA Logo">
+            <span>PIZZA KMA</span>
+        </div>
+        <div class="header-info">
+            <span class="phone-number"><a href="tel:0442225222">(044) 222 5 222</a></span>
+            <span class="work-hours">24 години / 7 днів на тиждень</span>
+            <span class="delivery-info">Безкоштовна доставка піци</span>
+        </div>
+        <button class="login-button">Увійти</button>
+    </header>
 
+    <div class="site-container">
+
+        <div class="pizza-header">
+            <h3>Усі піци <span class="pizza-count">0</span></h3>
+        </div>
+
+        <nav class="main-nav">
+            <ul>
+                <li><a href="#" class="filter-btn active" data-filter="all">Усі</a></li>
+                <li><a href="#" class="filter-btn" data-filter="М'ясні">М'ясні</a></li>
+                <li><a href="#" class="filter-btn" data-filter="З ананасами">З ананасами</a></li>
+                <li><a href="#" class="filter-btn" data-filter="З грибами">З грибами</a></li>
+                <li><a href="#" class="filter-btn" data-filter="З морепродуктами">З морепродуктами</a></li>
+                <li><a href="#" class="filter-btn" data-filter="Вега">Вега</a></li>
+            </ul>
+        </nav>
+
+        <main class="main-content">
+            <div class="pizza-menu" id="pizza-list">
+                </div>
+
+            <aside class="shopping-cart">
+                <div class="cart-header">
+                    <h3>Замовлення <span class="cart-count">0</span></h3>
+                    <a href="#" class="clear-cart">Очистити замовлення</a>
+                </div>
+                <ul class="cart-items" id="cart-items">
+                    </ul>
+                <div class="cart-footer">
+                    <div class="total-sum">
+                        <span>Сума замовлення</span>
+                        <span class="total-price">0 грн</span>
+                    </div>
+                    <button class="order-button">Замовити</button>
+                </div>
+            </aside>
+        </main>
+    </div>
+
+    <div class="discount-badge">
+        ЦЬОГО ТИЖНЯ ЗНИЖКА НА ВСЕ -20%
+    </div>
+
+    <script src="src/main.js"></script>
 </body>
 </html>
diff --git a/pizzas.json b/pizzas.json
@@ -0,0 +1,132 @@
+[
+  {
+    "id": 1,
+    "name": "Імпреза",
+    "categories": ["М'ясні"],
+    "ingredients": "Балик, салямі, куриця, сир моцарелла, сир рокфорд, ананаси, томатна паста, петрушка",
+    "image": "images/pizza_7.jpg",
+    "isNew": true,
+    "isPopular": false,
+    "prices": [
+      { "size": 30, "weight": 370, "price": 100 },
+      { "size": 40, "weight": 660, "price": 170 }
+    ]
+  },
+  {
+    "id": 2,
+    "name": "BBQ",
+    "categories": ["М'ясні", "З грибами"],
+    "ingredients": "Мисливські ковбаски, папероні, шинка, сир домашній, шампіньйони, петрушка, оливки",
+    "image": "images/pizza_2.jpg",
+    "isNew": false,
+    "isPopular": false,
+    "prices": [
+      { "size": 30, "weight": 460, "price": 140 },
+      { "size": 40, "weight": 840, "price": 200 }
+    ]
+  },
+  {
+    "id": 3,
+    "name": "Міксовий поло",
+    "categories": ["М'ясні"],
+    "ingredients": "Вітчина, куриця копчена, сир моцарелла, ананаси, кукурудза, петрушка, соус томатний",
+    "image": "images/pizza_1.jpg",
+    "isNew": false,
+    "isPopular": true,
+    "prices": [
+      { "size": 30, "weight": 430, "price": 120 },
+      { "size": 40, "weight": 780, "price": 180 }
+    ]
+  },
+  {
+    "id": 4,
+    "name": "Rosso Густо",
+    "categories": ["Вега"],
+    "ingredients": "Помідори, сир моцарелла, томатний соус, базилік",
+    "image": "images/pizza_4.jpg",
+    "isNew": false,
+    "isPopular": false,
+    "prices": [
+      { "size": 30, "weight": 400, "price": 110 },
+      { "size": 40, "weight": 700, "price": 190 }
+    ]
+  },
+  {
+    "id": 5,
+    "name": "Капрічоза",
+    "categories": ["М'ясні", "З грибами"],
+    "ingredients": "Сир моцарела, салямі, шинка, печериці, болгарський перець, базилік, томатний соус",
+    "image": "images/pizza_5.jpg",
+    "isNew": false,
+    "isPopular": false,
+    "prices": [
+      { "size": 30, "weight": 390, "price": 105 },
+      { "size": 40, "weight": 680, "price": 175 }
+    ]
+  },
+  {
+    "id": 6,
+    "name": "Маргарита",
+    "categories": ["Вега"],
+    "ingredients": "Сир моцарелла, томати, базилік, орегано",
+    "image": "images/pizza_3.jpg",
+    "isNew": false,
+    "isPopular": false,
+    "prices": [
+      { "size": 30, "weight": 350, "price": 95 },
+      { "size": 40, "weight": 600, "price": 160 }
+    ]
+  },
+  {
+    "id": 7,
+    "name": "Домашня",
+    "categories": ["М'ясні", "З грибами"],
+    "ingredients": "Соус, сир, мисливські ковбаски, куряче філе, мариновані огірки, печериці, червона цибуля, петрушка",
+    "image": "images/pizza_6.jpg",
+    "isNew": false,
+    "isPopular": false,
+    "prices": [
+      { "size": 30, "weight": 420, "price": 130 },
+      { "size": 40, "weight": 750, "price": 210 }
+    ]
+  },
+  {
+    "id": 8,
+    "name": "Фрутті ді Маре",
+    "categories": ["З морепродуктами"],
+    "ingredients": "Томатний соус, моцарела, креветки, мідії, кальмари, восьминоги, червона ікра, зелень",
+    "image": "images/pizza_8.jpg",
+    "isNew": false,
+    "isPopular": false,
+    "prices": [
+      { "size": 30, "weight": 380, "price": 115 },
+      { "size": 40, "weight": 670, "price": 185 }
+    ]
+  },
+  {
+    "id": 9,
+    "name": "М’ясна класика",
+    "categories": ["М'ясні"],
+    "ingredients": "Томатний соус, моцарела, салямі, бекон, курка, зелень",
+    "image": "images/pizza_9.jpg",
+    "isNew": false,
+    "isPopular": false,
+    "prices": [
+      { "size": 30, "weight": 410, "price": 125 },
+      { "size": 40, "weight": 720, "price": 195 }
+    ]
+  },
+  {
+    "id": 10,
+    "name": "Супер м’ясна",
+    "categories": ["М'ясні", "З грибами"],
+    "ingredients": "Томатний соус, моцарела, салямі, ковбаски, печериці, зелені оливки, петрушка",
+    "image": "images/pizza_2.jpg",
+    "isNew": false,
+    "isPopular": false,
+    "prices": [
+      { "size": 30, "weight": 450, "price": 160 },
+      { "size": 40, "weight": 800, "price": 250 }
+    ]
+  }
+]