mirror of
https://github.com/EDeev/web-tech.git
synced 2026-06-15 19:11:07 +03:00
207 lines
No EOL
12 KiB
HTML
207 lines
No EOL
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="icon" href="https://deev.space/media/favicon.ico" type="image/x-icon">
|
||
<title>ЭкоЛанч - Доставка здоровых бизнес-ланчей в Москве</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="styles/styles.css">
|
||
</head>
|
||
<body>
|
||
<nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top shadow-sm">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="index.html">
|
||
<span class="brand-icon">🌿</span>
|
||
<span class="brand-eco">Эко</span><span class="brand-lunch">Ланч</span>
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item">
|
||
<a class="nav-link active" href="index.html">Главная</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="templates/menu.html">Собрать ланч</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="templates/order.html">Оформить заказ</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="templates/orders.html">Мои заказы</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="templates/delivery.html">Доставка</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="templates/about.html">О нас</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#contacts">Контакты</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<section class="hero-section">
|
||
<div class="container">
|
||
<div class="row align-items-center min-vh-100">
|
||
<div class="col-lg-6 mb-5 mb-lg-0">
|
||
<h1 class="display-4 fw-bold mb-4">Здоровое питание для вашего офиса</h1>
|
||
<p class="lead mb-4">ЭкоЛанч доставляет свежие и полезные бизнес-ланчи прямо в ваш офис. Сбалансированное меню, быстрая доставка и забота о вашем здоровье.</p>
|
||
<div class="d-flex flex-column flex-sm-row gap-3">
|
||
<a href="templates/menu.html" class="btn btn-primary btn-lg">Собрать ланч</a>
|
||
<a href="#advantages" class="btn btn-outline-primary btn-lg">Узнать больше</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<img src="img/main.jpg" alt="Здоровая еда" class="img-fluid rounded-4 shadow-lg">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="advantages" class="advantages-section py-5">
|
||
<div class="container">
|
||
<div class="row mb-5">
|
||
<div class="col-lg-8 mx-auto text-center">
|
||
<h2 class="display-5 fw-bold mb-3">Почему выбирают нас</h2>
|
||
<p class="lead text-muted">Мы предлагаем лучшие условия для здорового питания вашей команды</p>
|
||
</div>
|
||
</div>
|
||
<div class="row g-4">
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="advantage-card text-center p-4 h-100">
|
||
<div class="advantage-icon mb-3">⚡</div>
|
||
<h4 class="fw-bold mb-3">Быстрая доставка</h4>
|
||
<p class="text-muted">Доставляем в течение 60 минут по всей Москве в пределах МКАД</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="advantage-card text-center p-4 h-100">
|
||
<div class="advantage-icon mb-3">🥗</div>
|
||
<h4 class="fw-bold mb-3">Свежие продукты</h4>
|
||
<p class="text-muted">Готовим каждое утро из качественных продуктов от проверенных поставщиков</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="advantage-card text-center p-4 h-100">
|
||
<div class="advantage-icon mb-3">💚</div>
|
||
<h4 class="fw-bold mb-3">Сбалансированное меню</h4>
|
||
<p class="text-muted">Меню разработано профессиональными диетологами</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="advantage-card text-center p-4 h-100">
|
||
<div class="advantage-icon mb-3">♻️</div>
|
||
<h4 class="fw-bold mb-3">Эко-упаковка</h4>
|
||
<p class="text-muted">Используем биоразлагаемую упаковку, заботимся о планете</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="advantage-card text-center p-4 h-100">
|
||
<div class="advantage-icon mb-3">💰</div>
|
||
<h4 class="fw-bold mb-3">Гибкие цены</h4>
|
||
<p class="text-muted">Система скидок для корпоративных клиентов и постоянных заказчиков</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="advantage-card text-center p-4 h-100">
|
||
<div class="advantage-icon mb-3">👨🍳</div>
|
||
<h4 class="fw-bold mb-3">Опытные повара</h4>
|
||
<p class="text-muted">Профессиональные повара с многолетним опытом</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="cta-section py-5">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8 text-center">
|
||
<h2 class="display-5 fw-bold mb-4">Готовы попробовать здоровое питание?</h2>
|
||
<p class="lead mb-4">Соберите свой идеальный ланч прямо сейчас. Выберите блюда из нашего меню и оформите заказ всего за несколько минут.</p>
|
||
<a href="templates/menu.html" class="btn btn-light btn-lg px-5">Собрать ланч сейчас</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contacts" class="contacts-section py-5">
|
||
<div class="container">
|
||
<div class="row mb-5">
|
||
<div class="col-lg-8 mx-auto text-center">
|
||
<h2 class="display-5 fw-bold mb-3">Свяжитесь с нами</h2>
|
||
<p class="lead text-muted">Есть вопросы? Напишите нам, и мы обязательно ответим</p>
|
||
</div>
|
||
</div>
|
||
<div class="row g-5">
|
||
<div class="col-lg-6">
|
||
<h4 class="fw-bold mb-4">Контактная информация</h4>
|
||
<div class="contact-info">
|
||
<div class="contact-item mb-3">
|
||
<strong>Телефон:</strong>
|
||
<a href="tel:+79993737737">+7 (999) 373-77-37</a>
|
||
</div>
|
||
<div class="contact-item mb-3">
|
||
<strong>Email:</strong>
|
||
<a href="mailto:egor@deev.space">egor@deev.space</a>
|
||
</div>
|
||
<div class="contact-item mb-3">
|
||
<strong>Адрес:</strong>
|
||
<span>г. Москва, ул. Михалковская, д. 7, к. 1</span>
|
||
</div>
|
||
<div class="contact-item mb-3">
|
||
<strong>Режим работы:</strong>
|
||
<span>Пн-Пт с 7:00 до 23:00</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<h4 class="fw-bold mb-4">Форма обратной связи</h4>
|
||
<form id="contact-form">
|
||
<div class="mb-3">
|
||
<label for="contact-name" class="form-label">Имя</label>
|
||
<input type="text" class="form-control" id="contact-name" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="contact-email" class="form-label">Email</label>
|
||
<input type="email" class="form-control" id="contact-email" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="contact-phone" class="form-label">Телефон</label>
|
||
<input type="tel" class="form-control" id="contact-phone">
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="contact-message" class="form-label">Сообщение</label>
|
||
<textarea class="form-control" id="contact-message" rows="4" required></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary w-100">Отправить сообщение</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer id="contacts" class="footer py-4">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-info">
|
||
<div class="footer-row footer-title">
|
||
© 2024 ЭкоЛанч. Все права защищены.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
</body>
|
||
</html> |