Add .gitignore and project files
This commit is contained in:
kirill.khorkov
237
страница_товара.php
Normal file
237
страница_товара.php
Normal file
@@ -0,0 +1,237 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>AETERNA - Стул Ender</title>
|
||||
<link rel="stylesheet/less" type="text/css" href="style_for_cite.less">
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/less"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
||||
<script src="check_auth.js"></script>
|
||||
<style>
|
||||
/* Стили для блокировки доступа */
|
||||
.link-disabled {
|
||||
cursor: not-allowed !important;
|
||||
opacity: 0.7 !important;
|
||||
pointer-events: none !important;
|
||||
}
|
||||
|
||||
.auth-required {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.auth-required::after {
|
||||
content: "🔒";
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
right: -10px;
|
||||
font-size: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="header">
|
||||
<div class="header__top">
|
||||
<div class="container header__top-content">
|
||||
<div class="logo">AETERNA</div>
|
||||
|
||||
<div class="search-catalog">
|
||||
<div class="catalog-dropdown">
|
||||
Все категории <span>▼</span>
|
||||
<div class="catalog-dropdown__menu">
|
||||
<ul>
|
||||
<li><a href="#">Диваны</a></li>
|
||||
<li><a href="#">Кровати</a></li>
|
||||
<li><a href="#">Шкафы</a></li>
|
||||
<li><a href="#">Стулья</a></li>
|
||||
<li><a href="#">Столы</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<input type="text" placeholder="Поиск товаров">
|
||||
<span class="search-icon"><i class="fas fa-search"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header__icons--top">
|
||||
|
||||
<a href="оформление_заказа.php" class="icon"><i class="fas fa-shopping-cart"></i></a>
|
||||
<a href="профиль.php" class="icon"><i class="far fa-user"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header__bottom">
|
||||
<div class="container header__bottom-content">
|
||||
<div class="catalog-menu">
|
||||
<a href="catalog.php" class="catalog-link active-catalog">
|
||||
<div class="catalog-icon">
|
||||
<span class="line"></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
<span class="catalog-lines">☰</span>
|
||||
Каталог
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="nav">
|
||||
<ul class="nav-list">
|
||||
<li><a href="cite_mebel.php">Главная</a></li>
|
||||
<li><a href="услуги.php">Услуги</a></li>
|
||||
<li><a href="Доставка.php">Доставка и оплата</a></li>
|
||||
<li><a href="Гарантия.php">Гарантия</a></li>
|
||||
<li><a href="#footer">Контакты</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="header-phone">+7(912)999-12-23</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<div class="container">
|
||||
<div class="breadcrumbs">
|
||||
<a class="breadcrumbs__link" href="#">Главная</a>
|
||||
<span class="breadcrumbs__separator">•</span>
|
||||
<a class="breadcrumbs__link" href="#">Каталог</a>
|
||||
<span class="breadcrumbs__separator">•</span>
|
||||
<a class="breadcrumbs__link" href="#">Стулья</a>
|
||||
<span class="breadcrumbs__separator">•</span>
|
||||
<span class="breadcrumbs__current">Стул Ender</span>
|
||||
</div>
|
||||
|
||||
<section class="product__section">
|
||||
<div class="product__gallery">
|
||||
<div class="product__main-image">
|
||||
<img src="img1/99.jpg" alt="Стул Ender - главный вид" class="product__image">
|
||||
</div>
|
||||
<div class="product__thumbnails">
|
||||
<button class="product__thumbnail">
|
||||
<img src="img1/99_3.png" alt="Стул Ender - вид сбоку" class="product__image">
|
||||
</button>
|
||||
<button class="product__thumbnail">
|
||||
<img src="img1/99_2.jpg" alt="Стул Ender - детали" class="product__image">
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="product__info">
|
||||
<h1 class="product__title">Стул ENDER</h1>
|
||||
|
||||
<div class="product__rating">
|
||||
<span class="star">★</span>
|
||||
<strong>9/10</strong>
|
||||
<span class="reviews">54 отзывов</span>
|
||||
</div>
|
||||
|
||||
<div class="product__color-selector">
|
||||
<button class="product__color-option active" data-color="green" style="background-color: #617365"></button><br>
|
||||
<button class="product__color-option" data-color="gray" style="background-color: #B4B4B4"></button><br>
|
||||
<button class="product__color-option" data-color="brown" style="background-color: #5C4033"></button><br>
|
||||
<button class="product__color-option" data-color="black" style="background-color: #000000"></button><br>
|
||||
</div>
|
||||
|
||||
<p class="product__description">
|
||||
Стулья с закрытой обивкой созданы в стилистике практичности и комфортабельности,
|
||||
придает помещению, эффектно выделяющимися средствами.
|
||||
</p>
|
||||
|
||||
|
||||
<div class="product__purchase">
|
||||
<div class="product__price">16 999 ₽</div>
|
||||
<div class="product__quantity">
|
||||
<button class="product__qty-btn minus">−</button>
|
||||
<span class="product__qty-value">1</span>
|
||||
<button class="product__qty-btn plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="product__actions">
|
||||
<button class="product__btn primary">В КОРЗИНУ</button>
|
||||
<button class="product__btn secondary">КУПИТЬ</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="similar">
|
||||
<h2 class="similar__title">Похожие</h2>
|
||||
<div class="similar__grid">
|
||||
<div class="similar__card">
|
||||
<div class="similar__card-image">
|
||||
<img src="img1/444%20(1).png" alt="Кресло ASTER" class="product__image">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="similar__card">
|
||||
<div class="similar__card-image">
|
||||
<img src="img1/777%20(1).png" alt="Кресло GETSBY" class="product__image">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="similar__card">
|
||||
<div class="similar__card-image">
|
||||
<img src="img1/888%20(1).png" alt="Кресло PASTEL" class="product__image">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer" id="footer">
|
||||
<div class="container footer__content">
|
||||
<div class="footer__col footer--logo">
|
||||
<div class="logo">AETERNA</div>
|
||||
</div>
|
||||
|
||||
<div class="footer__col">
|
||||
<h5>ПОКУПАТЕЛЮ</h5>
|
||||
<ul>
|
||||
<li><a href="catalog.php">Каталог</a></li>
|
||||
<li><a href="услуги.php">Услуги</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer__col">
|
||||
<h5>ПОМОЩЬ</h5>
|
||||
<ul>
|
||||
<li><a href="Доставка.php">Доставка и оплата</a></li>
|
||||
<li><a href="Гарантия.php">Гарантия и возврат</a></li>
|
||||
<li><a href="cite_mebel.php#faq">Ответы на вопросы</a></li>
|
||||
<li><a href="#footer">Контакты</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer__col">
|
||||
<h5>КОНТАКТЫ</h5>
|
||||
<p>aeterna@mail.ru</p>
|
||||
<p>+7(912)999-12-23</p>
|
||||
<div class="social-icons">
|
||||
<span class="icon"><i class="fab fa-telegram"></i></span>
|
||||
<span class="icon"><i class="fab fa-instagram"></i></span>
|
||||
<span class="icon"><i class="fab fa-vk"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer__col">
|
||||
<h5>ПРИНИМАЕМ К ОПЛАТЕ</h5>
|
||||
<div class="payment-icons">
|
||||
<span class="pay-icon"><i class="fab fa-cc-visa"></i></span>
|
||||
<span class="pay-icon"><i class="fab fa-cc-mastercard"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>© 2025 AETERNA. Все права защищены.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user