TPS/elektronika_bagisto
TPS
/
elektronika_bagisto
6
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

revies page ready

This commit is contained in:
Kakabay 2024-07-05 16:42:05 +05:00
parent a3783049c5
commit 296fd82e6e
4 changed files with 875 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
packages/TPS/Shop/publishable/assets/styles/reviews.css vendored Normal file
View File

@ -0,0 +1,66 @@
.navigation-title {
font-size: 22px;
line-height: 100%;
padding-bottom: 8px;
border-bottom: 1px solid #b2b2b2;
}
.reviews-inner {
display: flex;
flex-direction: column;
gap: 40px;
padding: 40px 0;
}
.review-block {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.review-block:last-child {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
padding-bottom: 20px;
border-bottom: none;
}
.review-block-title {
font-size: 16px;
line-height: 120%;
font-weight: 600;
}
.review-block-details {
display: flex;
align-items: center;
gap: 8px;
}
.review-block-star {
width: 12px;
height: 12px;
color: #c7c7c7;
}
.star-active {
color: #c3000e;
}
.review-block-date {
font-size: 12px;
line-height: 120%;
color: #4e4e4e;
}
.review-block-text {
width: 860px;
font-size: 14px;
color: #4e4e4e;
line-height: 140%;
}

2
packages/TPS/Shop/publishable/pages/index.html
View File

@ -1938,7 +1938,7 @@
<div class="reviews-inner">
<div class="reviews-top">
<h2 class="reviews-title">Отзывы</h2>
<a href="#" class="reviews-top-link"><span>все отзывы</span>
<a href="./reviews.html" class="reviews-top-link"><span>все отзывы</span>
<img src="../assets/icons/chevron-right.svg" alt="">
</a>
</div>

21
packages/TPS/Shop/publishable/pages/product.html
View File

@ -490,6 +490,26 @@ Kepillik
opacity: 0;
}
}
.empty-button {
background-color: #929292;
display: flex;
justify-content: center;
align-items: center;
padding: 23px 0px;
border: none;
outline: none;
width: 100%;
border-radius: 4px;
pointer-events: none;
font-size: 14px;
color: #e0e0e0;
letter-spacing: -2%;
text-align: center;
line-height: 100%;
font-weight: 400;
}
</style>
<style type="text/css"></style>
</head>
@ -1007,6 +1027,7 @@ Kepillik
<button type="submit" class="order-now buynow">
häzir satyn almak
</button>
<button class="empty-button">Нет в наличии</button>
<form
action="https://elektronika.tm/customer/wishlist/add/740"
method="POST"

787
packages/TPS/Shop/publishable/pages/reviews.html Normal file
View File

@ -0,0 +1,787 @@
<!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="../assets/styles/style.css" />
<link rel="stylesheet" href="../assets/styles/reviews.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">
<p>Вход</p>
<div class="sign-up-exit-img">
<img src="../assets/icons/cancel.svg" alt="exit">
</div>
</div>
<form class="sign-up-content">
<div class="sign-up-input">
<span>Номер телефона</span>
<div class="dif-input">
<p class="pointer-ev-none">+993</p>
<input class="abs-input" type="text">
</div>
</div>
<div class="sign-up-input">
<span>Пароль</span>
<div class="dif-input">
<input type="password" class="pas">
<div class="reveal">
<img src="../assets/icons/view.svg" alt="hide">
</div>
</div>
</div>
<p class="forgot-pass">Забыли пароль?</p>
<button type="button" class="log-in">Войти</button>
<div class="sign-up-footer">
<span>Если у вас нет профиля</span>
<p class="sign-up-btn">Зарегистрируйтесь.</p>
</div>
</form>
</div>
<div class="login-form registration-form">
<div class="sign-up-title">
<p>Регистрация</p>
<div class="sign-up-exit-img">
<img src="../assets/icons/cancel.svg" alt="exit">
</div>
</div>
<form class="sign-up-content">
<div class="sign-up-input">
<span>Номер телефона</span>
<div class="dif-input">
<p class="pointer-ev-none">+993</p>
<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" class="pas2">
<div class="reveal2">
<img src="../assets/icons/view.svg" alt="hide">
</div>
</div>
</div>
<div class="sign-up-input">
<span>Повторите пароль</span>
<div class="dif-input">
<input type="password" class="pas2">
</div>
</div>
<button type="button" class="log-in">Зарегистрироваться</button>
<div class="sign-up-footer">
<span>Уже есть профиль?</span>
<p class="sign-up-btn sign-up-btn-return">Войдите.</p>
</div>
</form>
</div>
<div class="login-form confirm">
<div class="sign-up-title">
<p>Регистрация</p>
<div class="sign-up-exit-img">
<img src="../assets/icons/cancel.svg" alt="exit">
</div>
</div>
<form class="sign-up-content">
<div class="sign-up-input">
<span>Мы отправили SMS с шестизначным кодом подтверждения на номер +993 61 62-63-64</span>
<div class="sign-up-input"></div>
</div>
<div class="sign-up-input">
<span>Код из смс сообщения</span>
<div class="dif-input">
<input type="text">
</div>
</div>
<button type="button" class="log-in">Отправить</button>
<div class="sign-up-footer">
<span>Сообщение не пришло?</span>
<button class="sign-up-btn sign-up-btn-return">Отправить заново.</button>
</div>
</form>
</div>
<div class="login-form password-recovery-nr">
<div class="sign-up-title">
<p>Восстановление пароля</p>
<div class="sign-up-exit-img">
<img src="../assets/icons/cancel.svg" alt="exit">
</div>
</div>
<form class="sign-up-content">
<div class="sign-up-input">
<span>Ваш номер телефона</span>
<div class="dif-input">
<p class="pointer-ev-none">+993</p>
<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">
<p>Восстановление пароля</p>
<div class="sign-up-exit-img">
<img src="../assets/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>
<p class="sign-up-btn resend-sms">Отправить заново.</p>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- LOGIN/SIGNUP end ================================================================== -->
<!-- HEADER ============================================================================ -->
<nav class="header">
<div class="container">
<div class="header-inner no-mobile">
<div class="header-left-side">
<div class="clock-wrapper">
<img src="../assets/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="../assets/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="../assets/icons/Flag_of_Russia.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>
</nav>
<header class="nav-block">
<div class="container">
<div class="burger-mobile">
<div class="burger-mobile-inner">
<ul class="burger-list">
<li>
<div class="burger-item-title active">
<span class="burger-item-name">Категории</span>
<div class="arrow black">
<img src="../assets/icons/burger-arrow-black.svg" alt="">
</div>
<div class="arrow white">
<img src="../assets/icons/burger-arrow-white.svg" alt="">
</div>
</div>
<div class="burger-dropdown active">
<ul class="burger-list-inner">
<li>
<div class="burger-item-title-inner">
<span class="burger-item-name">Телефоны и гаджеты
</span>
<div class="arrow black">
<img src="../assets/icons/burger-arrow-black.svg" alt="">
</div>
</div>
<div class="burger-dropdown-inner">
<ul class="burger-list-inner-inner">
<li>
<div class="burger-item-title-inner-inner biti">
<span class="burger-item-name">4K UHD телевизоры</span>
<div class="arrow black">
<img src="../assets/icons/burger-arrow-black.svg" alt="">
</div>
</div>
<div class="burger-dropdown-inner3">
<ul class="burger-list-inner-inner">
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
</ul>
</div>
</li>
<li>
<div class="burger-item-title-inner-inner biti">
<span class="burger-item-name">4K UHD телевизоры</span>
<div class="arrow black">
<img src="../assets/icons/burger-arrow-black.svg" alt="">
</div>
</div>
<div class="burger-dropdown-inner3">
<ul class="burger-list-inner-inner">
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
</ul>
</div>
</li>
<li>
<div class="burger-item-title-inner-inner biti">
<span class="burger-item-name">4K UHD телевизоры</span>
<div class="arrow black">
<img src="../assets/icons/burger-arrow-black.svg" alt="">
</div>
</div>
<div class="burger-dropdown-inner3">
<ul class="burger-list-inner-inner">
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
</ul>
</div>
</li>
<li>
<div class="burger-item-title-inner-inner biti">
<span class="burger-item-name">4K UHD телевизоры</span>
<div class="arrow black">
<img src="../assets/icons/burger-arrow-black.svg" alt="">
</div>
</div>
<div class="burger-dropdown-inner3">
<ul class="burger-list-inner-inner">
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
<li><a href="#">Lorem, ipsum dolor.</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li>
<div class="burger-item-title-inactive">
<a href="#" class="burger-item-name">Сервисный центр</a>
</div>
</li>
<li>
<div class="burger-item-title-inactive">
<a href="#" class="burger-item-name">Предзаказ</a>
</div>
</li>
<li>
<div class="burger-item-title-inactive burger-sign-in">
<span class="burger-item-name">
<span>Войти</span>
<div class="enter">
<img src="../assets/icons/enter.svg" alt="">
</div>
</span>
</div>
</li>
<li>
<div class="burger-item-title-inactive burger-sign-up">
<span class="burger-item-name">
<span>Зарегистрироваться</span>
<div class="enter">
<img src="../assets/icons/enter.svg" alt="">
</div>
</span>
</div>
</li>
<li>
<div class="burger-item-title">
<div class="burger-item-name lang">
<span>Русский</span>
<div class="burger-lang">
<img src="../assets/icons/Flag_of_Russia.svg" alt="">
</div>
</div>
<div class="arrow black">
<img src="../assets/icons/burger-arrow-black.svg" alt="">
</div>
<div class="arrow white">
<img src="../assets/icons/burger-arrow-white.svg" alt="">
</div>
</div>
<div class="burger-dropdown">
<ul class="burger-list-inner-inner">
<li><a href="#" class="burger-item-name lang lang-second">
<span>Туркменский</span>
<div class="burger-lang">
<img src="../assets/icons/Flag_of_Turkmenistan.svg" alt="">
</div>
</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="nav-inner no-mobile">
<!-- <h1 style="display: none;">Elektronika.tm</h1> -->
<a href="#" class="logo-wrapper">
<img src="../assets/icons/Logo.svg" alt="ElektronikaTM" />
</a>
<div class="search-bar">
<form>
<input type="search" placeholder="Поиск..." />
<button type="button" class="search-button">
<div class="button-content">
<img src="../assets/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="../assets/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="../assets/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="../assets/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="../assets/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="../assets/icons/user (2).svg" alt="user">
</div>
<p class="profile-text user-name"></p>
</a>
<div class="horizontal"></div>
<a href="#" class="profile-block history ">
<div class="user-img">
<img src="../assets/icons/writing.svg" alt="pen">
</div>
<p class="profile-text">История заказов</p>
</a>
<div class="horizontal"></div>
<button type="button" class="profile-block logout">
<div class="user-img">
<img src="../assets/icons/logout.svg" alt="Выйти">
</div>
<p class="profile-text">Выйти</p>
</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="../assets/icons/icon (love).svg" alt="favorite" />
</div>
</a>
<div class="logo-wrapper-mobile">
<img src="../assets/icons/Logo.svg" alt="ElektronikaTM">
</div>
<a href="#" class="nav-link">
<div class="icon-wrapper">
<img src="../assets/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="../assets/icons/icon (loop).svg" alt="Search" />
</div>
</button>
</form>
</div>
</div>
</div>
</div>
</header>
<!-- HEADER end ======================================================================== -->
<!-- Navigation start ================================================================== -->
<section class="navigation-section">
<div class="container">
<div class="navigation-inner">
<h2 class="navigation-title">Отзывы о нас</h2>
</div>
</div>
</section>
<!-- Navigation end ==================================================================== -->
<!-- Reviews section start ============================================================= -->
<section class="reviews-section">
<div class="container">
<div class="reviews-inner">
<div class="review-block">
<h3 class="review-block-title">Марина Кравец</h3>
<div class="review-block-details">
<div class="review-block-rating">
<svg class="review-block-star star-active" data-index="1" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="2" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="3" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="4" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star" data-index="5" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
</div>
<span class="review-block-date">29.05.2024 г.</span>
</div>
<p class="review-block-text">
Я в восторге от моего нового фена Dyson, который заказала в онлайн магазине электроники! Он не только стильный и удобный в использовании, но и сушит волосы быстро и без повреждений. Единственное, доставка была немного задержана, но общее впечатление от покупки - великолепное! 😊
</p>
</div>
<div class="review-block">
<h3 class="review-block-title">Марина Кравец</h3>
<div class="review-block-details">
<div class="review-block-rating">
<svg class="review-block-star star-active" data-index="1" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="2" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star" data-index="3" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star" data-index="4" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star" data-index="5" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
</div>
<span class="review-block-date">29.05.2024 г.</span>
</div>
<p class="review-block-text">
Я в восторге от моего нового фена Dyson, который заказала в онлайн магазине электроники! Он не только стильный и удобный в использовании, но и сушит волосы быстро и без повреждений. Единственное, доставка была немного задержана, но общее впечатление от покупки - великолепное! 😊
</p>
</div>
<div class="review-block">
<h3 class="review-block-title">Марина Кравец</h3>
<div class="review-block-details">
<div class="review-block-rating">
<svg class="review-block-star star-active" data-index="1" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="2" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="3" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="4" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star" data-index="5" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
</div>
<span class="review-block-date">29.05.2024 г.</span>
</div>
<p class="review-block-text">
Я в восторге от моего нового фена Dyson, который заказала в онлайн магазине электроники! Он не только стильный и удобный в использовании, но и сушит волосы быстро и без повреждений. Единственное, доставка была немного задержана, но общее впечатление от покупки - великолепное! 😊
</p>
</div>
<div class="review-block">
<h3 class="review-block-title">Марина Кравец</h3>
<div class="review-block-details">
<div class="review-block-rating">
<svg class="review-block-star star-active" data-index="1" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="2" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="3" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="4" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star" data-index="5" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
</div>
<span class="review-block-date">29.05.2024 г.</span>
</div>
<p class="review-block-text">
Я в восторге от моего нового фена Dyson, который заказала в онлайн магазине электроники! Он не только стильный и удобный в использовании, но и сушит волосы быстро и без повреждений. Единственное, доставка была немного задержана, но общее впечатление от покупки - великолепное! 😊
</p>
</div>
<div class="review-block">
<h3 class="review-block-title">Марина Кравец</h3>
<div class="review-block-details">
<div class="review-block-rating">
<svg class="review-block-star star-active" data-index="1" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="2" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="3" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="4" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star" data-index="5" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
</div>
<span class="review-block-date">29.05.2024 г.</span>
</div>
<p class="review-block-text">
Я в восторге от моего нового фена Dyson, который заказала в онлайн магазине электроники! Он не только стильный и удобный в использовании, но и сушит волосы быстро и без повреждений. Единственное, доставка была немного задержана, но общее впечатление от покупки - великолепное! 😊
</p>
</div>
<div class="review-block">
<h3 class="review-block-title">Марина Кравец</h3>
<div class="review-block-details">
<div class="review-block-rating">
<svg class="review-block-star star-active" data-index="1" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="2" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="3" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star star-active" data-index="4" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
<svg class="review-block-star" data-index="5" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
</svg>
</div>
<span class="review-block-date">29.05.2024 г.</span>
</div>
<p class="review-block-text">
Я в восторге от моего нового фена Dyson, который заказала в онлайн магазине электроники! Он не только стильный и удобный в использовании, но и сушит волосы быстро и без повреждений. Единственное, доставка была немного задержана, но общее впечатление от покупки - великолепное! 😊
</p>
</div>
</div>
</div>
</section>
<!-- Reviews section 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="../assets/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="../assets/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>
<p class="contacts-block-bright-text">183, Проспект Битарап <br> Туркменистан, Ашхабад.</p>
</div>
<div class="contacts-block-number">
<span class="contacts-block-dim-text">Мобильный номер :</span>
<p class="contacts-block-bright-text">+99360142251</p>
</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="../assets/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="../assets/icons/apple.svg" alt="appstore">
</div>
<div class="download-text">
<span class="download-text-dim">Download on the</span>
<p class="download-text-bright">App Store</p>
</div>
</div>
<div class="soon-download">
<div class="download-icon">
<img src="../assets/icons/google-play.svg" alt="googleplay">
</div>
<div class="download-text">
<span class="download-text-dim">Download on the</span>
<p class="download-text-bright">Google Play</p>
</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="../assets/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="../assets/icons/facebook.svg" alt="facebook">
</a>
<a href="#" class="social-twitter social-icon">
<img src="../assets/icons/twitter.svg" alt="twitter">
</a>
<a href="#" class="social-instagram social-icon">
<img src="../assets/icons/instagram.svg" alt="instagram">
</a>
<a href="#" class="social-google social-icon">
<img src="../assets/icons/google-plus.svg" alt="google-plus">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="hr-line"></div>
<div class="container">
<div class="footer-bottom footer-bottom-inner">
<span class="footer-bottom-text">&copy All rights reserved. Made by <a href="#">TPS Digital</a></span>
</div>
</div>
</footer>
<!-- FOOTER end ============================================================================ -->
</body>
</html>