/
hellok1tta
/
html-css
Обзор
Документация
Войти
/
hellok1tta
/
html-css
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
frontend/product.html
182 строки
8 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="product-main"> <div class="product-container"> <nav class="breadcrumbs"> <a href="index.html">Главная</a> > <a href="menu.html">Меню</a> > <span id="productCategory">Товар</span> </nav> <section class="product-info"> <div class="product-gallery"> <img id="productImage" src="" alt="Товар" class="main-image"> </div> <div class="product-details"> <h1 id="productName">Название товара</h1> <div class="product-price" id="productPrice">0 ₽</div> <div class="product-rating"> <div class="stars" id="productRating"> ★★★★★ </div> <span class="rating-text" id="ratingText">(0 отзывов)</span> </div> <p class="product-description" id="productDescription">Описание товара</p> <div class="product-actions"> <button class="add-to-cart-btn">Добавить в корзину</button> <button class="favorite-btn">В избранное</button> </div> <div class="product-meta"> <div class="meta-item"> <strong>Категория:</strong> <span id="productCategoryName">-</span> </div> <div class="meta-item"> <strong>Доступность:</strong> <span class="in-stock">В наличии</span> </div> </div> </div> </section> <section class="reviews-section"> <div class="reviews-header"> <h2>Отзывы о товаре</h2> <div class="reviews-stats"> <div class="average-rating"> <span id="averageRating">0.0</span>/5 </div> <div class="reviews-count" id="reviewsCount">0 отзывов</div> </div> </div> <div class="add-review-form"> <h3>Оставить отзыв</h3> <form id="reviewForm"> <div class="form-group"> <label>Ваша оценка:</label> <div class="star-rating"> <input type="radio" id="star5" name="rating" value="5"> <label for="star5">★</label> <input type="radio" id="star4" name="rating" value="4"> <label for="star4">★</label> <input type="radio" id="star3" name="rating" value="3"> <label for="star3">★</label> <input type="radio" id="star2" name="rating" value="2"> <label for="star2">★</label> <input type="radio" id="star1" name="rating" value="1"> <label for="star1">★</label> </div> </div> <div class="form-group"> <textarea id="reviewText" placeholder="Напишите ваш отзыв..." required></textarea> </div> <button type="submit" class="a-btn">Отправить отзыв</button> </form> </div> <div class="reviews-list" id="reviewsList"> </div> </section> </div> </main> <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/product.js"></script> <script src="/assets/js/burger-menu.js"></script> <script src="/assets/js/cart-counter.js"></script> <script src="assets/js/animations.js"></script> </body> </html>