275 lines
11 KiB
HTML
275 lines
11 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Алтын Дастархан — Казахский ресторан</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<nav class="nav container">
|
||
<div class="logo">Алтын Дастархан</div>
|
||
<ul class="nav-links">
|
||
<li><a href="#about">О нас</a></li>
|
||
<li><a href="#menu">Меню</a></li>
|
||
<li><a href="#promo">Акции</a></li>
|
||
<li><a href="#contacts">Контакты</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<section class="hero">
|
||
<div class="hero-overlay"></div>
|
||
<div class="hero-content container">
|
||
<h1>Алтын Дастархан</h1>
|
||
<p class="hero-subtitle">Настоящая казахская кухня в сердце города</p>
|
||
<a href="#menu" class="btn">Смотреть меню</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about" class="about section">
|
||
<div class="container about-grid">
|
||
<div class="about-image">
|
||
<img src="4884.jpg" alt="Интерьер ресторана">
|
||
</div>
|
||
<div class="about-text">
|
||
<h2>Добро пожаловать!</h2>
|
||
<p>Ресторан «Алтын Дастархан» — это место, где оживают традиции казахского гостеприимства. Мы бережно храним рецепты, которые передавались из поколения в поколение, и создаём атмосферу настоящего казахского той.</p>
|
||
<p>Наши повара готовят из свежих местных продуктов, используя традиционные методы приготовления. Каждое блюдо — это произведение искусства, наполненное вкусом степных просторов.</p>
|
||
<div class="features">
|
||
<div class="feature">
|
||
<span class="feature-icon">🍖</span>
|
||
<span>Традиционные рецепты</span>
|
||
</div>
|
||
<div class="feature">
|
||
<span class="feature-icon">🎵</span>
|
||
<span>Живая музыка по выходным</span>
|
||
</div>
|
||
<div class="feature">
|
||
<span class="feature-icon">👨👩👧👦</span>
|
||
<span>Семейная атмосфера</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="menu" class="menu section">
|
||
<div class="container">
|
||
<h2 class="section-title">Наше меню</h2>
|
||
|
||
<div class="menu-category">
|
||
<h3 class="category-title">🍖 Горячие блюда</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Бешбармак классический</h4>
|
||
<span class="price">3 200 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Традиционное блюдо из отварного мяса с лапшой и луковым соусом</p>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Бауырсаки с медом</h4>
|
||
<span class="price">890 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Свежие жареные пампушки с медом или сгущёнкой</p>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Казы-карта</h4>
|
||
<span class="price">4 500 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Деликатес из конины, приготовленный по старинному рецепту</p>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Куырдак</h4>
|
||
<span class="price">2 800 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Жаркое из мяса с картофелем и луком</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="menu-category">
|
||
<h3 class="category-title">🍲 Супы</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Сорпа</h4>
|
||
<span class="price">1 800 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Наваристый бульон из баранины с овощами</p>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Кеспе</h4>
|
||
<span class="price">1 600 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Домашняя лапша на мясном бульоне</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="menu-category">
|
||
<h3 class="category-title">🥟 Закуски</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Ассорти каза</h4>
|
||
<span class="price">5 200 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Шужык, казы, жая, жал — традиционные мясные деликатесы</p>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Катык</h4>
|
||
<span class="price">650 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Кисломолочный напиток по домашнему рецепту</p>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Иримшик</h4>
|
||
<span class="price">720 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Сушеный творог с изюмом</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="menu-category">
|
||
<h3 class="category-title">🍵 Напитки</h3>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Чай с молоком</h4>
|
||
<span class="price">450 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Крепкий чёрный чай со свежим молоком</p>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Шубат</h4>
|
||
<span class="price">890 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Кисломолочный напиток из верблюжьего молока</p>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="item-header">
|
||
<h4>Компот из сухофруктов</h4>
|
||
<span class="price">550 ₸</span>
|
||
</div>
|
||
<p class="item-desc">Домашний компот по традиционному рецепту</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="promo" class="promo section">
|
||
<div class="container">
|
||
<h2 class="section-title">Акции и скидки</h2>
|
||
|
||
<div class="promo-grid">
|
||
<div class="promo-card">
|
||
<div class="promo-badge">−15%</div>
|
||
<h3>Обеденное время</h3>
|
||
<p class="promo-time">Пн-Пт, 12:00 - 15:00</p>
|
||
<p>Скидка 15% на все блюда меню в обеденное время</p>
|
||
</div>
|
||
|
||
<div class="promo-card featured">
|
||
<div class="promo-badge hot">🔥 ХИТ</div>
|
||
<h3>Семейный той</h3>
|
||
<p class="promo-time">По выходным</p>
|
||
<p>Закажите банкет от 50 000 ₸ — живая музыка в подарок!</p>
|
||
</div>
|
||
|
||
<div class="promo-card">
|
||
<div class="promo-badge">−20%</div>
|
||
<h3>День рождения</h3>
|
||
<p class="promo-time">В ваш праздник</p>
|
||
<p>Скидка 20% имениннику и специальное поздравление от шефа</p>
|
||
</div>
|
||
|
||
<div class="promo-card">
|
||
<div class="promo-badge">🎁</div>
|
||
<h3>Бауырсаки в подарок</h3>
|
||
<p class="promo-time">Каждый день</p>
|
||
<p>При заказе любого горячего блюда — бауырсаки с медом бесплатно</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="loyalty-program">
|
||
<h3>💎 Программа лояльности</h3>
|
||
<p>Станьте постоянным гостем «Алтын Дастархан» и получайте кэшбэк 10% с каждого заказа. Накопленные баллы можно обменять на любые блюда из меню.</p>
|
||
<a href="#contacts" class="btn btn-outline">Узнать подробнее</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contacts" class="contacts section">
|
||
<div class="container">
|
||
<h2 class="section-title">Контакты</h2>
|
||
|
||
<div class="contacts-grid">
|
||
<div class="contact-info">
|
||
<div class="contact-item">
|
||
<span class="contact-icon">📍</span>
|
||
<div>
|
||
<h4>Адрес</h4>
|
||
<p>г. Алматы, ул. Абая, 42</p>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<span class="contact-icon">📞</span>
|
||
<div>
|
||
<h4>Телефон</h4>
|
||
<p><a href="tel:+77271234567">+7 (727) 123-45-67</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<span class="contact-icon">⏰</span>
|
||
<div>
|
||
<h4>Режим работы</h4>
|
||
<p>Пн-Чт: 11:00 - 23:00<br>Пт-Сб: 11:00 - 00:00<br>Вс: 11:00 - 23:00</p>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<span class="contact-icon">✉️</span>
|
||
<div>
|
||
<h4>Email</h4>
|
||
<p><a href="mailto:info@altyn-dastarkhan.kz">info@altyn-dastarkhan.kz</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="contact-form-wrapper">
|
||
<h3>Забронировать стол</h3>
|
||
<form class="contact-form" id="reservationForm">
|
||
<input type="text" placeholder="Ваше имя" required>
|
||
<input type="tel" placeholder="Телефон" required>
|
||
<input type="number" placeholder="Количество гостей" min="1" max="20" required>
|
||
<input type="datetime-local" required>
|
||
<textarea placeholder="Пожелания (необязательно)" rows="3"></textarea>
|
||
<button type="submit" class="btn">Забронировать</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<p>© 2026 Ресторан «Алтын Дастархан». Все права защищены.</p>
|
||
<p class="footer-note">Добро пожаловать в дом казахского гостеприимства!</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|