/
hellok1tta
/
html-css
Обзор
Документация
Войти
/
hellok1tta
/
html-css
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
frontend/cart.html
203 строки
9 KB
hellok1tta
upload files
20 дек 2025, 12:41
20 дек 2025, 12:41
b528fd7
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Корзина</title> <style> @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Unbounded:wght@200..900&display=swap'); </style> <link rel="stylesheet" href="assets/css/main.css"> <link rel="website icon" type="png" href="assets/img/H.png"> </head> <body> <header> <nav> <div class="logo"> <a href="index.html"><img src="assets/img/Heaven.png" alt="лого"></a> </div> <div class="menu"> <a class="menu-btn" href="menu.html">Меню</a> <a class="menu-btn" href="promotions.html">Акции</a> <a class="menu-btn" href="workshops.html">Мастер-классы</a> <a class="menu-btn" href="contacts.html">Контакты</a> <a class="a-btn" href="account.html">Личный Кабинет</a> <a class="a-btn cart-btn" href="cart.html"> 🛒 <span id="cartCount" class="cart-count">0</span> </a> </div> <button class="burger-menu" id="burgerMenu" aria-label="Открыть меню"> <span></span> <span></span> <span></span> </button> </nav> <div class="mobile-menu-overlay" id="mobileMenuOverlay"></div> <div class="mobile-menu" id="mobileMenu"> <div class="mobile-menu-header"> <a href="index.html" class="mobile-logo"> <img src="assets/img/Heaven.png" alt="Heaven"> </a> </div> <div class="mobile-menu-content"> <a class="mobile-menu-link" href="menu.html">Меню</a> <a class="mobile-menu-link" href="promotions.html">Акции</a> <a class="mobile-menu-link" href="workshops.html">Мастер-классы</a> <a class="mobile-menu-link" href="contacts.html">Контакты</a> <div class="mobile-menu-buttons"> <a class="a-btn mobile-account-btn" href="account.html"> Личный Кабинет </a> <a class="a-btn mobile-cart-btn" href="cart.html"> Корзина <span id="mobileCartCount" class="cart-count">0</span> </a> </div> </div> </div> </header> <main class="cart-main"> <div class="cart-container"> <nav class="breadcrumbs"> <a href="index.html">Главная</a> > <span>Корзина</span> </nav> <div class="cart-wrapper"> <div class="cart-items-section"> <div class="cart-header"> <h2>Товары в корзине</h2> <button id="clearCartBtn" class="clear-cart-btn">Очистить корзину</button> </div> <div id="emptyCart" class="empty-cart"> <div class="empty-cart-content"> <div class="empty-cart-icon">🛒</div> <h3>Ваша корзина пуста</h3> <p>Добавьте товары из меню, чтобы сделать заказ</p> <a href="menu.html" class="a-btn">Перейти в меню</a> </div> </div> <div id="cartItems" class="cart-items"> </div> </div> <div class="cart-summary-section"> <div class="order-summary"> <h2>Заказ</h2> <div class="summary-row"> <span>Товары (0)</span> <span id="itemsSubtotal">0 ₽</span> </div> <div class="summary-row"> <span>Скидка</span> <span id="discountAmount">-0 ₽</span> </div> <div class="summary-row delivery-row"> <span>Доставка</span> <div class="delivery-options"> <label> <input type="radio" name="delivery" value="pickup" checked> Самовывоз <span class="delivery-price">Бесплатно</span> </label> <label> <input type="radio" name="delivery" value="delivery"> Доставка <span class="delivery-price">250 ₽</span> </label> </div> </div> <div class="summary-total"> <span>Итого</span> <span id="totalAmount">0 ₽</span> </div> <div id="deliveryNotification" class="delivery-notification" style="display: none;"> </div> <button id="checkoutBtn" class="checkout-btn" disabled> Перейти к оформлению </button> <div class="promo-code"> <h3>Промокод</h3> <div class="promo-input-group"> <input type="text" id="promoCode" placeholder="Введите промокод"> <button id="applyPromoBtn" class="apply-promo-btn">Применить</button> </div> <div id="promoMessage" class="promo-message"></div> <div class="promo-info-section" id="promoInfo"> </div> </div> </div> <div class="delivery-info"> <h3>Информация о доставке</h3> <div class="info-card"> <p><strong>Самовывоз:</strong> г. Ростов-на-Дону, ул. Текучёва, 139а</p> <p><strong>Время работы:</strong> Пн-Пт: 8:00-22:00, Сб-Вс: 9:00-23:00</p> <p><strong>Минимальный заказ:</strong> 300 ₽</p> <p><strong>Бесплатная доставка:</strong> от 1000 ₽</p> </div> </div> </div> </div> </div> </main> <section class="recommendations-section"> <h2>Рекомендуем попробовать</h2> <div class="recommendations-grid" id="recommendationsGrid"> </div> </section> <footer> <div class="footer-container"> <div class="footer-content"> <div class="footer-column animate-on-scroll fade-in-up"> <h3>Кофейня Heaven</h3> <p>Ваш уголок рая на земле</p> </div> <div class="footer-column animate-on-scroll fade-in-up"> <h3>Контакты</h3> <ul> <li>Ростов-на-Дону, ул. Текучёва, 139а</li> <li>+7 (999) 123-45-67</li> <li>info@heaven-coffee.ru</li> </ul> </div> <div class="footer-column animate-on-scroll fade-in-up"> <h3>Часы работы</h3> <ul> <li>Пн-Пт: 8:00 - 22:00</li> <li>Сб-Вс: 9:00 - 23:00</li> </ul> </div> </div> <p class="copyright">2025 Heaven | Создано с <i class="fas fa-heart" style="color: #ffffff;"></i> для ценителей кофе</p> </div> </footer> <script src="/assets/js/cart.js"></script> <script src="/assets/js/burger-menu.js"></script> <script src="/assets/js/cart-counter.js"></script> <script src="/assets/js/car-animation.js"></script> <script src="assets/js/animations.js"></script> </body> </html>