Найти в Дзене
FOXPOINT-полевой агент анализа домов и коммерческих объектов
13 подписчиков

<!DOCTYPE html

2 мин
> <html> <head> <meta charset="UTF-8"> <style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 15px; max-width: 850px; margin: 0 auto; } .catalog { background: white; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden; } .header { background: linear-gradient(90deg, #e74c3c, #c0392b); color: white; padding: 20px; text-align: center; font-size: 22px; font-weight: bold; } .category { background: #ecf0f1; padding: 8px 20px; font-weight: bold; color: #2c3e50; font-size: 16px; border-left: 5px solid #e74c3c; margin: 0; } .subcategory { background: #f8f9fa; padding: 5px 20px; font-weight: bold; color: #34495e; font-size: 14px; } .item { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; padding: 10px 20px; border-bottom: 1px solid #eee; align-items: center; } .item:nth-child(even) { background: #fafafa; } .item-name { font-size: 14px; color: #2c3e50; } .item-wei

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<style>

body {

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

padding: 15px;

max-width: 850px;

margin: 0 auto;

}

.catalog {

background: white;

border-radius: 12px;

box-shadow: 0 8px 25px rgba(0,0,0,0.3);

overflow: hidden;

}

.header {

background: linear-gradient(90deg, #e74c3c, #c0392b);

color: white;

padding: 20px;

text-align: center;

font-size: 22px;

font-weight: bold;

}

.category {

background: #ecf0f1;

padding: 8px 20px;

font-weight: bold;

color: #2c3e50;

font-size: 16px;

border-left: 5px solid #e74c3c;

margin: 0;

}

.subcategory {

background: #f8f9fa;

padding: 5px 20px;

font-weight: bold;

color: #34495e;

font-size: 14px;

}

.item {

display: grid;

grid-template-columns: 1fr auto auto;

gap: 10px;

padding: 10px 20px;

border-bottom: 1px solid #eee;

align-items: center;

}

.item:nth-child(even) {

background: #fafafa;

}

.item-name {

font-size: 14px;

color: #2c3e50;

}

.item-weight {

font-size: 13px;

color: #7f8c8d;

text-align: right;

}

.item-price {

font-size: 16px;

font-weight: bold;

color: #e74c3c;

text-align: right;

}

.footer {

background: #2c3e50;

color: white;

padding: 15px;

text-align: center;

font-size: 12px;

}

.promo {

background: #f39c12;

color: white;

padding: 2px 8px;

border-radius: 4px;

font-size: 11px;

margin-left: 5px;

}

</style>

</head>

<body>

<div class="catalog">

<div class="header">

🛒 ПОЛНЫЙ КАТАЛОГ METRO | Актуально на 03.12.2025

</div>

<!----- БАКАЛЕЯ ----->

<div class="category">🥫 БАКАЛЕЯ</div>

<div class="subcategory">Крупы и макароны</div>

<div class="item">

<span class="item-name">Рис METRO Chef Басмати</span>

<span class="item-weight">500г</span>

<span class="item-price">147.00 ₽</span>

</div>

<div class="item">

<span class="item-name">Рис METRO Chef круглозерный</span>

<span class="item-weight">900г</span>

<span class="item-price">125.00 ₽</span>

</div>

<div class="item">

<span class="item-name">Гречка METRO Chef ядрица</span>

<span class="item-weight">900г</span>

<span class="item-price">54.90 ₽</span>

</div>

<div class="item">

<span class="item-name">Пшено METRO Chef</span>

<span class="item-weight">900г</span>

<span class="item-price">42.90 ₽</span>

</div>

<div class="item">

<span class="item-name">Макароны METRO Chef перья</span>

<span class="item-weight">450г</span>

<span class="item-price">69.91 ₽</span>

</div>

<div class="item">

<span class="item-name">Макароны Makfa спагетти</span>

<span class="item-weight">400г</span>

<span class="item-price">52.90 ₽</span>

</div>

<div class="subcategory">Мука и выпечка</div>

<div class="item">

<span class="item-name">Мука пшеничная METRO Chef</span>

<span class="item-weight">2кг</span>

<span class="item-price">99.90 ₽</span>

</div>

<div class="item">

<span class="item-name">Мука Makfa хлебопекарная</span>

<span class="item-weight">2кг</span>

<span class="item-price">60.90 ₽</span>

</div>

<div class="item">

<span class="item-name">Тесто слоеное METRO Chef</span>

<span class="item-weight">500г</span>

<span class="item-price">79.90 ₽</span>

</div>