mirror of
https://github.com/EDeev/web-tech.git
synced 2026-06-15 19:11:07 +03:00
180 lines
9.2 KiB
HTML
180 lines
9.2 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 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.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>ЭкоЛанч</h1>
|
||
<nav>
|
||
<a href="index.html">Главная</a>
|
||
<a href="menu.html" id="active">Собрать ланч</a>
|
||
<a href="delivery.html">Доставка</a>
|
||
<a href="about.html">О нас</a>
|
||
<a href="#contacts">Контакты</a>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<section>
|
||
<h2>Супы</h2>
|
||
<div class="dishes-grid">
|
||
<div class="dish-card">
|
||
<img src="img\soup\tomato-soup.jpg" alt="Томатный суп">
|
||
<p class="dish-price">250 руб.</p>
|
||
<p class="dish-name">Томатный крем-суп</p>
|
||
<p class="dish-weight">300 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\soup\chicken-noodle-soup.jpg" alt="Куриный бульон">
|
||
<p class="dish-price">220 руб.</p>
|
||
<p class="dish-name">Куриный бульон с лапшой</p>
|
||
<p class="dish-weight">350 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\soup\pumpkin-soup.jpg" alt="Тыквенный суп">
|
||
<p class="dish-price">270 руб.</p>
|
||
<p class="dish-name">Тыквенный суп с имбирем</p>
|
||
<p class="dish-weight">300 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\soup\mushroom-soup.jpg" alt="Грибной суп">
|
||
<p class="dish-price">280 руб.</p>
|
||
<p class="dish-name">Грибной крем-суп</p>
|
||
<p class="dish-weight">300 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\soup\minestrone-soup.jpg" alt="Минестроне">
|
||
<p class="dish-price">260 руб.</p>
|
||
<p class="dish-name">Итальянский суп минестроне</p>
|
||
<p class="dish-weight">350 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\soup\beet-soup.jpg" alt="Борщ">
|
||
<p class="dish-price">240 руб.</p>
|
||
<p class="dish-name">Традиционный борщ</p>
|
||
<p class="dish-weight">350 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Главные блюда</h2>
|
||
<div class="dishes-grid">
|
||
<div class="dish-card">
|
||
<img src="img\main-dishes\grilled-chicken-vegetables.jpg" alt="Куриная грудка">
|
||
<p class="dish-price">450 руб.</p>
|
||
<p class="dish-name">Куриная грудка с овощами гриль</p>
|
||
<p class="dish-weight">350 г</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\main-dishes\salmon-quinoa-avocado.jpg" alt="Лосось">
|
||
<p class="dish-price">620 руб.</p>
|
||
<p class="dish-name">Лосось с киноа и авокадо</p>
|
||
<p class="dish-weight">380 г</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\main-dishes\beef-salad.jpg" alt="Говядина">
|
||
<p class="dish-price">490 руб.</p>
|
||
<p class="dish-name">Теплый салат с говядиной</p>
|
||
<p class="dish-weight">320 г</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\main-dishes\vegan-bowl-chickpeas.jpg" alt="Веганский боул">
|
||
<p class="dish-price">390 руб.</p>
|
||
<p class="dish-name">Веганский боул с нутом</p>
|
||
<p class="dish-weight">350 г</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\main-dishes\seafood-pasta.jpg" alt="Паста">
|
||
<p class="dish-price">550 руб.</p>
|
||
<p class="dish-name">Паста с морепродуктами</p>
|
||
<p class="dish-weight">330 г</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\main-dishes\teriyaki-chicken-noodles.jpg" alt="Рисовая лапша">
|
||
<p class="dish-price">420 руб.</p>
|
||
<p class="dish-name">Рисовая лапша с курицей терияки</p>
|
||
<p class="dish-weight">340 г</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Напитки</h2>
|
||
<div class="dishes-grid">
|
||
<div class="dish-card">
|
||
<img src="img\drinks\orange-juice.jpg" alt="Апельсиновый сок">
|
||
<p class="dish-price">150 руб.</p>
|
||
<p class="dish-name">Свежевыжатый апельсиновый сок</p>
|
||
<p class="dish-weight">300 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\drinks\spinach-smoothie.jpg" alt="Зеленый смузи">
|
||
<p class="dish-price">180 руб.</p>
|
||
<p class="dish-name">Зеленый смузи с шпинатом</p>
|
||
<p class="dish-weight">350 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\drinks\berry-juice.jpg" alt="Ягодный морс">
|
||
<p class="dish-price">120 руб.</p>
|
||
<p class="dish-name">Ягодный морс</p>
|
||
<p class="dish-weight">300 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\drinks\ginger-lemonade.jpg" alt="Имбирный лимонад">
|
||
<p class="dish-price">140 руб.</p>
|
||
<p class="dish-name">Имбирный лимонад</p>
|
||
<p class="dish-weight">300 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\drinks\mango-smoothie.jpg" alt="Манго-маракуйя">
|
||
<p class="dish-price">170 руб.</p>
|
||
<p class="dish-name">Смузи манго-маракуйя</p>
|
||
<p class="dish-weight">350 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
<div class="dish-card">
|
||
<img src="img\drinks\water.jpg" alt="Минеральная вода">
|
||
<p class="dish-price">80 руб.</p>
|
||
<p class="dish-name">Минеральная вода</p>
|
||
<p class="dish-weight">500 мл</p>
|
||
<button>Добавить</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer id="contacts">
|
||
<p><b>Контактная информация</b></p>
|
||
<p>Телефон: <a href="tel:+79993737737">+7 (999) 373-77-37</a></p>
|
||
<p>Email: <a href="mailto:egor@deev.space">egor@deev.space</a></p>
|
||
<p>Адрес: г. Москва, ул. Михалковская, д. 7, к. 1, офис 813А</p>
|
||
<p>Режим работы: Пн-Пт с 8:00 до 20:00</p>
|
||
</footer>
|
||
</body>
|
||
|
||
</html>
|