Tolganay/sozday-sayt-dlya-menyu-s-kyu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Опубликовано через кнопку

Browse Source
This commit is contained in:
Tolganay 2026-08-17 11:45:38 +00:00
parent ffce4f5c7c
commit 875d66eb0b
1 changed files with 136 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

218
index.html
View File

@ -12,60 +12,110 @@
*{box-sizing:border-box;margin:0;padding:0} *{box-sizing:border-box;margin:0;padding:0}
body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--cream)} body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--cream)}
.container{max-width:1140px;margin:0 auto;padding:0 24px} .container{max-width:1140px;margin:0 auto;padding:0 24px}
.hero{background:linear-gradient(135deg,var(--wine-dark),var(--wine));color:var(--cream);padding:100px 24px;text-align:center}
.hero h1{font:'Lobster',cursive;font-size:72px;margin-bottom:16px;color:var(--gold)} .hero{background:linear-gradient(135deg,var(--wine-dark),var(--wine));color:var(--cream);padding:120px 24px;text-align:center;position:relative;overflow:hidden}
.hero p{font-size:22px;opacity:0.9;max-width:600px;margin:0 auto 24px} .hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('https://picsum.photos/seed/georgia1/1920/1080') center/cover;opacity:0.15;animation:slowZoom 30s ease-in-out infinite}
.hero .address{font-size:18px;opacity:0.8;margin-bottom:32px} @keyframes slowZoom{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.hero .phone{font-size:24px;font-weight:700;color:var(--gold)} .hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}
.qr-section{background:var(--wine);padding:60px 24px;text-align:center} .hero h1{font:'Lobster',cursive;font-size:84px;margin-bottom:16px;color:var(--gold);text-shadow:2px 2px 8px rgba(0,0,0,0.5);animation:fadeInDown 1s ease}
.qr-section h2{font:'Lobster',cursive;font-size:42px;color:var(--gold);margin-bottom:24px} @keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
.qr-card{background:var(--cream);border-radius:16px;padding:40px;max-width:400px;margin:0 auto;box-shadow:0 10px 40px rgba(0,0,0,0.3)} .hero p{font-size:24px;opacity:0.95;margin-bottom:24px;animation:fadeIn 1.5s ease}
.qr-code{width:280px;height:280px;margin:0 auto 24px;background:white;padding:16px;border-radius:8px} @keyframes fadeIn{from{opacity:0}to{opacity:1}}
.hero .decorative-line{width:200px;height:3px;background:var(--gold);margin:32px auto;animation:expandWidth 2s ease}
@keyframes expandWidth{from{width:0}to{width:200px}}
.hero .address{font-size:20px;opacity:0.9;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px}
.hero .phone{font-size:28px;font-weight:700;color:var(--gold);margin-top:24px;display:inline-block;padding:16px 32px;background:rgba(201,169,97,0.15);border:2px solid var(--gold);border-radius:50px;transition:all 0.3s}
.hero .phone:hover{background:var(--gold);color:var(--wine-dark);transform:scale(1.05)}
.hero-features{display:flex;justify-content:center;gap:32px;margin-top:48px;flex-wrap:wrap}
.hero-feature{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);padding:20px 28px;border-radius:16px;border:1px solid rgba(255,255,255,0.2);animation:fadeInUp 1.5s ease backwards}
.hero-feature:nth-child(1){animation-delay:0.3s}
.hero-feature:nth-child(2){animation-delay:0.5s}
.hero-feature:nth-child(3){animation-delay:0.7s}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero-feature span{font-size:32px;display:block;margin-bottom:8px}
.hero-feature p{font-size:14px;opacity:0.9}
.qr-section{background:linear-gradient(135deg,var(--wine),var(--wine-dark));padding:80px 24px;text-align:center}
.qr-section h2{font:'Lobster',cursive;font-size:48px;color:var(--gold);margin-bottom:32px}
.qr-card{background:var(--cream);border-radius:20px;padding:48px;max-width:420px;margin:0 auto;box-shadow:0 20px 60px rgba(0,0,0,0.4);border:3px solid var(--gold)}
.qr-code{width:300px;height:300px;margin:0 auto 28px;background:white;padding:20px;border-radius:12px;box-shadow:inset 0 0 20px rgba(0,0,0,0.1)}
.qr-code img{width:100%;height:100%;object-fit:contain} .qr-code img{width:100%;height:100%;object-fit:contain}
.qr-text{font-size:18px;font-weight:600;color:var(--wine)} .qr-text{font-size:20px;font-weight:600;color:var(--wine);line-height:1.5}
.menu-section{padding:80px 24px}
.menu-section h2{font:'Lobster',cursive;font-size:48px;text-align:center;margin-bottom:16px;color:var(--wine)} .menu-section{padding:100px 24px;max-width:1200px;margin:0 auto}
.menu-section .subtitle{text-align:center;font-size:20px;color:var(--gray);margin-bottom:48px} .menu-section h2{font:'Lobster',cursive;font-size:56px;text-align:center;margin-bottom:16px;color:var(--wine)}
.category{margin-bottom:60px} .menu-section .subtitle{text-align:center;font-size:20px;color:var(--gray);margin-bottom:64px}
.category h3{font-size:28px;font-weight:700;color:var(--wine);margin-bottom:24px;border-bottom:2px solid var(--gold);padding-bottom:12px;display:inline-block} .category{margin-bottom:80px;scroll-margin-top:20px}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px} .category h3{font-size:32px;font-weight:700;color:var(--wine);margin-bottom:32px;padding-bottom:16px;border-bottom:3px solid var(--gold);display:inline-block;position:relative}
.menu-item{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.3s} .category h3::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),transparent)}
.menu-item:hover{transform:translateY(-4px)} .menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.menu-item img{width:100%;height:200px;object-fit:cover} .menu-item{background:white;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer}
.menu-item-content{padding:20px} .menu-item:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,0.15)}
.menu-item h4{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--ink)} .menu-item img{width:100%;height:220px;object-fit:cover;transition:transform 0.3s}
.menu-item .desc{font-size:14px;color:var(--gray);margin-bottom:12px;line-height:1.5} .menu-item:hover img{transform:scale(1.08)}
.menu-item .price-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px} .menu-item-content{padding:24px}
.menu-item .price{font-size:22px;font-weight:700;color:var(--wine)} .menu-item h4{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--ink)}
.menu-item .currency{font-size:14px;color:var(--gray)} .menu-item .desc{font-size:14px;color:var(--gray);margin-bottom:16px;line-height:1.6}
.service-notice{background:var(--wine-dark);color:var(--cream);padding:40px 24px;text-align:center} .menu-item .price-row{display:flex;justify-content:space-between;align-items:center}
.service-notice p{font-size:18px;max-width:600px;margin:0 auto} .menu-item .price{font-size:24px;font-weight:700;color:var(--wine)}
.service-notice .highlight{color:var(--gold);font-weight:700;font-size:22px} .menu-item .currency{font-size:14px;color:var(--gray);margin-left:4px}
.footer{background:var(--ink);color:var(--cream);padding:60px 24px;text-align:center}
.footer h3{font:'Lobster',cursive;font-size:32px;color:var(--gold);margin-bottom:24px} .service-notice{background:linear-gradient(135deg,var(--wine-dark),var(--wine));color:var(--cream);padding:60px 24px;text-align:center}
.footer p{margin-bottom:12px;font-size:18px} .service-notice p{font-size:20px;max-width:600px;margin:0 auto 12px}
.footer .contact{font-size:20px;font-weight:600;color:var(--gold);margin:20px 0} .service-notice .highlight{color:var(--gold);font-weight:700;font-size:28px;display:block;margin-top:12px}
@media(max-width:768px){.hero h1{font-size:42px}.hero p{font-size:18px}.menu-section h2{font-size:36px}.menu-grid{grid-template-columns:1fr}.qr-code{width:220px;height:220px}}
.footer{background:var(--ink);color:var(--cream);padding:80px 24px;text-align:center}
.footer h3{font:'Lobster',cursive;font-size:40px;color:var(--gold);margin-bottom:32px}
.footer p{margin-bottom:16px;font-size:18px}
.footer .contact{font-size:22px;font-weight:600;color:var(--gold);margin:24px 0;display:flex;align-items:center;justify-content:center;gap:12px}
.footer .contact a{color:inherit;text-decoration:none;transition:opacity 0.3s}
.footer .contact a:hover{opacity:0.8}
.footer-hours{margin-top:40px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.1);opacity:0.7}
@media(max-width:768px){
.hero h1{font-size:48px}.hero p{font-size:18px}
.menu-section h2{font-size:40px}.menu-grid{grid-template-columns:1fr}
.qr-code{width:240px;height:240px}.hero-features{flex-direction:column;align-items:center}
}
</style> </style>
</head> </head>
<body> <body>
<section class="hero"> <section class="hero">
<div class="container"> <div class="hero-content">
<h1>🍷 Генацвале</h1> <h1>🍷 Генацвале</h1>
<div class="decorative-line"></div>
<p>Ресторан настоящей грузинской кухни в сердце Астаны</p> <p>Ресторан настоящей грузинской кухни в сердце Астаны</p>
<p class="address">📍 г.Астана, ул.Достык 16</p> <p style="font-size:18px;opacity:0.8;margin-top:8px">Гостеприимство как искусство, вкус как традиция</p>
<p class="phone">📞 7083011539</p> <div class="address">
<span>📍</span>
<span>г.Астана, ул.Достык 16</span>
</div>
<div class="hero-features">
<div class="hero-feature">
<span>🔥</span>
<p>Мангал<br>ежедневно</p>
</div>
<div class="hero-feature">
<span>🍷</span>
<p>Винная<br>карта</p>
</div>
<div class="hero-feature">
<span>🎵</span>
<p>Живая<br>музыка</p>
</div>
</div>
<a href="tel:+77083011539" class="phone">📞 7083011539</a>
</div> </div>
</section> </section>
<section class="qr-section"> <section class="qr-section">
<div class="container"> <div class="container">
<h2>Меню онлайн</h2> <h2>📱 Меню онлайн</h2>
<div class="qr-card"> <div class="qr-card">
<div class="qr-code"> <div class="qr-code">
<img src="https://api.qrserver.com/v1/create-qr-code/?size=280x280&data=https://pages.git.vibe42.kz/Tolganay/sozday-sayt-dlya-menyu-s-kyu/" alt="QR код меню"> <img src="https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=https://pages.git.vibe42.kz/Tolganay/sozday-sayt-dlya-menyu-s-kyu/" alt="QR код меню">
</div> </div>
<p class="qr-text">Наведите камеру, чтобы открыть меню на телефоне</p> <p class="qr-text">Наведите камеру смартфона,<br>чтобы открыть меню</p>
</div> </div>
</div> </div>
</section> </section>
@ -75,11 +125,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
<h2>🍽 Наше Меню</h2> <h2>🍽 Наше Меню</h2>
<p class="subtitle">Все цены указаны в тенге (₸)</p> <p class="subtitle">Все цены указаны в тенге (₸)</p>
<div class="category"> <div class="category" id="salads">
<h3>🥗 Салаты</h3> <h3>🥗 Салаты</h3>
<div class="menu-grid"> <div class="menu-grid">
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?georgian+salad" alt="Грузинский салат"> <img src="https://loremflickr.com/400/300/georgian,salad" alt="Грузинский салат">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Грузинский салат</h4> <h4>Грузинский салат</h4>
<p class="desc">Свежие овощи с зеленью и ореховой заправкой</p> <p class="desc">Свежие овощи с зеленью и ореховой заправкой</p>
@ -87,7 +137,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?caesar+salad" alt="Цезарь"> <img src="https://loremflickr.com/400/300/caesar,salad" alt="Цезарь">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Цезарь с курицей</h4> <h4>Цезарь с курицей</h4>
<p class="desc">Классика с пармезаном и сухариками</p> <p class="desc">Классика с пармезаном и сухариками</p>
@ -95,7 +145,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?vegetable+salad" alt="Овощной"> <img src="https://loremflickr.com/400/300/vegetable,salad" alt="Овощной">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Овощной салат</h4> <h4>Овощной салат</h4>
<p class="desc">Помидоры, огурцы, перец с зеленью</p> <p class="desc">Помидоры, огурцы, перец с зеленью</p>
@ -103,7 +153,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?caprese+salad" alt="Капрезе"> <img src="https://loremflickr.com/400/300/caprese,salad" alt="Капрезе">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Капрезе</h4> <h4>Капрезе</h4>
<p class="desc">Томаты, моцарелла, базилик</p> <p class="desc">Томаты, моцарелла, базилик</p>
@ -113,11 +163,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="category"> <div class="category" id="appetizers">
<h3>🥟 Закуски</h3> <h3>🥟 Закуски</h3>
<div class="menu-grid"> <div class="menu-grid">
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?khachapuri" alt="Хачапури"> <img src="https://loremflickr.com/400/300/khachapuri,cheese" alt="Хачапури">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Хачапури по-аджарски</h4> <h4>Хачапури по-аджарски</h4>
<p class="desc">Лодочка с сыром сулугуни и яйцом</p> <p class="desc">Лодочка с сыром сулугуни и яйцом</p>
@ -125,7 +175,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?pkhali" alt="Пхали"> <img src="https://loremflickr.com/400/300/georgian,appetizer" alt="Пхали">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Пхали ассорти</h4> <h4>Пхали ассорти</h4>
<p class="desc">Шпинат, свекла, фасоль с грецким орехом</p> <p class="desc">Шпинат, свекла, фасоль с грецким орехом</p>
@ -133,7 +183,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?lobio" alt="Лобио"> <img src="https://loremflickr.com/400/300/beans,georgian" alt="Лобио">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Лобио в горшочке</h4> <h4>Лобио в горшочке</h4>
<p class="desc">Фасоль по-грузински с зеленью</p> <p class="desc">Фасоль по-грузински с зеленью</p>
@ -141,7 +191,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?baklazhan" alt="Баклажаны"> <img src="https://loremflickr.com/400/300/eggplant,roll" alt="Баклажаны">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Баклажаны с орехами</h4> <h4>Баклажаны с орехами</h4>
<p class="desc">Рулетики из баклажанов с ореховой начинкой</p> <p class="desc">Рулетики из баклажанов с ореховой начинкой</p>
@ -151,11 +201,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="category"> <div class="category" id="soups">
<h3>🍲 Супы</h3> <h3>🍲 Супы</h3>
<div class="menu-grid"> <div class="menu-grid">
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?kharcho+soup" alt="Харчо"> <img src="https://loremflickr.com/400/300/kharcho,soup" alt="Харчо">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Харчо</h4> <h4>Харчо</h4>
<p class="desc">Наваристый суп с говядиной и ткемали</p> <p class="desc">Наваристый суп с говядиной и ткемали</p>
@ -163,7 +213,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?chicken+soup" alt="Чихиртма"> <img src="https://loremflickr.com/400/300/chicken,soup" alt="Чихиртма">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Чихиртма</h4> <h4>Чихиртма</h4>
<p class="desc">Куриный суп с яйцом</p> <p class="desc">Куриный суп с яйцом</p>
@ -171,7 +221,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?mushroom+soup" alt="Грибной"> <img src="https://loremflickr.com/400/300/mushroom,soup" alt="Грибной">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Грибной суп</h4> <h4>Грибной суп</h4>
<p class="desc">Ароматный суп из шампиньонов</p> <p class="desc">Ароматный суп из шампиньонов</p>
@ -181,11 +231,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="category"> <div class="category" id="hot">
<h3>🥘 Горячие блюда</h3> <h3>🥘 Горячие блюда</h3>
<div class="menu-grid"> <div class="menu-grid">
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?khinkali" alt="Хинкали"> <img src="https://loremflickr.com/400/300/khinkali,dumpling" alt="Хинкали">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Хинкали (5 шт)</h4> <h4>Хинкали (5 шт)</h4>
<p class="desc">С говядиной и свининой, сочные</p> <p class="desc">С говядиной и свининой, сочные</p>
@ -193,7 +243,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?chicken+tabaka" alt="Цыпленок"> <img src="https://loremflickr.com/400/300/roasted,chicken" alt="Цыпленок">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Цыпленок табака</h4> <h4>Цыпленок табака</h4>
<p class="desc">Жареный цыпленок под прессом</p> <p class="desc">Жареный цыпленок под прессом</p>
@ -201,7 +251,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?beef+stew" alt="Оджахури"> <img src="https://loremflickr.com/400/300/beef,potato" alt="Оджахури">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Оджахури</h4> <h4>Оджахури</h4>
<p class="desc">Мясо с картофелем по-домашнему</p> <p class="desc">Мясо с картофелем по-домашнему</p>
@ -209,7 +259,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?lamb+chops" alt="Котлеты"> <img src="https://loremflickr.com/400/300/chicken,cutlet" alt="Котлеты">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Котлеты по-киевски</h4> <h4>Котлеты по-киевски</h4>
<p class="desc">Куриные с маслом внутри</p> <p class="desc">Куриные с маслом внутри</p>
@ -217,7 +267,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?fish+dish" alt="Рыба"> <img src="https://loremflickr.com/400/300/salmon,grilled" alt="Рыба">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Рыба на гриле</h4> <h4>Рыба на гриле</h4>
<p class="desc">Стейк лосося с овощами</p> <p class="desc">Стейк лосося с овощами</p>
@ -227,11 +277,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="category"> <div class="category" id="mangal">
<h3>🍖 Мангал</h3> <h3>🍖 Мангал</h3>
<div class="menu-grid"> <div class="menu-grid">
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?shashlik" alt="Шашлык"> <img src="https://loremflickr.com/400/300/shashlik,meat" alt="Шашлык">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Шашлык из свинины</h4> <h4>Шашлык из свинины</h4>
<p class="desc">На углях, с луком и лавашом</p> <p class="desc">На углях, с луком и лавашом</p>
@ -239,7 +289,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?lula+kebab" alt="Люля-кебаб"> <img src="https://loremflickr.com/400/300/lula,kebab" alt="Люля-кебаб">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Люля-кебаб</h4> <h4>Люля-кебаб</h4>
<p class="desc">Из баранины с зеленью</p> <p class="desc">Из баранины с зеленью</p>
@ -247,7 +297,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?pork+ribs" alt="Рёбрышки"> <img src="https://loremflickr.com/400/300/pork,ribs" alt="Рёбрышки">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Свиные рёбрышки</h4> <h4>Свиные рёбрышки</h4>
<p class="desc">Томлёные в медовом соусе</p> <p class="desc">Томлёные в медовом соусе</p>
@ -255,7 +305,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?lamb+kebab" alt="Шашлык из баранины"> <img src="https://loremflickr.com/400/300/lamb,grilled" alt="Шашлык из баранины">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Шашлык из баранины</h4> <h4>Шашлык из баранины</h4>
<p class="desc">Нежная баранина на углях</p> <p class="desc">Нежная баранина на углях</p>
@ -265,11 +315,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="category"> <div class="category" id="bakery">
<h3>🥟 Выпечка</h3> <h3>🥟 Выпечка</h3>
<div class="menu-grid"> <div class="menu-grid">
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?khachapuri+imeretian" alt="Имеретинский"> <img src="https://loremflickr.com/400/300/khachapuri,imeretian" alt="Имеретинский">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Хачапури имеретинский</h4> <h4>Хачапури имеретинский</h4>
<p class="desc">Круглый с сыром внутри</p> <p class="desc">Круглый с сыром внутри</p>
@ -277,7 +327,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?khachapuri+megrelian" alt="Мегрельский"> <img src="https://loremflickr.com/400/300/khachapuri,cheese" alt="Мегрельский">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Хачапури мегрельский</h4> <h4>Хачапури мегрельский</h4>
<p class="desc">С двойным сыром сверху</p> <p class="desc">С двойным сыром сверху</p>
@ -285,7 +335,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?lobiani" alt="Лобиани"> <img src="https://loremflickr.com/400/300/lobiani,bean" alt="Лобиани">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Лобиани</h4> <h4>Лобиани</h4>
<p class="desc">Закрытый пирог с фасолью</p> <p class="desc">Закрытый пирог с фасолью</p>
@ -293,7 +343,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?khachapuri" alt="Ачма"> <img src="https://loremflickr.com/400/300/achma,pie" alt="Ачма">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Ачма</h4> <h4>Ачма</h4>
<p class="desc">Многослойный пирог с сыром</p> <p class="desc">Многослойный пирог с сыром</p>
@ -303,11 +353,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="category"> <div class="category" id="desserts">
<h3>🍰 Десерты</h3> <h3>🍰 Десерты</h3>
<div class="menu-grid"> <div class="menu-grid">
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?churchkhela" alt="Чурчхела"> <img src="https://loremflickr.com/400/300/churchkhela,georgian" alt="Чурчхела">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Чурчхела</h4> <h4>Чурчхела</h4>
<p class="desc">Орехи в виноградном соке</p> <p class="desc">Орехи в виноградном соке</p>
@ -315,7 +365,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?baklava" alt="Пахлава"> <img src="https://loremflickr.com/400/300/baklava,sweet" alt="Пахлава">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Пахлава грузинская</h4> <h4>Пахлава грузинская</h4>
<p class="desc">Слоёная с орехами и мёдом</p> <p class="desc">Слоёная с орехами и мёдом</p>
@ -323,7 +373,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?pelamushi" alt="Пеламуши"> <img src="https://loremflickr.com/400/300/pelamushi,pudding" alt="Пеламуши">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Пеламуши</h4> <h4>Пеламуши</h4>
<p class="desc">Виноградный пудинг</p> <p class="desc">Виноградный пудинг</p>
@ -333,11 +383,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="category"> <div class="category" id="drinks">
<h3>🍷 Напитки</h3> <h3>🍷 Напитки</h3>
<div class="menu-grid"> <div class="menu-grid">
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?red+wine" alt="Вино"> <img src="https://loremflickr.com/400/300/red,wine" alt="Вино">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Вино домашнее (бокал)</h4> <h4>Вино домашнее (бокал)</h4>
<p class="desc">Красное / белое / полусладкое</p> <p class="desc">Красное / белое / полусладкое</p>
@ -345,7 +395,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?lemonade" alt="Лимонад"> <img src="https://loremflickr.com/400/300/lemonade,drink" alt="Лимонад">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Лимонад домашний</h4> <h4>Лимонад домашний</h4>
<p class="desc">Тархун / цитрус / ягоды (0.5л)</p> <p class="desc">Тархун / цитрус / ягоды (0.5л)</p>
@ -353,7 +403,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?georgian+tea" alt="Чай"> <img src="https://loremflickr.com/400/300/tea,georgian" alt="Чай">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Чай грузинский</h4> <h4>Чай грузинский</h4>
<p class="desc">Зелёный / чёрный с чабером</p> <p class="desc">Зелёный / чёрный с чабером</p>
@ -361,7 +411,7 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
<img src="https://images.unsplash.com/400x300/?coffee" alt="Кофе"> <img src="https://loremflickr.com/400/300/coffee,turkish" alt="Кофе">
<div class="menu-item-content"> <div class="menu-item-content">
<h4>Кофе по-восточному</h4> <h4>Кофе по-восточному</h4>
<p class="desc">В турке, с кардамоном</p> <p class="desc">В турке, с кардамоном</p>
@ -375,8 +425,9 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
<section class="service-notice"> <section class="service-notice">
<div class="container"> <div class="container">
<p>💝 Обслуживание включено в счёт: <span class="highlight">10%</span></p> <p>💝 Обслуживание включено в счёт</p>
<p style="margin-top:12px;opacity:0.8;font-size:16px">Спасибо, что выбрали нас!</p> <span class="highlight">10%</span>
<p style="margin-top:20px;opacity:0.8;font-size:16px">Спасибо, что выбрали нас!</p>
</div> </div>
</section> </section>
@ -384,8 +435,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
<div class="container"> <div class="container">
<h3>🍷 Генацвале</h3> <h3>🍷 Генацвале</h3>
<p class="contact">📍 г.Астана, ул.Достык 16</p> <p class="contact">📍 г.Астана, ул.Достык 16</p>
<p class="contact">📞 <a href="tel:+77083011539" style="color:var(--gold);text-decoration:none">7083011539</a></p> <p class="contact">📞 <a href="tel:+77083011539">7083011539</a></p>
<p style="margin-top:32px;opacity:0.6;font-size:14px">Ждём вас каждый день с 10:00 до 23:00</p> <div class="footer-hours">
<p>⏰ Режим работы: ежедневно с 10:00 до 23:00</p>
<p style="margin-top:12px;font-size:14px">Бронь столо по телефону</p>
</div>
</div> </div>
</footer> </footer>
</body> </body>