product card review avg fx
This commit is contained in:
parent
0807c84588
commit
67f4cbbddb
|
|
@ -0,0 +1,830 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ElektronikaTM</title>
|
||||
<link rel="stylesheet" href="../styles/style.css">
|
||||
<link rel="stylesheet" href="../styles/categories-tv.css">
|
||||
<link rel="stylesheet" href="../styles/cart.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- LOGIN/SIGNUP ====================================================================== -->
|
||||
<section class="sign-up">
|
||||
<div class="sign-up-container">
|
||||
<div class="sign-up-wrapper">
|
||||
<div class="login-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Вход</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="forgot-pass">Забыли пароль?</h5>
|
||||
<button type="button" class="log-in">Войти</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Если у вас нет профиля</span>
|
||||
<h5 class="sign-up-btn">Зарегистрируйтесь.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form registration-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Регистрация</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Электронная почта</span>
|
||||
<div class="dif-input">
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in">Зарегистрироваться</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Уже есть профиль?</span>
|
||||
<h5 class="sign-up-btn sign-up-btn-return">Войдите.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-nr">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Ваш номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped sms-trigger">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-sms">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Код из смс сообщения</span>
|
||||
<div class="dif-input">
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped">Отправить</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Сообщение не пришло?</span>
|
||||
<h5 class="sign-up-btn resend-sms">Отправить заново.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- LOGIN/SIGNUP end ================================================================== -->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header-inner no-mobile">
|
||||
<div class="header-left-side">
|
||||
<div class="clock-wrapper">
|
||||
<img src="../icons/clock.svg" alt="clock" />
|
||||
</div>
|
||||
<div class="head-left-text-wrapper">
|
||||
<span class="head-left-text">Пн - Пт: 09:00 - 18:00</span>
|
||||
<span class="head-left-text-further">Суб: 09:00 - 13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right-side">
|
||||
<div class="phone-wrapper">
|
||||
<img src="../icons/telephone.svg" alt="telephone" />
|
||||
</div>
|
||||
<div class="head-right-text-wrapper">
|
||||
<span class="head-right-text head-left-text">+(993) 60142251</span>
|
||||
</div>
|
||||
<div class="language-select">
|
||||
<div class="flag-wrapper">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag of Russia" />
|
||||
</div>
|
||||
<div class="language-wrapper">
|
||||
<span class="language">РУС</span>
|
||||
<ul class="language-list hidden">
|
||||
<li class="language-el"><a href="#">Русский</a></li>
|
||||
<li class="language-el"><a href="#">English</a></li>
|
||||
<li class="language-el"><a href="#">Türkmençe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER end ======================================================================== -->
|
||||
|
||||
<!-- NAV =============================================================================== -->
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="nav-inner-burger-container hidden-burger">
|
||||
<div class="burger-title-wrapper">
|
||||
<h2 class="burger-title">Добро пожаловать <span id="user"> </span> !</h2>
|
||||
<div class="burger-close">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line-burger" style="width: 80%;"></div>
|
||||
<div class="burger-content-scrollable">
|
||||
<ul class="burger-top-content">
|
||||
<li><a href="#" class="burger-top-text">Доставка</a></li>
|
||||
<li><a href="#" class="burger-top-text">Сервисный центр</a></li>
|
||||
<li><a href="#" class="burger-top-text">Предзаказ</a></li>
|
||||
<li><a href="#" class="burger-top-text">Помощь по сайту</a></li>
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-bottom-content">
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">ТВ и Развлечения</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Смартфоны и гаджеты</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Для дома</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Бытовая техника</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Чемоданы Samsonite</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Красота и здоровье</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-footer-content">
|
||||
<li class="language-trig">
|
||||
<div href='#' class="burger-li-wrapper">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="burger-lang">
|
||||
<!-- <div class="lang-russian b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
</div> -->
|
||||
<a href="#" class="lang-english b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_the_United_Kingdom.svg"
|
||||
alt="Flag_of_the_United_Kingdom">
|
||||
</div>
|
||||
<span class="burger-footer-text">English</span>
|
||||
</a>
|
||||
<a href="#" class="lang-turkmen b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Turkmenistan.svg" alt="Flag_of_Turkmenistan">
|
||||
</div>
|
||||
<span class="burger-footer-text">Türkmençe</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="price-view">
|
||||
<div class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">USD</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="currency">
|
||||
<h2>TMT</h2>
|
||||
</div>
|
||||
</li>
|
||||
<li class="burger-sign-in">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Войти</span>
|
||||
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="burger-sign-up">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Зарегистрироваться</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner no-mobile">
|
||||
<div class="logo-wrapper">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM" />
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="nav-buttons">
|
||||
<div class="login logged-false logged">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (enter0.svg" alt="login" />
|
||||
</div>
|
||||
<span>Войти</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login logged-true">
|
||||
<button type="button" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/user (1).svg" alt="user" />
|
||||
</div>
|
||||
<span class="profile-name">Профиль</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="favorite">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
<span>Избранное</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
<span>Корзина</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-dropdown">
|
||||
<a href="#" class="profile-block profile">
|
||||
<div class="user-img">
|
||||
<img src="../icons/user (2).svg" alt="user">
|
||||
</div>
|
||||
<h4 class="profile-text user-name"></h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<a href="#" class="profile-block history ">
|
||||
<div class="user-img">
|
||||
<img src="../icons/writing.svg" alt="pen">
|
||||
</div>
|
||||
<h4 class="profile-text">История заказов</h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<button type="button" class="profile-block logout">
|
||||
<div class="user-img">
|
||||
<img src="../icons/logout.svg" alt="Выйти">
|
||||
</div>
|
||||
<h4 class="profile-text">Выйти</h4>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner-mobile no-desktop">
|
||||
<div class="nav-inner-top">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="logo-wrapper-mobile">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM">
|
||||
</div>
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-inner-bottom">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- NAV end =========================================================================== -->
|
||||
|
||||
<!-- TOP HERO ========================================================================== -->
|
||||
<section class="top-hero">
|
||||
<div class="container">
|
||||
<div class="top-hero-inner no-mobile">
|
||||
<ul class="link-list">
|
||||
<li class="service-li active skewed edited">
|
||||
<a href="#" class="categories">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<span class="link-text white-text">Категории</span>
|
||||
<div class="cat-dropdown">
|
||||
<ul>
|
||||
<li><a href="#">ТВ и Развлечения</a></li>
|
||||
<li><a href="#">Смартфоны и гаджеты</a></li>
|
||||
<li><a href="#">Для дома</a></li>
|
||||
<li><a href="#">Бытовая техника</a></li>
|
||||
<li><a href="#">Чемоданы Samsonite</a></li>
|
||||
<li><a href="#">Красота и здоровье</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Доставка</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Сервисный центр</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Предзаказ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text displaced-text">Помощь по сайту</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-hero-inner-mobile no-desktop">
|
||||
<ul class="link-list-mobile">
|
||||
<li><a href="#">Телевизоры</a></li>
|
||||
<li><a href="#">Аудио, видео и Hi-Fi техника</a></li>
|
||||
<li><a href="#">Смартфоны, мобильные телефоны</a></li>
|
||||
<li><a href="#">Аксессуары для ТВ, аудио, видео</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- TOP HERO end ====================================================================== -->
|
||||
<!-- BREADCRUMB ======================================================================== -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
<!-- BREADCRUMB ================== -->
|
||||
<div class="breadcrumb-container">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Главная</a></li>
|
||||
<li><a href="#" class="current">Моя корзина</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- BREADCRUMB ================== -->
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- BREADCRUMB end ==================================================================== -->
|
||||
|
||||
<!-- CART CONTENT ====================================================================== -->
|
||||
<section class="cart-content">
|
||||
<div class="container">
|
||||
<div class="cart-content-inner">
|
||||
<div class="cart-content-title">
|
||||
<h2 class="item-section-title-text">Моя корзина</h2>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
<div class="item-showcase">
|
||||
<div class="left-side">
|
||||
<div class="item-container">
|
||||
<div class="item-img">
|
||||
<img src="../images/phones-product-small.jpg" alt="Samsung S21">
|
||||
</div>
|
||||
<div class="item-description">
|
||||
<div class="desc-top">
|
||||
<a href="#" class="fav-link desc-link">
|
||||
<div class="fav-wrapper desc-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="love">
|
||||
</div>
|
||||
<h4 class="fav-text desc-text">В избранное</h4>
|
||||
</a>
|
||||
<a href="#" class="remove-link desc-link">
|
||||
<div class="remove-wrapper desc-wrapper">
|
||||
<img src="../icons/trash.svg" alt="remove">
|
||||
</div>
|
||||
<h4 class="remove-text desc-text">Удалить</h4>
|
||||
</a>
|
||||
</div>
|
||||
<div class="desc-mid">
|
||||
<h2 class="item-name">Смартфон Samsung Galaxy S21 GREY 128GB (SM-G991B)</h2>
|
||||
</div>
|
||||
<div class="desc-bottom">
|
||||
<div class="alarm-wrapper">
|
||||
<img src="../icons/icon (alarm).svg" alt="alarm">
|
||||
</div>
|
||||
<h4 class="desc-text alarm-text">Осталось 5 штук!</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-price">
|
||||
<div class="item-price-wrapper">
|
||||
<h4 class="old-price">10 200 TMT</h4>
|
||||
<h4 class="new-price">8 575 TMT</h4>
|
||||
</div>
|
||||
<div class="quantity-wrapper">
|
||||
<div class="subtract"><span>–</span></div>
|
||||
<div class="quantity"><span>1</span></div>
|
||||
<div class="add"><span>+</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
<div class="item-container">
|
||||
<div class="item-img">
|
||||
<img src="../images/phones-product-small.jpg" alt="Samsung S21">
|
||||
</div>
|
||||
<div class="item-description">
|
||||
<div class="desc-top">
|
||||
<a href="#" class="fav-link desc-link">
|
||||
<div class="fav-wrapper desc-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="love">
|
||||
</div>
|
||||
<h4 class="fav-text desc-text">В избранное</h4>
|
||||
</a>
|
||||
<a href="#" class="remove-link desc-link">
|
||||
<div class="remove-wrapper desc-wrapper">
|
||||
<img src="../icons/trash.svg" alt="remove">
|
||||
</div>
|
||||
<h4 class="remove-text desc-text">Удалить</h4>
|
||||
</a>
|
||||
</div>
|
||||
<div class="desc-mid">
|
||||
<h2 class="item-name">Смартфон Samsung Galaxy S21 GREY 128GB (SM-G991B)</h2>
|
||||
</div>
|
||||
<div class="desc-bottom">
|
||||
<div class="alarm-wrapper">
|
||||
<img src="../icons/icon (alarm).svg" alt="alarm">
|
||||
</div>
|
||||
<h4 class="desc-text alarm-text">Осталось 5 штук!</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-price">
|
||||
<div class="item-price-wrapper">
|
||||
<h4 class="old-price">10 200 TMT</h4>
|
||||
<h4 class="new-price">8 575 TMT</h4>
|
||||
</div>
|
||||
<div class="quantity-wrapper">
|
||||
<div class="subtract"><span>–</span></div>
|
||||
<div class="quantity"><span>1</span></div>
|
||||
<div class="add"><span>+</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
<div class="item-container">
|
||||
<div class="item-img">
|
||||
<img src="../images/phones-product-small.jpg" alt="Samsung S21">
|
||||
</div>
|
||||
<div class="item-description">
|
||||
<div class="desc-top">
|
||||
<a href="#" class="fav-link desc-link">
|
||||
<div class="fav-wrapper desc-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="love">
|
||||
</div>
|
||||
<h4 class="fav-text desc-text">В избранное</h4>
|
||||
</a>
|
||||
<a href="#" class="remove-link desc-link">
|
||||
<div class="remove-wrapper desc-wrapper">
|
||||
<img src="../icons/trash.svg" alt="remove">
|
||||
</div>
|
||||
<h4 class="remove-text desc-text">Удалить</h4>
|
||||
</a>
|
||||
</div>
|
||||
<div class="desc-mid">
|
||||
<h2 class="item-name">Смартфон Samsung Galaxy S21 GREY 128GB (SM-G991B)</h2>
|
||||
</div>
|
||||
<div class="desc-bottom">
|
||||
<div class="alarm-wrapper">
|
||||
<img src="../icons/icon (alarm).svg" alt="alarm">
|
||||
</div>
|
||||
<h4 class="desc-text alarm-text">Осталось 5 штук!</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-price">
|
||||
<div class="item-price-wrapper">
|
||||
<h4 class="old-price">10 200 TMT</h4>
|
||||
<h4 class="new-price">8 575 TMT</h4>
|
||||
</div>
|
||||
<div class="quantity-wrapper">
|
||||
<div class="subtract"><span>–</span></div>
|
||||
<div class="quantity"><span>1</span></div>
|
||||
<div class="add"><span>+</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<form class="right-side">
|
||||
<ul class="buy-options">
|
||||
<li class="option">
|
||||
<label for="option" class="option-text-wrapper">
|
||||
<h2 class="option-text">Забрать в магазине</h2>
|
||||
<h4 class="option-sub-text">Сегодня, бесплатно</h4>
|
||||
</label>
|
||||
<label for="option" class="option-checkbox-wrapper">
|
||||
<input id="option" type="radio" name="option">
|
||||
</label>
|
||||
|
||||
</li>
|
||||
<li class="option">
|
||||
<label for="option-2" class="option-text-wrapper">
|
||||
<h2 class="option-text">Заказать доставку</h2>
|
||||
<h4 class="option-sub-text">В течении 24 часов, платно</h4>
|
||||
</label>
|
||||
<label for="option-2" class="option-checkbox-wrapper">
|
||||
<input name="option" id="option-2" type="radio" name="option-2">
|
||||
</label>
|
||||
</li>
|
||||
<li class="checkout">
|
||||
<div class="checkout-top">
|
||||
<div class="product-sum">
|
||||
<h4 class="product-sum-text">Сумма товаров:</h4>
|
||||
<h5 class="product-sum-number">19 150 TMT</h5>
|
||||
</div>
|
||||
<div class="delivery-sum">
|
||||
<h4 class="product-sum-text">Доставка:</h4>
|
||||
<h5 class="product-sum-number">40 TMT</h5>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="checkout-bottom">
|
||||
<div class="total-sum">
|
||||
<h4 class="total-sum-text">Итого:</h4>
|
||||
<h5 class="total-sum-number">19 190 TMT</h5>
|
||||
</div>
|
||||
<form>
|
||||
<button class="checkout-button"><span>Оформить заказ</span></button>
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- CART CONTENT end ================================================================== -->
|
||||
|
||||
|
||||
|
||||
<!-- FOOTER ================================================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="assist-block footer-block">
|
||||
<div class="footer-title-wrapper active">
|
||||
<h2 class="footer-title">Помощь по сайту</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="assist-block-content footer-content visible">
|
||||
<ul class="footer-links-list">
|
||||
<li class="footer-list-el"><a href="#">Как зарегистрироваться</a></li>
|
||||
<li class="footer-list-el"><a href="#">Как оформить заказ</a></li>
|
||||
<li class="footer-list-el"><a href="#">Информация о доставке</a></li>
|
||||
<li class="footer-list-el"><a href="#">Обмен и возврат товара</a></li>
|
||||
<li class="footer-list-el"><a href="#">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contacts-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Контакты</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="contacts-block-content footer-content">
|
||||
<div class="contacts-block-address">
|
||||
<span class="contacts-block-dim-text">Адрес:</span>
|
||||
<h4 class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.
|
||||
</a>
|
||||
</div>
|
||||
<div class="contacts-block-number">
|
||||
<span class="contacts-block-dim-text">Мобильный номер :</span>
|
||||
<h4 class="contacts-block-bright-text">+99360142251</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Скоро будет</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="soon-block-content footer-content">
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/apple.svg" alt="appstore">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">App Store</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/google-play.svg" alt="googleplay">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">Google Play</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Соц. сети</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="social-block-content footer-content">
|
||||
<div class="social-block-content-wrapper">
|
||||
<a href="#" class="social-facebook social-icon">
|
||||
<img src="../icons/facebook.svg" alt="facebook">
|
||||
</a>
|
||||
<a href="#" class="social-twitter social-icon">
|
||||
<img src="../icons/twitter.svg" alt="twitter">
|
||||
</a>
|
||||
<a href="#" class="social-instagram social-icon">
|
||||
<img src="../icons/instagram.svg" alt="instagram">
|
||||
</a>
|
||||
<a href="#" class="social-google social-icon">
|
||||
<img src="../icons/google-plus.svg" alt="google-plus">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line"></div>
|
||||
</footer>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="footer-bottom-inner">
|
||||
<span class="footer-bottom-text">© All rights reserved. Made by <a href="#">TPS Digital</a></span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER end ============================================================================ -->
|
||||
<script src="../scripts/cart.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,682 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="../styles/style.css" />
|
||||
<link rel="stylesheet" href="../styles/categories-tv.css">
|
||||
<link rel="stylesheet" href="../styles/cart.css">
|
||||
<link rel="stylesheet" href="../styles/delivery-desc.css">
|
||||
<title>ElektronikaTM</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- LOGIN/SIGNUP ====================================================================== -->
|
||||
<section class="sign-up">
|
||||
<div class="sign-up-container">
|
||||
<div class="sign-up-wrapper">
|
||||
<div class="login-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Вход</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="forgot-pass">Забыли пароль?</h5>
|
||||
<button type="button" class="log-in">Войти</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Если у вас нет профиля</span>
|
||||
<h5 class="sign-up-btn">Зарегистрируйтесь.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form registration-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Регистрация</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Электронная почта</span>
|
||||
<div class="dif-input">
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in">Зарегистрироваться</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Уже есть профиль?</span>
|
||||
<h5 class="sign-up-btn sign-up-btn-return">Войдите.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-nr">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Ваш номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped sms-trigger">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-sms">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Код из смс сообщения</span>
|
||||
<div class="dif-input">
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped">Отправить</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Сообщение не пришло?</span>
|
||||
<h5 class="sign-up-btn resend-sms">Отправить заново.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- LOGIN/SIGNUP end ================================================================== -->
|
||||
<!-- HEADER ============================================================================ -->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header-inner no-mobile">
|
||||
<div class="header-left-side">
|
||||
<div class="clock-wrapper">
|
||||
<img src="../icons/clock.svg" alt="clock" />
|
||||
</div>
|
||||
<div class="head-left-text-wrapper">
|
||||
<span class="head-left-text">Пн - Пт: 09:00 - 18:00</span>
|
||||
<span class="head-left-text-further">Суб: 09:00 - 13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right-side">
|
||||
<div class="phone-wrapper">
|
||||
<img src="../icons/telephone.svg" alt="telephone" />
|
||||
</div>
|
||||
<div class="head-right-text-wrapper">
|
||||
<span class="head-right-text head-left-text">+(993) 60142251</span>
|
||||
</div>
|
||||
<div class="language-select">
|
||||
<div class="flag-wrapper">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag of Russia" />
|
||||
</div>
|
||||
<div class="language-wrapper">
|
||||
<span class="language">РУС</span>
|
||||
<ul class="language-list hidden">
|
||||
<li class="language-el"><a href="#">Русский</a></li>
|
||||
<li class="language-el"><a href="#">English</a></li>
|
||||
<li class="language-el"><a href="#">Türkmençe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER end ======================================================================== -->
|
||||
|
||||
<!-- NAV =============================================================================== -->
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="nav-inner-burger-container hidden-burger">
|
||||
<div class="burger-title-wrapper">
|
||||
<h2 class="burger-title">Добро пожаловать <span id="user"> </span> !</h2>
|
||||
<div class="burger-close">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line-burger" style="width: 80%;"></div>
|
||||
<div class="burger-content-scrollable">
|
||||
<ul class="burger-top-content">
|
||||
<li><a href="#" class="burger-top-text">Доставка</a></li>
|
||||
<li><a href="#" class="burger-top-text">Сервисный центр</a></li>
|
||||
<li><a href="#" class="burger-top-text">Предзаказ</a></li>
|
||||
<li><a href="#" class="burger-top-text">Помощь по сайту</a></li>
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-bottom-content">
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">ТВ и Развлечения</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Смартфоны и гаджеты</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Для дома</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Бытовая техника</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Чемоданы Samsonite</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Красота и здоровье</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-footer-content">
|
||||
<li class="language-trig">
|
||||
<div href='#' class="burger-li-wrapper">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="burger-lang">
|
||||
<!-- <div class="lang-russian b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
</div> -->
|
||||
<a href="#" class="lang-english b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_the_United_Kingdom.svg"
|
||||
alt="Flag_of_the_United_Kingdom">
|
||||
</div>
|
||||
<span class="burger-footer-text">English</span>
|
||||
</a>
|
||||
<a href="#" class="lang-turkmen b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Turkmenistan.svg" alt="Flag_of_Turkmenistan">
|
||||
</div>
|
||||
<span class="burger-footer-text">Türkmençe</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="price-view">
|
||||
<div class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">USD</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="currency">
|
||||
<h2>TMT</h2>
|
||||
</div>
|
||||
</li>
|
||||
<li class="burger-sign-in">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Войти</span>
|
||||
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="burger-sign-up">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Зарегистрироваться</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner no-mobile">
|
||||
<div class="logo-wrapper">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM" />
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="nav-buttons">
|
||||
<div class="login logged-false logged">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (enter0.svg" alt="login" />
|
||||
</div>
|
||||
<span>Войти</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login logged-true">
|
||||
<button type="button" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/user (1).svg" alt="user" />
|
||||
</div>
|
||||
<span class="profile-name">Профиль</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="favorite">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
<span>Избранное</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
<span>Корзина</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-dropdown">
|
||||
<a href="#" class="profile-block profile">
|
||||
<div class="user-img">
|
||||
<img src="../icons/user (2).svg" alt="user">
|
||||
</div>
|
||||
<h4 class="profile-text user-name"></h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<a href="#" class="profile-block history ">
|
||||
<div class="user-img">
|
||||
<img src="../icons/writing.svg" alt="pen">
|
||||
</div>
|
||||
<h4 class="profile-text">История заказов</h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<button type="button" class="profile-block logout">
|
||||
<div class="user-img">
|
||||
<img src="../icons/logout.svg" alt="Выйти">
|
||||
</div>
|
||||
<h4 class="profile-text">Выйти</h4>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner-mobile no-desktop">
|
||||
<div class="nav-inner-top">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="logo-wrapper-mobile">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM">
|
||||
</div>
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-inner-bottom">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- NAV end =========================================================================== -->
|
||||
<!-- TOP HERO ========================================================================== -->
|
||||
<section class="top-hero">
|
||||
<div class="container">
|
||||
<div class="top-hero-inner no-mobile">
|
||||
<ul class="link-list">
|
||||
<li class="service-li active skewed edited">
|
||||
<a href="#" class="categories">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<span class="link-text white-text">Категории</span>
|
||||
<div class="cat-dropdown">
|
||||
<ul>
|
||||
<li><a href="#">ТВ и Развлечения</a></li>
|
||||
<li><a href="#">Смартфоны и гаджеты</a></li>
|
||||
<li><a href="#">Для дома</a></li>
|
||||
<li><a href="#">Бытовая техника</a></li>
|
||||
<li><a href="#">Чемоданы Samsonite</a></li>
|
||||
<li><a href="#">Красота и здоровье</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Доставка</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Сервисный центр</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Предзаказ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text displaced-text">Помощь по сайту</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-hero-inner-mobile no-desktop">
|
||||
<ul class="link-list-mobile">
|
||||
<li><a href="#">Телевизоры</a></li>
|
||||
<li><a href="#">Аудио, видео и Hi-Fi техника</a></li>
|
||||
<li><a href="#">Смартфоны, мобильные телефоны</a></li>
|
||||
<li><a href="#">Аксессуары для ТВ, аудио, видео</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- TOP HERO end ====================================================================== -->
|
||||
|
||||
|
||||
<!-- BREADCRUMB ======================================================================== -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
|
||||
<div class="breadcrumb-container">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Главная</a></li>
|
||||
<li><a href="#" class="current">Доставка</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- BREADCRUMB end ==================================================================== -->
|
||||
|
||||
<!-- DELIVERY DESCRIPITION ============================ -->
|
||||
<section class="delivery-desc">
|
||||
<div class="container">
|
||||
<div class="delivery-desc-inner">
|
||||
<div class="item-section-title">
|
||||
<h2 class="item-section-title-text">Доставка</h2>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
<div class="description-top">
|
||||
<h2 class="description-title">
|
||||
Наш интернет-магазин осуществляет доставку любой купленной у нас техники.
|
||||
</h2>
|
||||
<div class="desc-paragraph">
|
||||
<span>Приём заказов осуществляется:</span>
|
||||
<span>ПН - ПТ с 9:00 до 18:00</span>
|
||||
<span>СБ с 9:00 – 13:00</span>
|
||||
<span>Срочность доставки:</span>
|
||||
<span>«Стандартная доставка» осуществляется в этот же день при заказе до 16:00.</span>
|
||||
<span>Стоимость доставки по Ашхабаду – бесплатно</span>
|
||||
<span>Сделали заказ после 16:00? Доставим завтра!</span>
|
||||
<span>Заказы, сделанные позже 16 часов, принимаются на последующий день.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="description-bottom">
|
||||
<h2 class="description-title">
|
||||
Команда Elektronika.tm выражает Вам свою признательность и благодарит за покупку товара
|
||||
</h2>
|
||||
<div class="desc-paragraph">
|
||||
<span>Если Вы решили воспользоваться нашей услугой по доставке приобретенного Вами товара — просим Вас ознакомиться с правилами и условиями доставки и передачи товара:</span>
|
||||
<span>·товар будет доставлен в согласованный с Вами день и определённый временной интервал, Вы будете предупреждены по телефону за час до доставки;</span>
|
||||
<span>·товар будет доставлен по указанному Вами адресу</span>
|
||||
<span>Будьте внимательны при проверке доставленного Вам товара. Убедитесь в отсутствии видимых механических повреждений и наличии всех предметов, входящих в комплект. Факт приема Вами товара по внешнему виду, комплектации и наличию документов подтверждается Вашей подписью в Заявке на доставку Товара и свидетельствует об отсутствии каких-либо претензий к товару.</span>
|
||||
<span>Если доставленный товар имеет видимые внешние повреждения Вы вправе не принимать его.</span>
|
||||
<span>В соответствии с законом «О защите прав потребителей» Туркменистана Вы можете вернуть или обменять товар ненадлежащего и надлежащего качества в течение оговоренных законом сроков.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- DELIVERY DESCRIPITION ============================ -->
|
||||
<!-- FOOTER ================================================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="assist-block footer-block">
|
||||
<div class="footer-title-wrapper active">
|
||||
<h2 class="footer-title">Помощь по сайту</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="assist-block-content footer-content visible">
|
||||
<ul class="footer-links-list">
|
||||
<li class="footer-list-el"><a href="#">Как зарегистрироваться</a></li>
|
||||
<li class="footer-list-el"><a href="#">Как оформить заказ</a></li>
|
||||
<li class="footer-list-el"><a href="#">Информация о доставке</a></li>
|
||||
<li class="footer-list-el"><a href="#">Обмен и возврат товара</a></li>
|
||||
<li class="footer-list-el"><a href="#">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contacts-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Контакты</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="contacts-block-content footer-content">
|
||||
<div class="contacts-block-address">
|
||||
<span class="contacts-block-dim-text">Адрес:</span>
|
||||
<h4 class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.
|
||||
</h4>
|
||||
</div>
|
||||
<div class="contacts-block-number">
|
||||
<span class="contacts-block-dim-text">Мобильный номер :</span>
|
||||
<h4 class="contacts-block-bright-text">+99360142251</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Скоро будет</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="soon-block-content footer-content">
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/apple.svg" alt="appstore">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">App Store</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/google-play.svg" alt="googleplay">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">Google Play</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Соц. сети</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="social-block-content footer-content">
|
||||
<div class="social-block-content-wrapper">
|
||||
<a href="#" class="social-facebook social-icon">
|
||||
<img src="../icons/facebook.svg" alt="facebook">
|
||||
</a>
|
||||
<a href="#" class="social-twitter social-icon">
|
||||
<img src="../icons/twitter.svg" alt="twitter">
|
||||
</a>
|
||||
<a href="#" class="social-instagram social-icon">
|
||||
<img src="../icons/instagram.svg" alt="instagram">
|
||||
</a>
|
||||
<a href="#" class="social-google social-icon">
|
||||
<img src="../icons/google-plus.svg" alt="google-plus">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line"></div>
|
||||
</footer>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="footer-bottom-inner">
|
||||
<span class="footer-bottom-text">© All rights reserved. Made by <a href="#">TPS
|
||||
Digital</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER end ============================================================================ -->
|
||||
|
||||
<script src="../scripts/delivery-desc.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,801 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ElektronikaTM</title>
|
||||
<link rel="stylesheet" href="../styles/style.css">
|
||||
<link rel="stylesheet" href="../styles/categories-tv.css">
|
||||
<link rel="stylesheet" href="../styles/cart.css">
|
||||
<link rel="stylesheet" href="../styles/profile.css">
|
||||
<link rel="stylesheet" href="../styles/delivery.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- LOGIN/SIGNUP ====================================================================== -->
|
||||
<section class="sign-up">
|
||||
<div class="sign-up-container">
|
||||
<div class="sign-up-wrapper">
|
||||
<div class="login-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Вход</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="forgot-pass">Забыли пароль?</h5>
|
||||
<button type="button" class="log-in">Войти</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Если у вас нет профиля</span>
|
||||
<h5 class="sign-up-btn">Зарегистрируйтесь.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form registration-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Регистрация</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Электронная почта</span>
|
||||
<div class="dif-input">
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in">Зарегистрироваться</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Уже есть профиль?</span>
|
||||
<h5 class="sign-up-btn sign-up-btn-return">Войдите.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-nr">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Ваш номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped sms-trigger">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-sms">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Код из смс сообщения</span>
|
||||
<div class="dif-input">
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped">Отправить</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Сообщение не пришло?</span>
|
||||
<h5 class="sign-up-btn resend-sms">Отправить заново.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- LOGIN/SIGNUP end ================================================================== -->
|
||||
<!-- HEADER ============================================================================ -->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header-inner no-mobile">
|
||||
<div class="header-left-side">
|
||||
<div class="clock-wrapper">
|
||||
<img src="../icons/clock.svg" alt="clock" />
|
||||
</div>
|
||||
<div class="head-left-text-wrapper">
|
||||
<span class="head-left-text">Пн - Пт: 09:00 - 18:00</span>
|
||||
<span class="head-left-text-further">Суб: 09:00 - 13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right-side">
|
||||
<div class="phone-wrapper">
|
||||
<img src="../icons/telephone.svg" alt="telephone" />
|
||||
</div>
|
||||
<div class="head-right-text-wrapper">
|
||||
<span class="head-right-text head-left-text">+(993) 60142251</span>
|
||||
</div>
|
||||
<div class="language-select">
|
||||
<div class="flag-wrapper">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag of Russia" />
|
||||
</div>
|
||||
<div class="language-wrapper">
|
||||
<span class="language">РУС</span>
|
||||
<ul class="language-list hidden">
|
||||
<li class="language-el"><a href="#">Русский</a></li>
|
||||
<li class="language-el"><a href="#">English</a></li>
|
||||
<li class="language-el"><a href="#">Türkmençe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER end ======================================================================== -->
|
||||
|
||||
<!-- NAV =============================================================================== -->
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="nav-inner-burger-container hidden-burger">
|
||||
<div class="burger-title-wrapper">
|
||||
<h2 class="burger-title">Добро пожаловать <span id="user"> </span> !</h2>
|
||||
<div class="burger-close">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line-burger" style="width: 80%;"></div>
|
||||
<div class="burger-content-scrollable">
|
||||
<ul class="burger-top-content">
|
||||
<li><a href="#" class="burger-top-text">Доставка</a></li>
|
||||
<li><a href="#" class="burger-top-text">Сервисный центр</a></li>
|
||||
<li><a href="#" class="burger-top-text">Предзаказ</a></li>
|
||||
<li><a href="#" class="burger-top-text">Помощь по сайту</a></li>
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-bottom-content">
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">ТВ и Развлечения</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Смартфоны и гаджеты</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Для дома</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Бытовая техника</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Чемоданы Samsonite</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Красота и здоровье</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-footer-content">
|
||||
<li class="language-trig">
|
||||
<div href='#' class="burger-li-wrapper">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="burger-lang">
|
||||
<!-- <div class="lang-russian b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
</div> -->
|
||||
<a href="#" class="lang-english b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_the_United_Kingdom.svg"
|
||||
alt="Flag_of_the_United_Kingdom">
|
||||
</div>
|
||||
<span class="burger-footer-text">English</span>
|
||||
</a>
|
||||
<a href="#" class="lang-turkmen b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Turkmenistan.svg" alt="Flag_of_Turkmenistan">
|
||||
</div>
|
||||
<span class="burger-footer-text">Türkmençe</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="price-view">
|
||||
<div class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">USD</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="currency">
|
||||
<h2>TMT</h2>
|
||||
</div>
|
||||
</li>
|
||||
<li class="burger-sign-in">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Войти</span>
|
||||
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="burger-sign-up">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Зарегистрироваться</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner no-mobile">
|
||||
<div class="logo-wrapper">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM" />
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="nav-buttons">
|
||||
<div class="login logged-false logged">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (enter0.svg" alt="login" />
|
||||
</div>
|
||||
<span>Войти</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login logged-true">
|
||||
<button type="button" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/user (1).svg" alt="user" />
|
||||
</div>
|
||||
<span class="profile-name">Профиль</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="favorite">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
<span>Избранное</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
<span>Корзина</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-dropdown">
|
||||
<a href="#" class="profile-block profile">
|
||||
<div class="user-img">
|
||||
<img src="../icons/user (2).svg" alt="user">
|
||||
</div>
|
||||
<h4 class="profile-text user-name"></h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<a href="#" class="profile-block history ">
|
||||
<div class="user-img">
|
||||
<img src="../icons/writing.svg" alt="pen">
|
||||
</div>
|
||||
<h4 class="profile-text">История заказов</h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<button type="button" class="profile-block logout">
|
||||
<div class="user-img">
|
||||
<img src="../icons/logout.svg" alt="Выйти">
|
||||
</div>
|
||||
<h4 class="profile-text">Выйти</h4>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner-mobile no-desktop">
|
||||
<div class="nav-inner-top">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="logo-wrapper-mobile">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM">
|
||||
</div>
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-inner-bottom">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- NAV end =========================================================================== -->
|
||||
<!-- TOP HERO ========================================================================== -->
|
||||
<section class="top-hero">
|
||||
<div class="container">
|
||||
<div class="top-hero-inner no-mobile">
|
||||
<ul class="link-list">
|
||||
<li class="service-li active skewed edited">
|
||||
<a href="#" class="categories">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<span class="link-text white-text">Категории</span>
|
||||
<div class="cat-dropdown">
|
||||
<ul>
|
||||
<li><a href="#">ТВ и Развлечения</a></li>
|
||||
<li><a href="#">Смартфоны и гаджеты</a></li>
|
||||
<li><a href="#">Для дома</a></li>
|
||||
<li><a href="#">Бытовая техника</a></li>
|
||||
<li><a href="#">Чемоданы Samsonite</a></li>
|
||||
<li><a href="#">Красота и здоровье</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Доставка</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Сервисный центр</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Предзаказ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text displaced-text">Помощь по сайту</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-hero-inner-mobile no-desktop">
|
||||
<ul class="link-list-mobile">
|
||||
<li><a href="#">Телевизоры</a></li>
|
||||
<li><a href="#">Аудио, видео и Hi-Fi техника</a></li>
|
||||
<li><a href="#">Смартфоны, мобильные телефоны</a></li>
|
||||
<li><a href="#">Аксессуары для ТВ, аудио, видео</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- TOP HERO end ====================================================================== -->
|
||||
|
||||
|
||||
<!-- BREADCRUMB ======================================================================== -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
|
||||
<div class="breadcrumb-container">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Главная</a></li>
|
||||
<li><a href="#">Моя корзина</a></li>
|
||||
<li><a href="#" class="current">Оформление заказа</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- BREADCRUMB end ==================================================================== -->
|
||||
|
||||
|
||||
<!-- DELIVERY CONTENT =================================================================== -->
|
||||
<section class="delivery-content">
|
||||
<div class="container">
|
||||
<div class="delivery-content-inner">
|
||||
<div class="delivery-content-inner-title">
|
||||
<h2 class="delivery-content-inner-title-text">Доставка</h2>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="delivery-content-mid">
|
||||
<div class="delivery-content-mid-left profile-content-inner-bottom-second">
|
||||
<div class="delivery-content-title">
|
||||
<h3 class="delivery-content-title-text">Адрес покупателя</h3>
|
||||
</div>
|
||||
<form class="delivery-content-mid-left-blocks">
|
||||
<label class="content-block option option-checked">
|
||||
<div class="content-block-title-wrapper">
|
||||
<h4 class="content-block-wrapper-text">Адрес №<span class="address-nr"></span></h4>
|
||||
<div class="option-checkbox-wrapper">
|
||||
<input name="addr-btn" type="radio" value="address_1" checked class="option-checkbox option-checkbox-checked"></input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-block-main-wrapper">
|
||||
<textarea
|
||||
class="content-block-main-wrapper-text">Мир 3/1, ул. Анкара, дом 140, кв. 10, г. Ашхабад тел.: +993 65 554433</textarea>
|
||||
|
||||
</div>
|
||||
</label>
|
||||
<label class="content-block option">
|
||||
<div class="content-block-title-wrapper">
|
||||
<h4 class="content-block-wrapper-text">Адрес №<span class="address-nr"></span></h4>
|
||||
<div class="option-checkbox-wrapper">
|
||||
<input name="addr-btn" type="radio" value="address_2" class="option-checkbox option-checkbox-checked"></input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-block-main-wrapper">
|
||||
<textarea
|
||||
class="content-block-main-wrapper-text">Мир 4, ул. Анкара, дом 240, кв. 5, г. Ашхабад тел.: +993 65 554433</textarea>
|
||||
</div>
|
||||
</label>
|
||||
<button type="button" class="content-link">
|
||||
<div class="content-link-wrapper">
|
||||
<div class="content-link-img">
|
||||
<img src="../icons/add.svg" alt="add">
|
||||
</div>
|
||||
<h4 class="content-link-wrapper">Добавить адрес</h4>
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
<div
|
||||
class="profile-content-inner-mid-block-wrapper profile-content-inner-mid-block-wrapper-hidden">
|
||||
<div class="profile-content-block">
|
||||
<form class="profile-content-block-inner">
|
||||
<span>Адрес</span>
|
||||
<input type="text" class="fetch-input">
|
||||
</form>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<form class="profile-content-block-inner">
|
||||
<span>Дом</span>
|
||||
<input type="text" class="fetch-input">
|
||||
</form>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<form class="profile-content-block-inner">
|
||||
<span>Квартира</span>
|
||||
<input type="text" class="fetch-input">
|
||||
</form>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<form class="profile-content-block-inner">
|
||||
<span>Альтернативный номер телефона</span>
|
||||
<input type="text" class="fetch-input">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-inner-bottom-second"></div>
|
||||
</div>
|
||||
<div class="delivery-content-mid-right">
|
||||
<div class="checkout">
|
||||
<div class="checkout-top">
|
||||
<div class="product-sum">
|
||||
<h4 class="product-sum-text">Сумма товаров:</h4>
|
||||
<h5 class="product-sum-number">19 150 TMT</h5>
|
||||
</div>
|
||||
<div class="discount-sum">
|
||||
<h4 class="product-sum-text">Цена со скидкой:</h4>
|
||||
<h5 class="product-sum-number">18 790 TMT</h5>
|
||||
</div>
|
||||
<div class="delivery-sum">
|
||||
<h4 class="product-sum-text">Доставка:</h4>
|
||||
<h5 class="product-sum-number">40 TMT</h5>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="checkout-bottom">
|
||||
<div class="total-sum">
|
||||
<h4 class="total-sum-text">Итого:</h4>
|
||||
<h5 class="total-sum-number">19 190 TMT</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form class="delivery-content-bottom">
|
||||
<div class="delivery-content-bottom-first">
|
||||
<div class="delivery-content-bottom-title">
|
||||
<h4 class="delivery-content-bottom-title">Время доставки</h4>
|
||||
</div>
|
||||
<div class="delivery-content-bottom-inner">
|
||||
<div class="item-section-filter-element showed">
|
||||
<input name="time" id="time_1" value="9-13" type="radio" class="checkbox checkbox_1" checked/>
|
||||
<label for="time_1" class="item-section-brand">с 09:00 до 13:00</label>
|
||||
</div>
|
||||
<div class="item-section-filter-element">
|
||||
<input name="time" id="time_2" value="14-18" type="radio" class="checkbox checkbox_1" />
|
||||
<label for="time_2" class="item-section-brand ">с 14:00 до 18:00</label>
|
||||
</div>
|
||||
<div class="item-section-filter-element">
|
||||
<input name="time" id="time_3" value="18-21" type="radio" class="checkbox checkbox_1" />
|
||||
<label for="time_3" class="item-section-brand ">с 18:00 до 21:00</label>
|
||||
</div>
|
||||
<div class="item-section-filter-element">
|
||||
<input name="time" id="express" value="express" type="radio" class="checkbox checkbox_1" />
|
||||
<label for="express" class="item-section-brand ">Экспресс доставка</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="delivery-content-bottom-second">
|
||||
<div class="delivery-content-bottom-title">
|
||||
<h4 class="delivery-content-bottom-title">Метот оплаты</h4>
|
||||
</div>
|
||||
<div class="delivery-content-bottom-inner">
|
||||
<div class="item-section-filter-element2 reveal">
|
||||
<input name="method" id="online" value="online" type="radio" class="checkbox checkbox_2" checked/>
|
||||
<label for="online" class="item-section-brand ">Оплатить онлайн</label>
|
||||
</div>
|
||||
<div class="item-section-filter-element2">
|
||||
<input name="method" id="cash" value="cash" type="radio" class="checkbox checkbox_2"/>
|
||||
<label for="cash" class="item-section-brand">Оплатить наличными</label>
|
||||
</div>
|
||||
<div class="item-section-filter-element2">
|
||||
<input name="method" id="card" value="card" type="radio" class="checkbox checkbox_2"/>
|
||||
<label for="card" class="item-section-brand">Оплатить картой</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="deliver-content-bottom-third">
|
||||
<button class="checkout-button" type="submit"><span>Оформить заказ</span></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- DELIVERY CONTENT end =============================================================== -->
|
||||
|
||||
<!-- FOOTER ================================================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="assist-block footer-block">
|
||||
<div class="footer-title-wrapper active">
|
||||
<h2 class="footer-title">Помощь по сайту</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="assist-block-content footer-content visible">
|
||||
<ul class="footer-links-list">
|
||||
<li class="footer-list-el"><a href="#">Как зарегистрироваться</a></li>
|
||||
<li class="footer-list-el"><a href="#">Как оформить заказ</a></li>
|
||||
<li class="footer-list-el"><a href="#">Информация о доставке</a></li>
|
||||
<li class="footer-list-el"><a href="#">Обмен и возврат товара</a></li>
|
||||
<li class="footer-list-el"><a href="#">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contacts-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Контакты</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="contacts-block-content footer-content">
|
||||
<div class="contacts-block-address">
|
||||
<span class="contacts-block-dim-text">Адрес:</span>
|
||||
<h4 class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.
|
||||
</h4>
|
||||
</div>
|
||||
<div class="contacts-block-number">
|
||||
<span class="contacts-block-dim-text">Мобильный номер :</span>
|
||||
<h4 class="contacts-block-bright-text">+99360142251</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Скоро будет</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="soon-block-content footer-content">
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/apple.svg" alt="appstore">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">App Store</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/google-play.svg" alt="googleplay">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">Google Play</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Соц. сети</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="social-block-content footer-content">
|
||||
<div class="social-block-content-wrapper">
|
||||
<a href="#" class="social-facebook social-icon">
|
||||
<img src="../icons/facebook.svg" alt="facebook">
|
||||
</a>
|
||||
<a href="#" class="social-twitter social-icon">
|
||||
<img src="../icons/twitter.svg" alt="twitter">
|
||||
</a>
|
||||
<a href="#" class="social-instagram social-icon">
|
||||
<img src="../icons/instagram.svg" alt="instagram">
|
||||
</a>
|
||||
<a href="#" class="social-google social-icon">
|
||||
<img src="../icons/google-plus.svg" alt="google-plus">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line"></div>
|
||||
</footer>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="footer-bottom-inner">
|
||||
<span class="footer-bottom-text">© All rights reserved. Made by <a href="#">TPS
|
||||
Digital</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER end ============================================================================ -->
|
||||
|
||||
<script src="../scripts/delivery.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,595 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="../styles/style.css" />
|
||||
<link rel="stylesheet" href="../styles/categories-tv.css">
|
||||
<link rel="stylesheet" href="../styles/cart.css">
|
||||
<link rel="stylesheet" href="../styles/delivery-desc.css">
|
||||
<link rel="stylesheet" href="../styles/order-accepted.css">
|
||||
<title>ElektronikaTM</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- LOGIN/SIGNUP ====================================================================== -->
|
||||
<section class="sign-up">
|
||||
<div class="sign-up-container">
|
||||
<div class="sign-up-wrapper">
|
||||
<div class="login-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Вход</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="forgot-pass">Забыли пароль?</h5>
|
||||
<button type="button" class="log-in">Войти</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Если у вас нет профиля</span>
|
||||
<h5 class="sign-up-btn">Зарегистрируйтесь.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form registration-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Регистрация</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Электронная почта</span>
|
||||
<div class="dif-input">
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in">Зарегистрироваться</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Уже есть профиль?</span>
|
||||
<h5 class="sign-up-btn sign-up-btn-return">Войдите.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-nr">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Ваш номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped sms-trigger">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-sms">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Код из смс сообщения</span>
|
||||
<div class="dif-input">
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped">Отправить</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Сообщение не пришло?</span>
|
||||
<h5 class="sign-up-btn resend-sms">Отправить заново.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- LOGIN/SIGNUP end ================================================================== -->
|
||||
<!-- HEADER ============================================================================ -->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header-inner no-mobile">
|
||||
<div class="header-left-side">
|
||||
<div class="clock-wrapper">
|
||||
<img src="../icons/clock.svg" alt="clock" />
|
||||
</div>
|
||||
<div class="head-left-text-wrapper">
|
||||
<span class="head-left-text">Пн - Пт: 09:00 - 18:00</span>
|
||||
<span class="head-left-text-further">Суб: 09:00 - 13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right-side">
|
||||
<div class="phone-wrapper">
|
||||
<img src="../icons/telephone.svg" alt="telephone" />
|
||||
</div>
|
||||
<div class="head-right-text-wrapper">
|
||||
<span class="head-right-text head-left-text">+(993) 60142251</span>
|
||||
</div>
|
||||
<div class="language-select">
|
||||
<div class="flag-wrapper">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag of Russia" />
|
||||
</div>
|
||||
<div class="language-wrapper">
|
||||
<span class="language">РУС</span>
|
||||
<ul class="language-list hidden">
|
||||
<li class="language-el"><a href="#">Русский</a></li>
|
||||
<li class="language-el"><a href="#">English</a></li>
|
||||
<li class="language-el"><a href="#">Türkmençe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER end ======================================================================== -->
|
||||
|
||||
<!-- NAV =============================================================================== -->
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="nav-inner-burger-container hidden-burger">
|
||||
<div class="burger-title-wrapper">
|
||||
<h2 class="burger-title">Добро пожаловать <span id="user"> </span> !</h2>
|
||||
<div class="burger-close">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line-burger" style="width: 80%;"></div>
|
||||
<div class="burger-content-scrollable">
|
||||
<ul class="burger-top-content">
|
||||
<li><a href="#" class="burger-top-text">Доставка</a></li>
|
||||
<li><a href="#" class="burger-top-text">Сервисный центр</a></li>
|
||||
<li><a href="#" class="burger-top-text">Предзаказ</a></li>
|
||||
<li><a href="#" class="burger-top-text">Помощь по сайту</a></li>
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-bottom-content">
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">ТВ и Развлечения</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Смартфоны и гаджеты</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Для дома</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Бытовая техника</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Чемоданы Samsonite</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Красота и здоровье</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-footer-content">
|
||||
<li class="language-trig">
|
||||
<div href='#' class="burger-li-wrapper">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="burger-lang">
|
||||
<!-- <div class="lang-russian b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
</div> -->
|
||||
<a href="#" class="lang-english b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_the_United_Kingdom.svg"
|
||||
alt="Flag_of_the_United_Kingdom">
|
||||
</div>
|
||||
<span class="burger-footer-text">English</span>
|
||||
</a>
|
||||
<a href="#" class="lang-turkmen b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Turkmenistan.svg" alt="Flag_of_Turkmenistan">
|
||||
</div>
|
||||
<span class="burger-footer-text">Türkmençe</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="price-view">
|
||||
<div class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">USD</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="currency">
|
||||
<h2>TMT</h2>
|
||||
</div>
|
||||
</li>
|
||||
<li class="burger-sign-in">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Войти</span>
|
||||
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="burger-sign-up">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Зарегистрироваться</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner no-mobile">
|
||||
<div class="logo-wrapper">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM" />
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="nav-buttons">
|
||||
<div class="login logged-false logged">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (enter0.svg" alt="login" />
|
||||
</div>
|
||||
<span>Войти</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login logged-true">
|
||||
<button type="button" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/user (1).svg" alt="user" />
|
||||
</div>
|
||||
<span class="profile-name">Профиль</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="favorite">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
<span>Избранное</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
<span>Корзина</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-dropdown">
|
||||
<a href="#" class="profile-block profile">
|
||||
<div class="user-img">
|
||||
<img src="../icons/user (2).svg" alt="user">
|
||||
</div>
|
||||
<h4 class="profile-text user-name"></h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<a href="#" class="profile-block history ">
|
||||
<div class="user-img">
|
||||
<img src="../icons/writing.svg" alt="pen">
|
||||
</div>
|
||||
<h4 class="profile-text">История заказов</h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<button type="button" class="profile-block logout">
|
||||
<div class="user-img">
|
||||
<img src="../icons/logout.svg" alt="Выйти">
|
||||
</div>
|
||||
<h4 class="profile-text">Выйти</h4>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner-mobile no-desktop">
|
||||
<div class="nav-inner-top">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="logo-wrapper-mobile">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM">
|
||||
</div>
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-inner-bottom">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal-2"></div>
|
||||
</nav>
|
||||
<!-- NAV end =========================================================================== -->
|
||||
|
||||
|
||||
|
||||
<!-- THANK YOU ========================================================================= -->
|
||||
<section class="accepted-content">
|
||||
<div class="container">
|
||||
<div class="accepted-content-inner">
|
||||
<div class="accepted-top">
|
||||
<h2 class="accepted-title">Ваш заказ принят. Спасибо!</h2>
|
||||
</div>
|
||||
<div class="accepted-middle">
|
||||
<h4 class="middle-text">Ваш заказ принят. Мы свяжемся с вами в ближайшее время для подтверждения заказа.</h4>
|
||||
<h4 class="middle-text">Номер заказа: <span id="order-number">12345</span></h4>
|
||||
<h4 class="middle-text">Дата: <span id="order-date">10.05.2021</span></h4>
|
||||
</div>
|
||||
<div class="accepted-bottom">
|
||||
<a href="../pages/index.html">Продолжить</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- THANK YOU end ===================================================================== -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- FOOTER ================================================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="assist-block footer-block">
|
||||
<div class="footer-title-wrapper active">
|
||||
<h2 class="footer-title">Помощь по сайту</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="assist-block-content footer-content visible">
|
||||
<ul class="footer-links-list">
|
||||
<li class="footer-list-el"><a href="#">Как зарегистрироваться</a></li>
|
||||
<li class="footer-list-el"><a href="#">Как оформить заказ</a></li>
|
||||
<li class="footer-list-el"><a href="#">Информация о доставке</a></li>
|
||||
<li class="footer-list-el"><a href="#">Обмен и возврат товара</a></li>
|
||||
<li class="footer-list-el"><a href="#">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contacts-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Контакты</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="contacts-block-content footer-content">
|
||||
<div class="contacts-block-address">
|
||||
<span class="contacts-block-dim-text">Адрес:</span>
|
||||
<h4 class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.
|
||||
</h4>
|
||||
</div>
|
||||
<div class="contacts-block-number">
|
||||
<span class="contacts-block-dim-text">Мобильный номер :</span>
|
||||
<h4 class="contacts-block-bright-text">+99360142251</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Скоро будет</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="soon-block-content footer-content">
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/apple.svg" alt="appstore">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">App Store</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/google-play.svg" alt="googleplay">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">Google Play</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Соц. сети</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="social-block-content footer-content">
|
||||
<div class="social-block-content-wrapper">
|
||||
<a href="#" class="social-facebook social-icon">
|
||||
<img src="../icons/facebook.svg" alt="facebook">
|
||||
</a>
|
||||
<a href="#" class="social-twitter social-icon">
|
||||
<img src="../icons/twitter.svg" alt="twitter">
|
||||
</a>
|
||||
<a href="#" class="social-instagram social-icon">
|
||||
<img src="../icons/instagram.svg" alt="instagram">
|
||||
</a>
|
||||
<a href="#" class="social-google social-icon">
|
||||
<img src="../icons/google-plus.svg" alt="google-plus">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line"></div>
|
||||
</footer>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="footer-bottom-inner">
|
||||
<span class="footer-bottom-text">© All rights reserved. Made by <a href="#">TPS Digital</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER end ============================================================================ -->
|
||||
|
||||
<script src="../scripts/order-accepted.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,762 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ElektronikaTM</title>
|
||||
<link rel="stylesheet" href="../styles/style.css">
|
||||
<link rel="stylesheet" href="../styles/categories-tv.css">
|
||||
<link rel="stylesheet" href="../styles/cart.css">
|
||||
<link rel="stylesheet" href="../styles/orders.css">
|
||||
<link rel="stylesheet" href="../styles/orders-order.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- LOGIN/SIGNUP ====================================================================== -->
|
||||
<section class="sign-up">
|
||||
<div class="sign-up-container">
|
||||
<div class="sign-up-wrapper">
|
||||
<div class="login-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Вход</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="forgot-pass">Забыли пароль?</h5>
|
||||
<button type="button" class="log-in">Войти</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Если у вас нет профиля</span>
|
||||
<h5 class="sign-up-btn">Зарегистрируйтесь.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form registration-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Регистрация</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Электронная почта</span>
|
||||
<div class="dif-input">
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in">Зарегистрироваться</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Уже есть профиль?</span>
|
||||
<h5 class="sign-up-btn sign-up-btn-return">Войдите.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-nr">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Ваш номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped sms-trigger">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-sms">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Код из смс сообщения</span>
|
||||
<div class="dif-input">
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped">Отправить</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Сообщение не пришло?</span>
|
||||
<h5 class="sign-up-btn resend-sms">Отправить заново.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- LOGIN/SIGNUP end ================================================================== -->
|
||||
<!-- HEADER ============================================================================ -->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header-inner no-mobile">
|
||||
<div class="header-left-side">
|
||||
<div class="clock-wrapper">
|
||||
<img src="../icons/clock.svg" alt="clock" />
|
||||
</div>
|
||||
<div class="head-left-text-wrapper">
|
||||
<span class="head-left-text">Пн - Пт: 09:00 - 18:00</span>
|
||||
<span class="head-left-text-further">Суб: 09:00 - 13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right-side">
|
||||
<div class="phone-wrapper">
|
||||
<img src="../icons/telephone.svg" alt="telephone" />
|
||||
</div>
|
||||
<div class="head-right-text-wrapper">
|
||||
<span class="head-right-text head-left-text">+(993) 60142251</span>
|
||||
</div>
|
||||
<div class="language-select">
|
||||
<div class="flag-wrapper">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag of Russia" />
|
||||
</div>
|
||||
<div class="language-wrapper">
|
||||
<span class="language">РУС</span>
|
||||
<ul class="language-list hidden">
|
||||
<li class="language-el"><a href="#">Русский</a></li>
|
||||
<li class="language-el"><a href="#">English</a></li>
|
||||
<li class="language-el"><a href="#">Türkmençe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER end ======================================================================== -->
|
||||
|
||||
<!-- NAV =============================================================================== -->
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="nav-inner-burger-container hidden-burger">
|
||||
<div class="burger-title-wrapper">
|
||||
<h2 class="burger-title">Добро пожаловать <span id="user"> </span> !</h2>
|
||||
<div class="burger-close">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line-burger" style="width: 80%;"></div>
|
||||
<div class="burger-content-scrollable">
|
||||
<ul class="burger-top-content">
|
||||
<li><a href="#" class="burger-top-text">Доставка</a></li>
|
||||
<li><a href="#" class="burger-top-text">Сервисный центр</a></li>
|
||||
<li><a href="#" class="burger-top-text">Предзаказ</a></li>
|
||||
<li><a href="#" class="burger-top-text">Помощь по сайту</a></li>
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-bottom-content">
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">ТВ и Развлечения</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Смартфоны и гаджеты</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Для дома</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Бытовая техника</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Чемоданы Samsonite</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Красота и здоровье</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-footer-content">
|
||||
<li class="language-trig">
|
||||
<div href='#' class="burger-li-wrapper">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="burger-lang">
|
||||
<!-- <div class="lang-russian b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
</div> -->
|
||||
<a href="#" class="lang-english b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_the_United_Kingdom.svg"
|
||||
alt="Flag_of_the_United_Kingdom">
|
||||
</div>
|
||||
<span class="burger-footer-text">English</span>
|
||||
</a>
|
||||
<a href="#" class="lang-turkmen b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Turkmenistan.svg" alt="Flag_of_Turkmenistan">
|
||||
</div>
|
||||
<span class="burger-footer-text">Türkmençe</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="price-view">
|
||||
<div class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">USD</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="currency">
|
||||
<h2>TMT</h2>
|
||||
</div>
|
||||
</li>
|
||||
<li class="burger-sign-in">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Войти</span>
|
||||
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="burger-sign-up">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Зарегистрироваться</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner no-mobile">
|
||||
<div class="logo-wrapper">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM" />
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="nav-buttons">
|
||||
<div class="login logged-false logged">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (enter0.svg" alt="login" />
|
||||
</div>
|
||||
<span>Войти</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login logged-true">
|
||||
<button type="button" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/user (1).svg" alt="user" />
|
||||
</div>
|
||||
<span class="profile-name">Профиль</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="favorite">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
<span>Избранное</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
<span>Корзина</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-dropdown">
|
||||
<a href="#" class="profile-block profile">
|
||||
<div class="user-img">
|
||||
<img src="../icons/user (2).svg" alt="user">
|
||||
</div>
|
||||
<h4 class="profile-text user-name"></h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<a href="#" class="profile-block history ">
|
||||
<div class="user-img">
|
||||
<img src="../icons/writing.svg" alt="pen">
|
||||
</div>
|
||||
<h4 class="profile-text">История заказов</h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<button type="button" class="profile-block logout">
|
||||
<div class="user-img">
|
||||
<img src="../icons/logout.svg" alt="Выйти">
|
||||
</div>
|
||||
<h4 class="profile-text">Выйти</h4>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner-mobile no-desktop">
|
||||
<div class="nav-inner-top">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="logo-wrapper-mobile">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM">
|
||||
</div>
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-inner-bottom">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- NAV end =========================================================================== -->
|
||||
<!-- TOP HERO ========================================================================== -->
|
||||
<section class="top-hero">
|
||||
<div class="container">
|
||||
<div class="top-hero-inner no-mobile">
|
||||
<ul class="link-list">
|
||||
<li class="service-li active skewed edited">
|
||||
<a href="#" class="categories">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<span class="link-text white-text">Категории</span>
|
||||
<div class="cat-dropdown">
|
||||
<ul>
|
||||
<li><a href="#">ТВ и Развлечения</a></li>
|
||||
<li><a href="#">Смартфоны и гаджеты</a></li>
|
||||
<li><a href="#">Для дома</a></li>
|
||||
<li><a href="#">Бытовая техника</a></li>
|
||||
<li><a href="#">Чемоданы Samsonite</a></li>
|
||||
<li><a href="#">Красота и здоровье</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Доставка</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Сервисный центр</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Предзаказ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text displaced-text">Помощь по сайту</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-hero-inner-mobile no-desktop">
|
||||
<ul class="link-list-mobile">
|
||||
<li><a href="#">Телевизоры</a></li>
|
||||
<li><a href="#">Аудио, видео и Hi-Fi техника</a></li>
|
||||
<li><a href="#">Смартфоны, мобильные телефоны</a></li>
|
||||
<li><a href="#">Аксессуары для ТВ, аудио, видео</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- TOP HERO end ====================================================================== -->
|
||||
|
||||
|
||||
<!-- BREADCRUMB ======================================================================== -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
|
||||
<div class="breadcrumb-container">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Главная</a></li>
|
||||
<li><a href="#" class="current">Подробности заказа (№ 1233123)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- BREADCRUMB end ==================================================================== -->
|
||||
|
||||
<!-- ORDER HISTORY CONTENT ============================================================= -->
|
||||
<section class="order-history">
|
||||
<div class="container">
|
||||
<div class="order-history-inner">
|
||||
<div class="item-section-title">
|
||||
<h2 class="item-section-title-text">Подробности заказа (№ 1233123)</h2>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
<div class="order-history-container">
|
||||
<div class="order-history-wrapper">
|
||||
<div class="order-history-head">
|
||||
<h4 class="order-history-head-text">№</h4>
|
||||
<h4 class="order-history-head-text">Наименование</h4>
|
||||
<h4 class="order-history-head-text">Количество</h4>
|
||||
<h4 class="order-history-head-text">Цена</h4>
|
||||
</div>
|
||||
<div class="order-history-block-container">
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number"></h4>
|
||||
<h4 class="order-history-head-text date">Яблоко красное</h4>
|
||||
<h4 class="order-history-head-text qnty">2 кг.</h4>
|
||||
<h4 class="order-history-head-text price">12.00 TMT</h4>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number"></h4>
|
||||
<h4 class="order-history-head-text date">Мандарины</h4>
|
||||
<h4 class="order-history-head-text qnty">1 кг.</h4>
|
||||
<h4 class="order-history-head-text price">12.00 TMT</h4>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number"></h4>
|
||||
<h4 class="order-history-head-text date">Кофе 3 в 1 Jacobs</h4>
|
||||
<h4 class="order-history-head-text qnty">5 шт.</h4>
|
||||
<h4 class="order-history-head-text price">12.00 TMT</h4>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number"></h4>
|
||||
<h4 class="order-history-head-text date">Яблоко красное</h4>
|
||||
<h4 class="order-history-head-text qnty">2 кг.</h4>
|
||||
<h4 class="order-history-head-text price">12.00 TMT</h4>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number"></h4>
|
||||
<h4 class="order-history-head-text date">Мандарины</h4>
|
||||
<h4 class="order-history-head-text qnty">1 кг.</h4>
|
||||
<h4 class="order-history-head-text price">12.00 TMT</h4>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number"></h4>
|
||||
<h4 class="order-history-head-text date">Кофе 3 в 1 Jacobs</h4>
|
||||
<h4 class="order-history-head-text qnty">5 шт.</h4>
|
||||
<h4 class="order-history-head-text price">12.00 TMT</h4>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number"></h4>
|
||||
<h4 class="order-history-head-text date">Яблоко красное</h4>
|
||||
<h4 class="order-history-head-text qnty">2 кг.</h4>
|
||||
<h4 class="order-history-head-text price">12.00 TMT</h4>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number"></h4>
|
||||
<h4 class="order-history-head-text date">Мандарины</h4>
|
||||
<h4 class="order-history-head-text qnty">1 кг.</h4>
|
||||
<h4 class="order-history-head-text price">12.00 TMT</h4>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number"></h4>
|
||||
<h4 class="order-history-head-text date">Кофе 3 в 1 Jacobs</h4>
|
||||
<h4 class="order-history-head-text qnty">5 шт.</h4>
|
||||
<h4 class="order-history-head-text price">12.00 TMT</h4>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ORDER HISTORY CONTENT end ========================================================= -->
|
||||
|
||||
|
||||
<!-- FOOTER ================================================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="assist-block footer-block">
|
||||
<div class="footer-title-wrapper active">
|
||||
<h2 class="footer-title">Помощь по сайту</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="assist-block-content footer-content visible">
|
||||
<ul class="footer-links-list">
|
||||
<li class="footer-list-el"><a href="#">Как зарегистрироваться</a></li>
|
||||
<li class="footer-list-el"><a href="#">Как оформить заказ</a></li>
|
||||
<li class="footer-list-el"><a href="#">Информация о доставке</a></li>
|
||||
<li class="footer-list-el"><a href="#">Обмен и возврат товара</a></li>
|
||||
<li class="footer-list-el"><a href="#">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contacts-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Контакты</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="contacts-block-content footer-content">
|
||||
<div class="contacts-block-address">
|
||||
<span class="contacts-block-dim-text">Адрес:</span>
|
||||
<h4 class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.
|
||||
</h4>
|
||||
</div>
|
||||
<div class="contacts-block-number">
|
||||
<span class="contacts-block-dim-text">Мобильный номер :</span>
|
||||
<h4 class="contacts-block-bright-text">+99360142251</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Скоро будет</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="soon-block-content footer-content">
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/apple.svg" alt="appstore">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">App Store</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/google-play.svg" alt="googleplay">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">Google Play</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Соц. сети</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="social-block-content footer-content">
|
||||
<div class="social-block-content-wrapper">
|
||||
<a href="#" class="social-facebook social-icon">
|
||||
<img src="../icons/facebook.svg" alt="facebook">
|
||||
</a>
|
||||
<a href="#" class="social-twitter social-icon">
|
||||
<img src="../icons/twitter.svg" alt="twitter">
|
||||
</a>
|
||||
<a href="#" class="social-instagram social-icon">
|
||||
<img src="../icons/instagram.svg" alt="instagram">
|
||||
</a>
|
||||
<a href="#" class="social-google social-icon">
|
||||
<img src="../icons/google-plus.svg" alt="google-plus">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line"></div>
|
||||
</footer>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="footer-bottom-inner">
|
||||
<span class="footer-bottom-text">© All rights reserved. Made by <a href="#">TPS
|
||||
Digital</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER end ============================================================================ -->
|
||||
|
||||
<script src="../scripts/orders.js"></script>
|
||||
<script src="../scripts/orders-order.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,837 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ElektronikaTM</title>
|
||||
<link rel="stylesheet" href="../styles/style.css">
|
||||
<link rel="stylesheet" href="../styles/categories-tv.css">
|
||||
<link rel="stylesheet" href="../styles/cart.css">
|
||||
<link rel="stylesheet" href="../styles/orders.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- LOGIN/SIGNUP ====================================================================== -->
|
||||
<section class="sign-up">
|
||||
<div class="sign-up-container">
|
||||
<div class="sign-up-wrapper">
|
||||
<div class="login-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Вход</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="forgot-pass">Забыли пароль?</h5>
|
||||
<button type="button" class="log-in">Войти</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Если у вас нет профиля</span>
|
||||
<h5 class="sign-up-btn">Зарегистрируйтесь.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form registration-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Регистрация</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Электронная почта</span>
|
||||
<div class="dif-input">
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in">Зарегистрироваться</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Уже есть профиль?</span>
|
||||
<h5 class="sign-up-btn sign-up-btn-return">Войдите.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-nr">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Ваш номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped sms-trigger">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-sms">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Код из смс сообщения</span>
|
||||
<div class="dif-input">
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped">Отправить</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Сообщение не пришло?</span>
|
||||
<h5 class="sign-up-btn resend-sms">Отправить заново.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- LOGIN/SIGNUP end ================================================================== -->
|
||||
<!-- HEADER ============================================================================ -->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header-inner no-mobile">
|
||||
<div class="header-left-side">
|
||||
<div class="clock-wrapper">
|
||||
<img src="../icons/clock.svg" alt="clock" />
|
||||
</div>
|
||||
<div class="head-left-text-wrapper">
|
||||
<span class="head-left-text">Пн - Пт: 09:00 - 18:00</span>
|
||||
<span class="head-left-text-further">Суб: 09:00 - 13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right-side">
|
||||
<div class="phone-wrapper">
|
||||
<img src="../icons/telephone.svg" alt="telephone" />
|
||||
</div>
|
||||
<div class="head-right-text-wrapper">
|
||||
<span class="head-right-text head-left-text">+(993) 60142251</span>
|
||||
</div>
|
||||
<div class="language-select">
|
||||
<div class="flag-wrapper">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag of Russia" />
|
||||
</div>
|
||||
<div class="language-wrapper">
|
||||
<span class="language">РУС</span>
|
||||
<ul class="language-list hidden">
|
||||
<li class="language-el"><a href="#">Русский</a></li>
|
||||
<li class="language-el"><a href="#">English</a></li>
|
||||
<li class="language-el"><a href="#">Türkmençe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER end ======================================================================== -->
|
||||
|
||||
<!-- NAV =============================================================================== -->
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="nav-inner-burger-container hidden-burger">
|
||||
<div class="burger-title-wrapper">
|
||||
<h2 class="burger-title">Добро пожаловать <span id="user"> </span> !</h2>
|
||||
<div class="burger-close">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line-burger" style="width: 80%;"></div>
|
||||
<div class="burger-content-scrollable">
|
||||
<ul class="burger-top-content">
|
||||
<li><a href="#" class="burger-top-text">Доставка</a></li>
|
||||
<li><a href="#" class="burger-top-text">Сервисный центр</a></li>
|
||||
<li><a href="#" class="burger-top-text">Предзаказ</a></li>
|
||||
<li><a href="#" class="burger-top-text">Помощь по сайту</a></li>
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-bottom-content">
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">ТВ и Развлечения</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Смартфоны и гаджеты</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Для дома</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Бытовая техника</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Чемоданы Samsonite</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Красота и здоровье</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-footer-content">
|
||||
<li class="language-trig">
|
||||
<div href='#' class="burger-li-wrapper">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="burger-lang">
|
||||
<!-- <div class="lang-russian b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
</div> -->
|
||||
<a href="#" class="lang-english b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_the_United_Kingdom.svg"
|
||||
alt="Flag_of_the_United_Kingdom">
|
||||
</div>
|
||||
<span class="burger-footer-text">English</span>
|
||||
</a>
|
||||
<a href="#" class="lang-turkmen b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Turkmenistan.svg" alt="Flag_of_Turkmenistan">
|
||||
</div>
|
||||
<span class="burger-footer-text">Türkmençe</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="price-view">
|
||||
<div class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">USD</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="currency">
|
||||
<h2>TMT</h2>
|
||||
</div>
|
||||
</li>
|
||||
<li class="burger-sign-in">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Войти</span>
|
||||
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="burger-sign-up">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Зарегистрироваться</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner no-mobile">
|
||||
<div class="logo-wrapper">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM" />
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="nav-buttons">
|
||||
<div class="login logged-false logged">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (enter0.svg" alt="login" />
|
||||
</div>
|
||||
<span>Войти</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login logged-true">
|
||||
<button type="button" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/user (1).svg" alt="user" />
|
||||
</div>
|
||||
<span class="profile-name">Профиль</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="favorite">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
<span>Избранное</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
<span>Корзина</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-dropdown">
|
||||
<a href="#" class="profile-block profile">
|
||||
<div class="user-img">
|
||||
<img src="../icons/user (2).svg" alt="user">
|
||||
</div>
|
||||
<h4 class="profile-text user-name"></h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<a href="#" class="profile-block history ">
|
||||
<div class="user-img">
|
||||
<img src="../icons/writing.svg" alt="pen">
|
||||
</div>
|
||||
<h4 class="profile-text">История заказов</h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<button type="button" class="profile-block logout">
|
||||
<div class="user-img">
|
||||
<img src="../icons/logout.svg" alt="Выйти">
|
||||
</div>
|
||||
<h4 class="profile-text">Выйти</h4>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner-mobile no-desktop">
|
||||
<div class="nav-inner-top">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="logo-wrapper-mobile">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM">
|
||||
</div>
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-inner-bottom">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- NAV end =========================================================================== -->
|
||||
<!-- TOP HERO ========================================================================== -->
|
||||
<section class="top-hero">
|
||||
<div class="container">
|
||||
<div class="top-hero-inner no-mobile">
|
||||
<ul class="link-list">
|
||||
<li class="service-li active skewed edited">
|
||||
<a href="#" class="categories">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<span class="link-text white-text">Категории</span>
|
||||
<div class="cat-dropdown">
|
||||
<ul>
|
||||
<li><a href="#">ТВ и Развлечения</a></li>
|
||||
<li><a href="#">Смартфоны и гаджеты</a></li>
|
||||
<li><a href="#">Для дома</a></li>
|
||||
<li><a href="#">Бытовая техника</a></li>
|
||||
<li><a href="#">Чемоданы Samsonite</a></li>
|
||||
<li><a href="#">Красота и здоровье</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Доставка</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Сервисный центр</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Предзаказ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text displaced-text">Помощь по сайту</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-hero-inner-mobile no-desktop">
|
||||
<ul class="link-list-mobile">
|
||||
<li><a href="#">Телевизоры</a></li>
|
||||
<li><a href="#">Аудио, видео и Hi-Fi техника</a></li>
|
||||
<li><a href="#">Смартфоны, мобильные телефоны</a></li>
|
||||
<li><a href="#">Аксессуары для ТВ, аудио, видео</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- TOP HERO end ====================================================================== -->
|
||||
|
||||
|
||||
<!-- BREADCRUMB ======================================================================== -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
|
||||
<div class="breadcrumb-container">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Главная</a></li>
|
||||
<li><a href="#" class="current">История заказов</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- BREADCRUMB end ==================================================================== -->
|
||||
|
||||
<!-- ORDER HISTORY CONTENT ============================================================= -->
|
||||
<section class="order-history">
|
||||
<div class="container">
|
||||
<div class="order-history-inner">
|
||||
<div class="item-section-title">
|
||||
<h2 class="item-section-title-text">История заказов</h2>
|
||||
<div class="item-section-filter item-section-filter-desktop">
|
||||
<div class="item-section-filter-img">
|
||||
<img src="../icons/Filter.svg" alt="Filter">
|
||||
</div>
|
||||
<select name="filter-option" id="filter-options">
|
||||
<option value="new-first"><span>Сначала новые товары</span></option>
|
||||
<option value="lorem"><span>Lorem, ipsum dolor.</span></option>
|
||||
<option value="lorem"><span>Lorem, ipsum dolor.</span></option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
<div class="order-history-container">
|
||||
<div class="order-history-wrapper">
|
||||
<div class="order-history-head">
|
||||
<h4 class="order-history-head-text">Номер заказа</h4>
|
||||
<h4 class="order-history-head-text">Дата покупки</h4>
|
||||
<h4 class="order-history-head-text">Количество товара</h4>
|
||||
<h4 class="order-history-head-text">Цена</h4>
|
||||
<h4 class="order-history-head-text">Подробности</h4>
|
||||
</div>
|
||||
<div class="order-history-block-container">
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number">№ 1233123</h4>
|
||||
<h4 class="order-history-head-text date">16.08.2021</h4>
|
||||
<h4 class="order-history-head-text qnty">24</h4>
|
||||
<h4 class="order-history-head-text price">765.00 TMT</h4>
|
||||
<div class="more">
|
||||
<a href="#">Подробнее</a>
|
||||
<div class="more-img">
|
||||
<img src="../icons/right-arrow (1).svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number">№ 1233123</h4>
|
||||
<h4 class="order-history-head-text date">16.08.2021</h4>
|
||||
<h4 class="order-history-head-text qnty">24</h4>
|
||||
<h4 class="order-history-head-text price">765.00 TMT</h4>
|
||||
<div class="more">
|
||||
<a href="#">Подробнее</a>
|
||||
<div class="more-img">
|
||||
<img src="../icons/right-arrow (1).svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number">№ 1233123</h4>
|
||||
<h4 class="order-history-head-text date">16.08.2021</h4>
|
||||
<h4 class="order-history-head-text qnty">24</h4>
|
||||
<h4 class="order-history-head-text price">765.00 TMT</h4>
|
||||
<div class="more">
|
||||
<a href="#">Подробнее</a>
|
||||
<div class="more-img">
|
||||
<img src="../icons/right-arrow (1).svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number">№ 1233123</h4>
|
||||
<h4 class="order-history-head-text date">16.08.2021</h4>
|
||||
<h4 class="order-history-head-text qnty">24</h4>
|
||||
<h4 class="order-history-head-text price">765.00 TMT</h4>
|
||||
<div class="more">
|
||||
<a href="#">Подробнее</a>
|
||||
<div class="more-img">
|
||||
<img src="../icons/right-arrow (1).svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number">№ 1233123</h4>
|
||||
<h4 class="order-history-head-text date">16.08.2021</h4>
|
||||
<h4 class="order-history-head-text qnty">24</h4>
|
||||
<h4 class="order-history-head-text price">765.00 TMT</h4>
|
||||
<div class="more">
|
||||
<a href="#">Подробнее</a>
|
||||
<div class="more-img">
|
||||
<img src="../icons/right-arrow (1).svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number">№ 1233123</h4>
|
||||
<h4 class="order-history-head-text date">16.08.2021</h4>
|
||||
<h4 class="order-history-head-text qnty">24</h4>
|
||||
<h4 class="order-history-head-text price">765.00 TMT</h4>
|
||||
<div class="more">
|
||||
<a href="#">Подробнее</a>
|
||||
<div class="more-img">
|
||||
<img src="../icons/right-arrow (1).svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number">№ 1233123</h4>
|
||||
<h4 class="order-history-head-text date">16.08.2021</h4>
|
||||
<h4 class="order-history-head-text qnty">24</h4>
|
||||
<h4 class="order-history-head-text price">765.00 TMT</h4>
|
||||
<div class="more">
|
||||
<a href="#">Подробнее</a>
|
||||
<div class="more-img">
|
||||
<img src="../icons/right-arrow (1).svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number">№ 1233123</h4>
|
||||
<h4 class="order-history-head-text date">16.08.2021</h4>
|
||||
<h4 class="order-history-head-text qnty">24</h4>
|
||||
<h4 class="order-history-head-text price">765.00 TMT</h4>
|
||||
<div class="more">
|
||||
<a href="#">Подробнее</a>
|
||||
<div class="more-img">
|
||||
<img src="../icons/right-arrow (1).svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<div class="order-history-block-container-wrapper">
|
||||
<div class="order-history-block-list">
|
||||
<h4 class="order-history-head-text number">№ 1233123</h4>
|
||||
<h4 class="order-history-head-text date">16.08.2021</h4>
|
||||
<h4 class="order-history-head-text qnty">24</h4>
|
||||
<h4 class="order-history-head-text price">765.00 TMT</h4>
|
||||
<div class="more">
|
||||
<a href="#">Подробнее</a>
|
||||
<div class="more-img">
|
||||
<img src="../icons/right-arrow (1).svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="product-section-pagination-wrapper">
|
||||
<div class="product-section-pagination">
|
||||
<div class="pagination-buttons">
|
||||
<form>
|
||||
<button class="pagination-button pagination-button-left">
|
||||
<div>
|
||||
<img src="../icons/arrow-down-sign-to-navigate.svg" alt="">
|
||||
</div>
|
||||
</button>
|
||||
<span class="mid-button-text">1</span>
|
||||
<button class="pagination-button pagination-button-right">
|
||||
<div>
|
||||
<img src="../icons/arrow-down-sign-to-navigate.svg" alt="">
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<h6 class="page-count">Всего 20 страниц</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ORDER HISTORY CONTENT end ========================================================= -->
|
||||
|
||||
|
||||
<!-- FOOTER ================================================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="assist-block footer-block">
|
||||
<div class="footer-title-wrapper active">
|
||||
<h2 class="footer-title">Помощь по сайту</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="assist-block-content footer-content visible">
|
||||
<ul class="footer-links-list">
|
||||
<li class="footer-list-el"><a href="#">Как зарегистрироваться</a></li>
|
||||
<li class="footer-list-el"><a href="#">Как оформить заказ</a></li>
|
||||
<li class="footer-list-el"><a href="#">Информация о доставке</a></li>
|
||||
<li class="footer-list-el"><a href="#">Обмен и возврат товара</a></li>
|
||||
<li class="footer-list-el"><a href="#">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contacts-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Контакты</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="contacts-block-content footer-content">
|
||||
<div class="contacts-block-address">
|
||||
<span class="contacts-block-dim-text">Адрес:</span>
|
||||
<h4 class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.
|
||||
</h4>
|
||||
</div>
|
||||
<div class="contacts-block-number">
|
||||
<span class="contacts-block-dim-text">Мобильный номер :</span>
|
||||
<h4 class="contacts-block-bright-text">+99360142251</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Скоро будет</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="soon-block-content footer-content">
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/apple.svg" alt="appstore">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">App Store</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/google-play.svg" alt="googleplay">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">Google Play</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Соц. сети</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="social-block-content footer-content">
|
||||
<div class="social-block-content-wrapper">
|
||||
<a href="#" class="social-facebook social-icon">
|
||||
<img src="../icons/facebook.svg" alt="facebook">
|
||||
</a>
|
||||
<a href="#" class="social-twitter social-icon">
|
||||
<img src="../icons/twitter.svg" alt="twitter">
|
||||
</a>
|
||||
<a href="#" class="social-instagram social-icon">
|
||||
<img src="../icons/instagram.svg" alt="instagram">
|
||||
</a>
|
||||
<a href="#" class="social-google social-icon">
|
||||
<img src="../icons/google-plus.svg" alt="google-plus">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line"></div>
|
||||
</footer>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="footer-bottom-inner">
|
||||
<span class="footer-bottom-text">© All rights reserved. Made by <a href="#">TPS
|
||||
Digital</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER end ============================================================================ -->
|
||||
|
||||
<script src="../scripts/orders.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,704 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="../styles/style.css" />
|
||||
<link rel="stylesheet" href="../styles/categories-tv.css">
|
||||
<link rel="stylesheet" href="../styles/cart.css">
|
||||
<link rel="stylesheet" href="../styles/delivery-desc.css">
|
||||
<link rel="stylesheet" href="../styles/service.css">
|
||||
<link rel="stylesheet" href="../styles/pre-order.css">
|
||||
<title>ElektronikaTM</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- LOGIN/SIGNUP ====================================================================== -->
|
||||
<section class="sign-up">
|
||||
<div class="sign-up-container">
|
||||
<div class="sign-up-wrapper">
|
||||
<div class="login-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Вход</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="forgot-pass">Забыли пароль?</h5>
|
||||
<button type="button" class="log-in">Войти</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Если у вас нет профиля</span>
|
||||
<h5 class="sign-up-btn">Зарегистрируйтесь.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form registration-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Регистрация</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Электронная почта</span>
|
||||
<div class="dif-input">
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in">Зарегистрироваться</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Уже есть профиль?</span>
|
||||
<h5 class="sign-up-btn sign-up-btn-return">Войдите.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-nr">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Ваш номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped sms-trigger">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-sms">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Код из смс сообщения</span>
|
||||
<div class="dif-input">
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped">Отправить</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Сообщение не пришло?</span>
|
||||
<h5 class="sign-up-btn resend-sms">Отправить заново.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- LOGIN/SIGNUP end ================================================================== -->
|
||||
<!-- HEADER ============================================================================ -->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header-inner no-mobile">
|
||||
<div class="header-left-side">
|
||||
<div class="clock-wrapper">
|
||||
<img src="../icons/clock.svg" alt="clock" />
|
||||
</div>
|
||||
<div class="head-left-text-wrapper">
|
||||
<span class="head-left-text">Пн - Пт: 09:00 - 18:00</span>
|
||||
<span class="head-left-text-further">Суб: 09:00 - 13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right-side">
|
||||
<div class="phone-wrapper">
|
||||
<img src="../icons/telephone.svg" alt="telephone" />
|
||||
</div>
|
||||
<div class="head-right-text-wrapper">
|
||||
<span class="head-right-text head-left-text">+(993) 60142251</span>
|
||||
</div>
|
||||
<div class="language-select">
|
||||
<div class="flag-wrapper">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag of Russia" />
|
||||
</div>
|
||||
<div class="language-wrapper">
|
||||
<span class="language">РУС</span>
|
||||
<ul class="language-list hidden">
|
||||
<li class="language-el"><a href="#">Русский</a></li>
|
||||
<li class="language-el"><a href="#">English</a></li>
|
||||
<li class="language-el"><a href="#">Türkmençe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER end ======================================================================== -->
|
||||
|
||||
<!-- NAV =============================================================================== -->
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="nav-inner-burger-container hidden-burger">
|
||||
<div class="burger-title-wrapper">
|
||||
<h2 class="burger-title">Добро пожаловать <span id="user"> </span> !</h2>
|
||||
<div class="burger-close">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line-burger" style="width: 80%;"></div>
|
||||
<div class="burger-content-scrollable">
|
||||
<ul class="burger-top-content">
|
||||
<li><a href="#" class="burger-top-text">Доставка</a></li>
|
||||
<li><a href="#" class="burger-top-text">Сервисный центр</a></li>
|
||||
<li><a href="#" class="burger-top-text">Предзаказ</a></li>
|
||||
<li><a href="#" class="burger-top-text">Помощь по сайту</a></li>
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-bottom-content">
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">ТВ и Развлечения</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Смартфоны и гаджеты</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Для дома</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Бытовая техника</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Чемоданы Samsonite</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Красота и здоровье</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-footer-content">
|
||||
<li class="language-trig">
|
||||
<div href='#' class="burger-li-wrapper">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="burger-lang">
|
||||
<!-- <div class="lang-russian b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
</div> -->
|
||||
<a href="#" class="lang-english b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_the_United_Kingdom.svg"
|
||||
alt="Flag_of_the_United_Kingdom">
|
||||
</div>
|
||||
<span class="burger-footer-text">English</span>
|
||||
</a>
|
||||
<a href="#" class="lang-turkmen b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Turkmenistan.svg" alt="Flag_of_Turkmenistan">
|
||||
</div>
|
||||
<span class="burger-footer-text">Türkmençe</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="price-view">
|
||||
<div class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">USD</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="currency">
|
||||
<h2>TMT</h2>
|
||||
</div>
|
||||
</li>
|
||||
<li class="burger-sign-in">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Войти</span>
|
||||
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="burger-sign-up">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Зарегистрироваться</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner no-mobile">
|
||||
<div class="logo-wrapper">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM" />
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="nav-buttons">
|
||||
<div class="login logged-false logged">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (enter0.svg" alt="login" />
|
||||
</div>
|
||||
<span>Войти</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login logged-true">
|
||||
<button type="button" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/user (1).svg" alt="user" />
|
||||
</div>
|
||||
<span class="profile-name">Профиль</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="favorite">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
<span>Избранное</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
<span>Корзина</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-dropdown">
|
||||
<a href="#" class="profile-block profile">
|
||||
<div class="user-img">
|
||||
<img src="../icons/user (2).svg" alt="user">
|
||||
</div>
|
||||
<h4 class="profile-text user-name"></h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<a href="#" class="profile-block history ">
|
||||
<div class="user-img">
|
||||
<img src="../icons/writing.svg" alt="pen">
|
||||
</div>
|
||||
<h4 class="profile-text">История заказов</h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<button type="button" class="profile-block logout">
|
||||
<div class="user-img">
|
||||
<img src="../icons/logout.svg" alt="Выйти">
|
||||
</div>
|
||||
<h4 class="profile-text">Выйти</h4>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner-mobile no-desktop">
|
||||
<div class="nav-inner-top">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="logo-wrapper-mobile">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM">
|
||||
</div>
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-inner-bottom">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- NAV end =========================================================================== -->
|
||||
<!-- TOP HERO ========================================================================== -->
|
||||
<section class="top-hero">
|
||||
<div class="container">
|
||||
<div class="top-hero-inner no-mobile">
|
||||
<ul class="link-list">
|
||||
<li class="service-li active skewed edited">
|
||||
<a href="#" class="categories">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<span class="link-text white-text">Категории</span>
|
||||
<div class="cat-dropdown">
|
||||
<ul>
|
||||
<li><a href="#">ТВ и Развлечения</a></li>
|
||||
<li><a href="#">Смартфоны и гаджеты</a></li>
|
||||
<li><a href="#">Для дома</a></li>
|
||||
<li><a href="#">Бытовая техника</a></li>
|
||||
<li><a href="#">Чемоданы Samsonite</a></li>
|
||||
<li><a href="#">Красота и здоровье</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Доставка</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Сервисный центр</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Предзаказ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text displaced-text">Помощь по сайту</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-hero-inner-mobile no-desktop">
|
||||
<ul class="link-list-mobile">
|
||||
<li><a href="#">Телевизоры</a></li>
|
||||
<li><a href="#">Аудио, видео и Hi-Fi техника</a></li>
|
||||
<li><a href="#">Смартфоны, мобильные телефоны</a></li>
|
||||
<li><a href="#">Аксессуары для ТВ, аудио, видео</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- TOP HERO end ====================================================================== -->
|
||||
|
||||
|
||||
<!-- BREADCRUMB ======================================================================== -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
|
||||
<div class="breadcrumb-container">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Главная</a></li>
|
||||
<li><a href="#" class="current">Предзаказ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- BREADCRUMB end ==================================================================== -->
|
||||
|
||||
<!-- DELIVERY DESCRIPITION ============================ -->
|
||||
<section class="delivery-desc">
|
||||
<div class="container">
|
||||
<div class="delivery-desc-inner">
|
||||
<div class="item-section-title">
|
||||
<h2 class="item-section-title-text"> Оформить предзаказ</h2>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
<div class="descripition-inputs">
|
||||
<form class="description-form">
|
||||
<div class="part-1">
|
||||
<div class="input-block-1">
|
||||
<div class="input-block grid-1">
|
||||
<h4 class="input-name">Имя<span class="input-required">*</span></h4>
|
||||
<input type="text" class="input-input" required>
|
||||
</div>
|
||||
<div class="input-block grid-2">
|
||||
<h4 class="input-name">Фамилия<span class="input-required">*</span></h4>
|
||||
<input type="text" class="input-input" required>
|
||||
</div>
|
||||
<div class="input-block grid-bottom">
|
||||
<h4 class="input-name">Номер телефона<span class="input-required">*</span></h4>
|
||||
<input type="text" class="input-input" required>
|
||||
</div>
|
||||
|
||||
<!-- <div class="input-block">
|
||||
<h4 class="input-name">Бренд<span class="input-required">*</span></h4>
|
||||
<input type="text" class="input-input" required>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="input-block-2">
|
||||
<div class="input-block">
|
||||
<h4 class="input-name">Электронная почта</h4>
|
||||
<input type="email" class="input-input">
|
||||
</div>
|
||||
<div class="input-block">
|
||||
<h4 class="input-name">Маркировка</h4>
|
||||
<input type="text" class="input-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="part-2">
|
||||
<div class="input-block-outer">
|
||||
<h4 class="input-name">Сообщение</h4>
|
||||
<textarea class="input-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="part-3">
|
||||
<button class="submit-button" type="submit">Отправить заявку</button>
|
||||
<span>Поля отмеченные "<span class="input-required">*</span>" обязательны для заполнения!</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- DELIVERY DESCRIPITION ============================ -->
|
||||
<!-- FOOTER ================================================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="assist-block footer-block">
|
||||
<div class="footer-title-wrapper active">
|
||||
<h2 class="footer-title">Помощь по сайту</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="assist-block-content footer-content visible">
|
||||
<ul class="footer-links-list">
|
||||
<li class="footer-list-el"><a href="#">Как зарегистрироваться</a></li>
|
||||
<li class="footer-list-el"><a href="#">Как оформить заказ</a></li>
|
||||
<li class="footer-list-el"><a href="#">Информация о доставке</a></li>
|
||||
<li class="footer-list-el"><a href="#">Обмен и возврат товара</a></li>
|
||||
<li class="footer-list-el"><a href="#">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contacts-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Контакты</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="contacts-block-content footer-content">
|
||||
<div class="contacts-block-address">
|
||||
<span class="contacts-block-dim-text">Адрес:</span>
|
||||
<h4 class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.
|
||||
</h4>
|
||||
</div>
|
||||
<div class="contacts-block-number">
|
||||
<span class="contacts-block-dim-text">Мобильный номер :</span>
|
||||
<h4 class="contacts-block-bright-text">+99360142251</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Скоро будет</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="soon-block-content footer-content">
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/apple.svg" alt="appstore">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">App Store</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/google-play.svg" alt="googleplay">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">Google Play</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Соц. сети</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="social-block-content footer-content">
|
||||
<div class="social-block-content-wrapper">
|
||||
<a href="#" class="social-facebook social-icon">
|
||||
<img src="../icons/facebook.svg" alt="facebook">
|
||||
</a>
|
||||
<a href="#" class="social-twitter social-icon">
|
||||
<img src="../icons/twitter.svg" alt="twitter">
|
||||
</a>
|
||||
<a href="#" class="social-instagram social-icon">
|
||||
<img src="../icons/instagram.svg" alt="instagram">
|
||||
</a>
|
||||
<a href="#" class="social-google social-icon">
|
||||
<img src="../icons/google-plus.svg" alt="google-plus">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line"></div>
|
||||
</footer>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="footer-bottom-inner">
|
||||
<span class="footer-bottom-text">© All rights reserved. Made by <a href="#">TPS Digital</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER end ============================================================================ -->
|
||||
|
||||
<script src="../scripts/pre-order.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,775 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ElektronikaTM</title>
|
||||
<link rel="stylesheet" href="../styles/style.css">
|
||||
<link rel="stylesheet" href="../styles/categories-tv.css">
|
||||
<link rel="stylesheet" href="../styles/cart.css">
|
||||
<link rel="stylesheet" href="../styles/delivery.css">
|
||||
<link rel="stylesheet" href="../styles/profile.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- LOGIN/SIGNUP ====================================================================== -->
|
||||
<section class="sign-up">
|
||||
<div class="sign-up-container">
|
||||
<div class="sign-up-wrapper">
|
||||
<div class="login-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Вход</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="forgot-pass">Забыли пароль?</h5>
|
||||
<button type="button" class="log-in">Войти</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Если у вас нет профиля</span>
|
||||
<h5 class="sign-up-btn">Зарегистрируйтесь.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form registration-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Регистрация</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Электронная почта</span>
|
||||
<div class="dif-input">
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in">Зарегистрироваться</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Уже есть профиль?</span>
|
||||
<h5 class="sign-up-btn sign-up-btn-return">Войдите.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-nr">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Ваш номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped sms-trigger">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-sms">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Код из смс сообщения</span>
|
||||
<div class="dif-input">
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped">Отправить</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Сообщение не пришло?</span>
|
||||
<h5 class="sign-up-btn resend-sms">Отправить заново.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- LOGIN/SIGNUP end ================================================================== -->
|
||||
<!-- HEADER ============================================================================ -->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header-inner no-mobile">
|
||||
<div class="header-left-side">
|
||||
<div class="clock-wrapper">
|
||||
<img src="../icons/clock.svg" alt="clock" />
|
||||
</div>
|
||||
<div class="head-left-text-wrapper">
|
||||
<span class="head-left-text">Пн - Пт: 09:00 - 18:00</span>
|
||||
<span class="head-left-text-further">Суб: 09:00 - 13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right-side">
|
||||
<div class="phone-wrapper">
|
||||
<img src="../icons/telephone.svg" alt="telephone" />
|
||||
</div>
|
||||
<div class="head-right-text-wrapper">
|
||||
<span class="head-right-text head-left-text">+(993) 60142251</span>
|
||||
</div>
|
||||
<div class="language-select">
|
||||
<div class="flag-wrapper">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag of Russia" />
|
||||
</div>
|
||||
<div class="language-wrapper">
|
||||
<span class="language">РУС</span>
|
||||
<ul class="language-list hidden">
|
||||
<li class="language-el"><a href="#">Русский</a></li>
|
||||
<li class="language-el"><a href="#">English</a></li>
|
||||
<li class="language-el"><a href="#">Türkmençe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER end ======================================================================== -->
|
||||
|
||||
<!-- NAV =============================================================================== -->
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="nav-inner-burger-container hidden-burger">
|
||||
<div class="burger-title-wrapper">
|
||||
<h2 class="burger-title">Добро пожаловать <span id="user"> </span> !</h2>
|
||||
<div class="burger-close">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line-burger" style="width: 80%;"></div>
|
||||
<div class="burger-content-scrollable">
|
||||
<ul class="burger-top-content">
|
||||
<li><a href="#" class="burger-top-text">Доставка</a></li>
|
||||
<li><a href="#" class="burger-top-text">Сервисный центр</a></li>
|
||||
<li><a href="#" class="burger-top-text">Предзаказ</a></li>
|
||||
<li><a href="#" class="burger-top-text">Помощь по сайту</a></li>
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-bottom-content">
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">ТВ и Развлечения</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Смартфоны и гаджеты</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Для дома</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Бытовая техника</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Чемоданы Samsonite</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Красота и здоровье</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-footer-content">
|
||||
<li class="language-trig">
|
||||
<div href='#' class="burger-li-wrapper">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="burger-lang">
|
||||
<!-- <div class="lang-russian b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
</div> -->
|
||||
<a href="#" class="lang-english b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_the_United_Kingdom.svg"
|
||||
alt="Flag_of_the_United_Kingdom">
|
||||
</div>
|
||||
<span class="burger-footer-text">English</span>
|
||||
</a>
|
||||
<a href="#" class="lang-turkmen b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Turkmenistan.svg" alt="Flag_of_Turkmenistan">
|
||||
</div>
|
||||
<span class="burger-footer-text">Türkmençe</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="price-view">
|
||||
<div class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">USD</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="currency">
|
||||
<h2>TMT</h2>
|
||||
</div>
|
||||
</li>
|
||||
<li class="burger-sign-in">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Войти</span>
|
||||
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="burger-sign-up">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Зарегистрироваться</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner no-mobile">
|
||||
<div class="logo-wrapper">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM" />
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="nav-buttons">
|
||||
<div class="login logged-false logged">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (enter0.svg" alt="login" />
|
||||
</div>
|
||||
<span>Войти</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login logged-true">
|
||||
<button type="button" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/user (1).svg" alt="user" />
|
||||
</div>
|
||||
<span class="profile-name">Профиль</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="favorite">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
<span>Избранное</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
<span>Корзина</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-dropdown">
|
||||
<a href="#" class="profile-block profile">
|
||||
<div class="user-img">
|
||||
<img src="../icons/user (2).svg" alt="user">
|
||||
</div>
|
||||
<h4 class="profile-text user-name"></h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<a href="#" class="profile-block history ">
|
||||
<div class="user-img">
|
||||
<img src="../icons/writing.svg" alt="pen">
|
||||
</div>
|
||||
<h4 class="profile-text">История заказов</h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<button type="button" class="profile-block logout">
|
||||
<div class="user-img">
|
||||
<img src="../icons/logout.svg" alt="Выйти">
|
||||
</div>
|
||||
<h4 class="profile-text">Выйти</h4>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner-mobile no-desktop">
|
||||
<div class="nav-inner-top">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="logo-wrapper-mobile">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM">
|
||||
</div>
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-inner-bottom">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- NAV end =========================================================================== -->
|
||||
<!-- TOP HERO ========================================================================== -->
|
||||
<section class="top-hero">
|
||||
<div class="container">
|
||||
<div class="top-hero-inner no-mobile">
|
||||
<ul class="link-list">
|
||||
<li class="service-li active skewed edited">
|
||||
<a href="#" class="categories">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<span class="link-text white-text">Категории</span>
|
||||
<div class="cat-dropdown">
|
||||
<ul>
|
||||
<li><a href="#">ТВ и Развлечения</a></li>
|
||||
<li><a href="#">Смартфоны и гаджеты</a></li>
|
||||
<li><a href="#">Для дома</a></li>
|
||||
<li><a href="#">Бытовая техника</a></li>
|
||||
<li><a href="#">Чемоданы Samsonite</a></li>
|
||||
<li><a href="#">Красота и здоровье</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Доставка</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Сервисный центр</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Предзаказ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text displaced-text">Помощь по сайту</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-hero-inner-mobile no-desktop">
|
||||
<ul class="link-list-mobile">
|
||||
<li><a href="#">Телевизоры</a></li>
|
||||
<li><a href="#">Аудио, видео и Hi-Fi техника</a></li>
|
||||
<li><a href="#">Смартфоны, мобильные телефоны</a></li>
|
||||
<li><a href="#">Аксессуары для ТВ, аудио, видео</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- TOP HERO end ====================================================================== -->
|
||||
|
||||
|
||||
<!-- BREADCRUMB ======================================================================== -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
|
||||
<div class="breadcrumb-container">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Главная</a></li>
|
||||
<li><a href="#">Личный кабинет</a></li>
|
||||
<li><a href="#" class="current">Данные профиля</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- BREADCRUMB end ==================================================================== -->
|
||||
<!-- PROFILE CONTENT =================================================================== -->
|
||||
<section class="profile-content">
|
||||
<div class="container">
|
||||
<div class="profile-content-inner">
|
||||
<div class="delivery-content-inner-title">
|
||||
<h2 class="delivery-content-inner-title-text">Профиль</h2>
|
||||
<div class="horizontal"></div>
|
||||
</div>
|
||||
<form class="profile-content-inner-wrapper">
|
||||
<div class="profile-content-inner-mid">
|
||||
<div class="profile-content-inner-mid-title">
|
||||
<h3 class="delivery-content-bottom-title">Данные профиля</h3>
|
||||
</div>
|
||||
<div class="profile-content-inner-mid-block-wrapper">
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Имя</span>
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Фамилия</span>
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Номер телефона</span>
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-inner-mid">
|
||||
<div class="profile-content-inner-mid-block-wrapper">
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Электронная почта</span>
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Пароль</span>
|
||||
<input type="password" maxlength="50" class="hidden-shown">
|
||||
<button type="button" class="password-show">
|
||||
<img src="../icons/view.svg" alt="view">
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Новый пароль</span>
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
<form class="profile-inner-bottom-wrapper">
|
||||
<div class="profile-content-inner-bottom">
|
||||
<div class="delivery-content-bottom-title">
|
||||
<h4 class="delivery-content-bottom-title">Ваш адрес</h4>
|
||||
</div>
|
||||
<div class="delivery-content-mid-left-blocks">
|
||||
<div class="content-block">
|
||||
<div class="content-block-title-wrapper">
|
||||
<h4 class="content-block-wrapper-text">Адрес №<span class="address-nr"></span></h4>
|
||||
</div>
|
||||
<div class="content-block-main-wrapper">
|
||||
<textarea class="content-block-main-wrapper-text"
|
||||
spellcheck="false">Мир 3/1, ул. Анкара, дом 140, кв. 10, г. Ашхабад тел.: +993 65 554433</textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-block">
|
||||
<div class="content-block-title-wrapper">
|
||||
<h4 class="content-block-wrapper-text">Адрес №<span class="address-nr"></span></h4>
|
||||
</div>
|
||||
<div class="content-block-main-wrapper">
|
||||
<textarea class="content-block-main-wrapper-text"
|
||||
spellcheck="false">Мир 4, ул. Анкара, дом 240, кв. 5, г. Ашхабад тел.: +993 65 554433</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="content-link">
|
||||
<div class="content-link-wrapper">
|
||||
<div class="content-link-img">
|
||||
<img src="../icons/add.svg" alt="add">
|
||||
</div>
|
||||
<h4 class="content-link-wrapper">Добавить адрес</h4>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
<div class="profile-content-inner-mid-block-wrapper profile-content-inner-mid-block-wrapper-hidden">
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Адрес</span>
|
||||
<input type="text" class="fetch-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Дом</span>
|
||||
<input type="text" class="fetch-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Квартира</span>
|
||||
<input type="text" class="fetch-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-block">
|
||||
<div class="profile-content-block-inner">
|
||||
<span>Альтернативный номер телефона</span>
|
||||
<input type="text" class="fetch-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-content-inner-bottom-second">
|
||||
<div>
|
||||
<button type="button" class="checkout-button save-button"><span>Сохранить</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- PROFILE CONTENT end =============================================================== -->
|
||||
<!-- FOOTER ================================================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="assist-block footer-block">
|
||||
<div class="footer-title-wrapper active">
|
||||
<h2 class="footer-title">Помощь по сайту</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="assist-block-content footer-content visible">
|
||||
<ul class="footer-links-list">
|
||||
<li class="footer-list-el"><a href="#">Как зарегистрироваться</a></li>
|
||||
<li class="footer-list-el"><a href="#">Как оформить заказ</a></li>
|
||||
<li class="footer-list-el"><a href="#">Информация о доставке</a></li>
|
||||
<li class="footer-list-el"><a href="#">Обмен и возврат товара</a></li>
|
||||
<li class="footer-list-el"><a href="#">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contacts-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Контакты</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="contacts-block-content footer-content">
|
||||
<div class="contacts-block-address">
|
||||
<span class="contacts-block-dim-text">Адрес:</span>
|
||||
<h4 class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.
|
||||
</h4>
|
||||
</div>
|
||||
<div class="contacts-block-number">
|
||||
<span class="contacts-block-dim-text">Мобильный номер :</span>
|
||||
<h4 class="contacts-block-bright-text">+99360142251</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Скоро будет</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="soon-block-content footer-content">
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/apple.svg" alt="appstore">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">App Store</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/google-play.svg" alt="googleplay">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">Google Play</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Соц. сети</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="social-block-content footer-content">
|
||||
<div class="social-block-content-wrapper">
|
||||
<a href="#" class="social-facebook social-icon">
|
||||
<img src="../icons/facebook.svg" alt="facebook">
|
||||
</a>
|
||||
<a href="#" class="social-twitter social-icon">
|
||||
<img src="../icons/twitter.svg" alt="twitter">
|
||||
</a>
|
||||
<a href="#" class="social-instagram social-icon">
|
||||
<img src="../icons/instagram.svg" alt="instagram">
|
||||
</a>
|
||||
<a href="#" class="social-google social-icon">
|
||||
<img src="../icons/google-plus.svg" alt="google-plus">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line"></div>
|
||||
</footer>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="footer-bottom-inner">
|
||||
<span class="footer-bottom-text">© All rights reserved. Made by <a href="#">TPS
|
||||
Digital</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER end ============================================================================ -->
|
||||
|
||||
<script src="../scripts/profile.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,738 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="../styles/style.css" />
|
||||
<link rel="stylesheet" href="../styles/categories-tv.css">
|
||||
<link rel="stylesheet" href="../styles/cart.css">
|
||||
<link rel="stylesheet" href="../styles/delivery-desc.css">
|
||||
<link rel="stylesheet" href="../styles/service.css">
|
||||
<title>ElektronikaTM</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- LOGIN/SIGNUP ====================================================================== -->
|
||||
<section class="sign-up">
|
||||
<div class="sign-up-container">
|
||||
<div class="sign-up-wrapper">
|
||||
<div class="login-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Вход</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="forgot-pass">Забыли пароль?</h5>
|
||||
<button type="button" class="log-in">Войти</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Если у вас нет профиля</span>
|
||||
<h5 class="sign-up-btn">Зарегистрируйтесь.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form registration-form">
|
||||
<div class="sign-up-title">
|
||||
<h4>Регистрация</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Электронная почта</span>
|
||||
<div class="dif-input">
|
||||
<input type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in">Зарегистрироваться</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Уже есть профиль?</span>
|
||||
<h5 class="sign-up-btn sign-up-btn-return">Войдите.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-nr">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Ваш номер телефона</span>
|
||||
<div class="dif-input">
|
||||
<h5 class="pointer-ev-none">+993</h5>
|
||||
<input class="abs-input" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped sms-trigger">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-form password-recovery-sms">
|
||||
<div class="sign-up-title">
|
||||
<h4>Восстановление пароля</h4>
|
||||
<div class="sign-up-exit-img">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<form class="sign-up-content">
|
||||
<div class="sign-up-input">
|
||||
<span>Код из смс сообщения</span>
|
||||
<div class="dif-input">
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Введите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sign-up-input">
|
||||
<span>Повторите новый пароль</span>
|
||||
<div class="dif-input">
|
||||
<input type="password">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="log-in topped">Отправить</button>
|
||||
<div class="sign-up-footer">
|
||||
<span>Сообщение не пришло?</span>
|
||||
<h5 class="sign-up-btn resend-sms">Отправить заново.</h5>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- LOGIN/SIGNUP end ================================================================== -->
|
||||
<!-- HEADER ============================================================================ -->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header-inner no-mobile">
|
||||
<div class="header-left-side">
|
||||
<div class="clock-wrapper">
|
||||
<img src="../icons/clock.svg" alt="clock" />
|
||||
</div>
|
||||
<div class="head-left-text-wrapper">
|
||||
<span class="head-left-text">Пн - Пт: 09:00 - 18:00</span>
|
||||
<span class="head-left-text-further">Суб: 09:00 - 13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right-side">
|
||||
<div class="phone-wrapper">
|
||||
<img src="../icons/telephone.svg" alt="telephone" />
|
||||
</div>
|
||||
<div class="head-right-text-wrapper">
|
||||
<span class="head-right-text head-left-text">+(993) 60142251</span>
|
||||
</div>
|
||||
<div class="language-select">
|
||||
<div class="flag-wrapper">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag of Russia" />
|
||||
</div>
|
||||
<div class="language-wrapper">
|
||||
<span class="language">РУС</span>
|
||||
<ul class="language-list hidden">
|
||||
<li class="language-el"><a href="#">Русский</a></li>
|
||||
<li class="language-el"><a href="#">English</a></li>
|
||||
<li class="language-el"><a href="#">Türkmençe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER end ======================================================================== -->
|
||||
|
||||
<!-- NAV =============================================================================== -->
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="nav-inner-burger-container hidden-burger">
|
||||
<div class="burger-title-wrapper">
|
||||
<h2 class="burger-title">Добро пожаловать <span id="user"> </span> !</h2>
|
||||
<div class="burger-close">
|
||||
<img src="../icons/cancel.svg" alt="exit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line-burger" style="width: 80%;"></div>
|
||||
<div class="burger-content-scrollable">
|
||||
<ul class="burger-top-content">
|
||||
<li><a href="#" class="burger-top-text">Доставка</a></li>
|
||||
<li><a href="#" class="burger-top-text">Сервисный центр</a></li>
|
||||
<li><a href="#" class="burger-top-text">Предзаказ</a></li>
|
||||
<li><a href="#" class="burger-top-text">Помощь по сайту</a></li>
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-bottom-content">
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">ТВ и Развлечения</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Смартфоны и гаджеты</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Для дома</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Бытовая техника</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Чемоданы Samsonite</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href='#' class="burger-li-wrapper">
|
||||
<div class="burger-bottom-icon"></div>
|
||||
<span class="burger-bottom-text">Красота и здоровье</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="hr-line-burger"></div>
|
||||
<ul class="burger-footer-content">
|
||||
<li class="language-trig">
|
||||
<div href='#' class="burger-li-wrapper">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="burger-lang">
|
||||
<!-- <div class="lang-russian b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Russia.svg.svg" alt="Flag_of_Russia">
|
||||
</div>
|
||||
<span class="burger-footer-text">Русский</span>
|
||||
</div> -->
|
||||
<a href="#" class="lang-english b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_the_United_Kingdom.svg"
|
||||
alt="Flag_of_the_United_Kingdom">
|
||||
</div>
|
||||
<span class="burger-footer-text">English</span>
|
||||
</a>
|
||||
<a href="#" class="lang-turkmen b-lang">
|
||||
<div class="burger-language-icon">
|
||||
<img src="../icons/Flag_of_Turkmenistan.svg" alt="Flag_of_Turkmenistan">
|
||||
</div>
|
||||
<span class="burger-footer-text">Türkmençe</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="price-view">
|
||||
<div class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">USD</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="currency">
|
||||
<h2>TMT</h2>
|
||||
</div>
|
||||
</li>
|
||||
<li class="burger-sign-in">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Войти</span>
|
||||
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="burger-sign-up">
|
||||
<a href="#" class="burger-li-wrapper burger-li-wrapper-2">
|
||||
<span class="burger-footer-text">Зарегистрироваться</span>
|
||||
<div class="burger-arrow">
|
||||
<img src="../icons/arrow-right-burger.svg" alt="arrow">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner no-mobile">
|
||||
<div class="logo-wrapper">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM" />
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="nav-buttons">
|
||||
<div class="login logged-false logged">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (enter0.svg" alt="login" />
|
||||
</div>
|
||||
<span>Войти</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login logged-true">
|
||||
<button type="button" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/user (1).svg" alt="user" />
|
||||
</div>
|
||||
<span class="profile-name">Профиль</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="favorite">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
<span>Избранное</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cart">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
<span>Корзина</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-dropdown">
|
||||
<a href="#" class="profile-block profile">
|
||||
<div class="user-img">
|
||||
<img src="../icons/user (2).svg" alt="user">
|
||||
</div>
|
||||
<h4 class="profile-text user-name"></h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<a href="#" class="profile-block history ">
|
||||
<div class="user-img">
|
||||
<img src="../icons/writing.svg" alt="pen">
|
||||
</div>
|
||||
<h4 class="profile-text">История заказов</h4>
|
||||
</a>
|
||||
<div class="horizontal"></div>
|
||||
<button type="button" class="profile-block logout">
|
||||
<div class="user-img">
|
||||
<img src="../icons/logout.svg" alt="Выйти">
|
||||
</div>
|
||||
<h4 class="profile-text">Выйти</h4>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-inner-mobile no-desktop">
|
||||
<div class="nav-inner-top">
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (love).svg" alt="favorite" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="logo-wrapper-mobile">
|
||||
<img src="../icons/Logo.svg" alt="ElektronikaTM">
|
||||
</div>
|
||||
<a href="#" class="nav-link">
|
||||
<div class="icon-wrapper">
|
||||
<img src="../icons/icon (cart).svg" alt="cart" />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-inner-bottom">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<form>
|
||||
<input type="search" placeholder="Поиск..." />
|
||||
<button type="button" class="search-button">
|
||||
<div class="button-content">
|
||||
<img src="../icons/icon (loop).svg" alt="Search" />
|
||||
</div>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- NAV end =========================================================================== -->
|
||||
<!-- TOP HERO ========================================================================== -->
|
||||
<section class="top-hero">
|
||||
<div class="container">
|
||||
<div class="top-hero-inner no-mobile">
|
||||
<ul class="link-list">
|
||||
<li class="service-li active skewed edited">
|
||||
<a href="#" class="categories">
|
||||
<div class="burger">
|
||||
<span class="line line-1"></span>
|
||||
<span class="line line-2"></span>
|
||||
<span class="line line-3"></span>
|
||||
</div>
|
||||
<span class="link-text white-text">Категории</span>
|
||||
<div class="cat-dropdown">
|
||||
<ul>
|
||||
<li><a href="#">ТВ и Развлечения</a></li>
|
||||
<li><a href="#">Смартфоны и гаджеты</a></li>
|
||||
<li><a href="#">Для дома</a></li>
|
||||
<li><a href="#">Бытовая техника</a></li>
|
||||
<li><a href="#">Чемоданы Samsonite</a></li>
|
||||
<li><a href="#">Красота и здоровье</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Доставка</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Сервисный центр</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text">Предзаказ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="service-li skewed">
|
||||
<a href="#">
|
||||
<span class="link-text displaced-text">Помощь по сайту</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-hero-inner-mobile no-desktop">
|
||||
<ul class="link-list-mobile">
|
||||
<li><a href="#">Телевизоры</a></li>
|
||||
<li><a href="#">Аудио, видео и Hi-Fi техника</a></li>
|
||||
<li><a href="#">Смартфоны, мобильные телефоны</a></li>
|
||||
<li><a href="#">Аксессуары для ТВ, аудио, видео</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- TOP HERO end ====================================================================== -->
|
||||
|
||||
|
||||
<!-- BREADCRUMB ======================================================================== -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
|
||||
<div class="breadcrumb-container">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Главная</a></li>
|
||||
<li><a href="#" class="current">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- BREADCRUMB end ==================================================================== -->
|
||||
|
||||
<!-- DELIVERY DESCRIPITION ============================ -->
|
||||
<section class="delivery-desc">
|
||||
<div class="container">
|
||||
<div class="delivery-desc-inner">
|
||||
<div class="item-section-title">
|
||||
<h2 class="item-section-title-text">Сервисный центр</h2>
|
||||
</div>
|
||||
<div class="horizontal"></div>
|
||||
<div class="description-top">
|
||||
<h2 class="description-title">«Tehnika dünýäsi»</h2>
|
||||
<div class="desc-paragraph">
|
||||
<span>Мы команда настоящих профессионалов и ведущая служба ремонта бытовой техники в стране!</span>
|
||||
<span class="spaced">Наш сервисный центр предоставляет качественные услуги по ремонту, чтобы продлить срок службы Вашей техники. Наши специалисты являются экспертами по ремонту бытовой техники, которым Вы можете доверять в ремонте бытовой техники любых производителей.</span>
|
||||
<span>Вы оставляете заявку у нас в сервисном центре.</span>
|
||||
<span>Мы диагностируем и устанавливаем причины поломки, согласовываем сроки по ремонту и стоимость.</span>
|
||||
<span>«Стандартная доставка» осуществляется в этот же день при заказе до 16:00.</span>
|
||||
<span>Оповещаем Вас о готовности продукции.</span>
|
||||
<span>Передаем Вам готовую технику и производим расчет.</span>
|
||||
<span>На весь перечень предоставляемых услуг действует гарантия.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="description-bottom">
|
||||
<h2 class="description-title">Сервисный центр</h2>
|
||||
<div class="desc-paragraph">
|
||||
<span>Адрес: 183 здание "Elektronika Dunyasi", Проспект Битарап Туркменистан, Ашхабад.</span>
|
||||
<span>Тел.: 142254, 142255</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="descripition-inputs">
|
||||
<h2 class="description-title">Заявка на ремонт техники</h2>
|
||||
<form class="description-form">
|
||||
<div class="part-1">
|
||||
<div class="input-block">
|
||||
<h4 class="input-name">Имя<span class="input-required">*</span></h4>
|
||||
<input type="text" class="input-input" required>
|
||||
</div>
|
||||
<div class="input-block">
|
||||
<h4 class="input-name">Фамилия<span class="input-required">*</span></h4>
|
||||
<input type="text" class="input-input" required>
|
||||
</div>
|
||||
<div class="input-block">
|
||||
<h4 class="input-name">Номер телефона<span class="input-required">*</span></h4>
|
||||
<input type="text" class="input-input" required>
|
||||
</div>
|
||||
<div class="input-block">
|
||||
<h4 class="input-name">Электронная почта</h4>
|
||||
<input type="email" class="input-input">
|
||||
</div>
|
||||
<div class="input-block">
|
||||
<h4 class="input-name">Наименование товара<span class="input-required">*</span></h4>
|
||||
<select name="item-name" class="input-input item-select" required>
|
||||
<option value="">Выберите товар</option>
|
||||
<option value="wm">Стиральная машина</option>
|
||||
<option value="tv">Телевизор</option>
|
||||
<option value="vc">Пылесос</option>
|
||||
<option value="iron">Утюг</option>
|
||||
<option value="refrigerator">Холодильник</option>
|
||||
<option value="phone">Смартфон</option>
|
||||
<option value="hd">Фен</option>
|
||||
<option value="multicooker">Мультиварка</option>
|
||||
<option value="coffee">Кофемашина</option>
|
||||
<option value="other">Другое</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-block">
|
||||
<h4 class="input-name">Гарантийный талон</h4>
|
||||
<select name="warranty" class="input-input">
|
||||
<option value="yes">Да</option>
|
||||
<option value="no">Нет</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="part-hidden">
|
||||
<div class="input-block">
|
||||
<h4 class="input-name">Другое</h4>
|
||||
<input type="text" class="input-input focused" placeholder="Введите название товара">
|
||||
</div>
|
||||
</div>
|
||||
<div class="part-2">
|
||||
<div class="input-block-outer">
|
||||
<h4 class="input-name">Опишите проблему</h4>
|
||||
<textarea class="input-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="part-3">
|
||||
<button class="submit-button" type="submit">Отправить заявку</button>
|
||||
<span>Поля отмеченные "<span class="input-required">*</span>" обязательны для заполнения!</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- DELIVERY DESCRIPITION ============================ -->
|
||||
<!-- FOOTER ================================================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="assist-block footer-block">
|
||||
<div class="footer-title-wrapper active">
|
||||
<h2 class="footer-title">Помощь по сайту</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="assist-block-content footer-content visible">
|
||||
<ul class="footer-links-list">
|
||||
<li class="footer-list-el"><a href="#">Как зарегистрироваться</a></li>
|
||||
<li class="footer-list-el"><a href="#">Как оформить заказ</a></li>
|
||||
<li class="footer-list-el"><a href="#">Информация о доставке</a></li>
|
||||
<li class="footer-list-el"><a href="#">Обмен и возврат товара</a></li>
|
||||
<li class="footer-list-el"><a href="#">Сервисный центр</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contacts-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Контакты</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="contacts-block-content footer-content">
|
||||
<div class="contacts-block-address">
|
||||
<span class="contacts-block-dim-text">Адрес:</span>
|
||||
<h4 class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.
|
||||
</h4>
|
||||
</div>
|
||||
<div class="contacts-block-number">
|
||||
<span class="contacts-block-dim-text">Мобильный номер :</span>
|
||||
<h4 class="contacts-block-bright-text">+99360142251</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Скоро будет</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="soon-block-content footer-content">
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/apple.svg" alt="appstore">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">App Store</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="soon-download">
|
||||
<div class="download-icon">
|
||||
<img src="../icons/google-play.svg" alt="googleplay">
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<span class="download-text-dim">Download on the</span>
|
||||
<h4 class="download-text-bright">Google Play</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block footer-block">
|
||||
<div class="footer-title-wrapper">
|
||||
<h2 class="footer-title">Соц. сети</h2>
|
||||
<div class="footer-title-arrow">
|
||||
<img src="../icons/arrow-downside.svg" alt="arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hr-lines">
|
||||
<div class="bright-line"></div>
|
||||
<div class="dim-line"></div>
|
||||
</div>
|
||||
<div class="social-block-content footer-content">
|
||||
<div class="social-block-content-wrapper">
|
||||
<a href="#" class="social-facebook social-icon">
|
||||
<img src="../icons/facebook.svg" alt="facebook">
|
||||
</a>
|
||||
<a href="#" class="social-twitter social-icon">
|
||||
<img src="../icons/twitter.svg" alt="twitter">
|
||||
</a>
|
||||
<a href="#" class="social-instagram social-icon">
|
||||
<img src="../icons/instagram.svg" alt="instagram">
|
||||
</a>
|
||||
<a href="#" class="social-google social-icon">
|
||||
<img src="../icons/google-plus.svg" alt="google-plus">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hr-line"></div>
|
||||
</footer>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="footer-bottom-inner">
|
||||
<span class="footer-bottom-text">© All rights reserved. Made by <a href="#">TPS Digital</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER end ============================================================================ -->
|
||||
|
||||
<script src="../scripts/service.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue