Shablon verstka
|
|
@ -0,0 +1,395 @@
|
|||
<!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="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/slick-theme.css">
|
||||
<link rel="stylesheet" href="css/slick.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<title>Contact</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Register ======================================================== -->
|
||||
<section class="register">
|
||||
<div class="auto_container">
|
||||
<div class="register_wrap">
|
||||
<div class="register_body">
|
||||
<div class="register_buttons">
|
||||
<div class="user_btn" id="btn-1">
|
||||
<img src="images/svg/log-in-blue.svg" alt="">
|
||||
<span>Войти</span>
|
||||
</div>
|
||||
<div class="user_btn" id="btn-2">
|
||||
<img src="images/svg/user-plus-blue.svg" alt="">
|
||||
<span>Регистрация</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="register_banner">
|
||||
<div class="register_logo">
|
||||
<img src="images/register_logo.png" alt="">
|
||||
</div>
|
||||
<div class="register_title">
|
||||
ГТСБТ
|
||||
</div>
|
||||
<div class="register_text">
|
||||
Государственная
|
||||
товарно-сырьевая
|
||||
биржа Туркменистана
|
||||
</div>
|
||||
<div class="register_foot">
|
||||
<div class="register_mail">
|
||||
<img src="images/svg/login_mail.svg" alt="">
|
||||
</div>
|
||||
<a href="#" class="register_link">
|
||||
info@exchange.gov.tm
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="register_content">
|
||||
<form action="#" class="register_form">
|
||||
<div class="form_title">
|
||||
Регистрация
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="text" placeholder="Ваш логин">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="email" placeholder="Ваш электронный адрес">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="number" placeholder="Номер телефона">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="password" placeholder="Пароль">
|
||||
</div>
|
||||
<button type="submit" class="form_btn">Продолжить регистрацию</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="register_content_2">
|
||||
<form action="#" class="register_form">
|
||||
<div class="form_title">
|
||||
Войти
|
||||
</div>
|
||||
<div class="form_text">
|
||||
Если вы забыли свой логин или пароль, просим вас
|
||||
восстановить его по <a href="#" class="form_link">ссылке.</a>
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="text" placeholder="Ваш логин">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="password" placeholder="Пароль">
|
||||
</div>
|
||||
<button type="submit" class="form_btn"> Войти в свой профиль</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Register end ==================================================== -->
|
||||
|
||||
<!-- Header Top ========================================================= -->
|
||||
<section class="header_top" id="head-top">
|
||||
<div class="auto_container">
|
||||
<div class="top_wrap">
|
||||
<div class="info_block">
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/phone-call.svg" alt="">
|
||||
</div>
|
||||
<div class="head_text">
|
||||
+99312446015
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/blue_mail.svg" alt="">
|
||||
</div>
|
||||
<a href="#" class="head_text">
|
||||
info@exchange.gov.tm
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#header" class="top_btn">
|
||||
<img src="images/svg/up.svg" alt="">
|
||||
</a>
|
||||
<div class="info_block">
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/trend_up.svg" alt="">
|
||||
</div>
|
||||
<div class="currency">
|
||||
usd
|
||||
</div>
|
||||
<div class="head_num">
|
||||
3.5000
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/trending-down.svg" alt="">
|
||||
</div>
|
||||
<div class="currency">
|
||||
eur
|
||||
</div>
|
||||
<div class="head_num">
|
||||
4.3430
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/trend_up.svg" alt="">
|
||||
</div>
|
||||
<div class="currency">
|
||||
gbp
|
||||
</div>
|
||||
<div class="head_num">
|
||||
3.4353
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Header Top end ========================================================= -->
|
||||
|
||||
<!--Header ============================================================= -->
|
||||
<header class="header" id="header">
|
||||
<div class="auto_container">
|
||||
<div class="header_wrap">
|
||||
<a href="index.html" class="header_logo">
|
||||
<img src="images/logo.png" alt="">
|
||||
</a>
|
||||
|
||||
<div class="head_buttons">
|
||||
<div class="register_btn">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/user-plus-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Регистрация
|
||||
</div>
|
||||
</div>
|
||||
<div class="log_in">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/log-in-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Войти
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!--Header end ========================================================= -->
|
||||
|
||||
<!--Navs ============================================================= -->
|
||||
<nav class="navs" id="nav">
|
||||
<div class="auto_container">
|
||||
<div class="navs_wrap">
|
||||
<div class="burger">
|
||||
<img src="images/svg/menu.svg" alt="">
|
||||
</div>
|
||||
<div class="links_bg">
|
||||
<div class="links">
|
||||
<a href="category.html" class="nav_link">Категории</a>
|
||||
<a href="product.html" class="nav_link">Условия торгов</a>
|
||||
<a href="contact.html" class="nav_link">Обратная связь</a>
|
||||
|
||||
<div class="mobile_register">
|
||||
<div class="register_btn">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/user-plus-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Регистрация
|
||||
</div>
|
||||
</div>
|
||||
<div class="log_in">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/log-in-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Войти
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="languages">
|
||||
<a href="#" class="lang_item">eng</a>
|
||||
<a href="#" class="lang_item active">рус</a>
|
||||
<a href="#" class="lang_item">tkm</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--Navs end ========================================================= -->
|
||||
|
||||
<!--Contact ========================================================= -->
|
||||
<section class="contact">
|
||||
<div class="auto_container">
|
||||
<div class="contact_wrap">
|
||||
<div class="contact_body">
|
||||
<div class="contact_content">
|
||||
<div class="contact_title">
|
||||
Обратная связь
|
||||
</div>
|
||||
<form action="#" class="contact_form">
|
||||
<div class="contact_input">
|
||||
<label for="name">Ваше имя</label>
|
||||
<input type="text" id="name" placeholder="Пример: Аман">
|
||||
</div>
|
||||
<div class="contact_input">
|
||||
<label for="surname">Ваша фамилия</label>
|
||||
<input type="text" id="surname" placeholder="Пример: Аманов">
|
||||
</div>
|
||||
<div class="contact_input">
|
||||
<label for="mobile">Номер телефона</label>
|
||||
<input type="text" id="mobile" placeholder="Пример: +993 65 656565">
|
||||
</div>
|
||||
<div class="contact_input">
|
||||
<label for="mail">Электронная почта</label>
|
||||
<input type="text" id="mail" placeholder="Пример: amanamanov@mail.ru">
|
||||
</div>
|
||||
<div class="contact_comment">
|
||||
<label for="comment">Сообщение</label>
|
||||
<textarea name="teaxtarea" id="comment" placeholder="Опишите вашу проблемму"></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn--blue">
|
||||
Отправить сообщение
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="contact_info">
|
||||
<div class="contact_title">
|
||||
Наши контакты
|
||||
</div>
|
||||
<div class="contact_box">
|
||||
<div class="contact_row">
|
||||
<div class="contact_icon">
|
||||
<img src="images/svg/phone-contact.svg" alt="">
|
||||
</div>
|
||||
<div class="row_content">
|
||||
<div class="contact_sub_title">
|
||||
Телефон:
|
||||
</div>
|
||||
<div class="contact_text">
|
||||
+99312446015
|
||||
</div>
|
||||
<div class="contact_text">
|
||||
+99312446016
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact_row">
|
||||
<div class="contact_icon">
|
||||
<img src="images/svg/mail-contact.svg" alt="">
|
||||
</div>
|
||||
<div class="row_content">
|
||||
<div class="contact_sub_title">
|
||||
E-mail:
|
||||
</div>
|
||||
<a href="#" class="contact_text">
|
||||
info@exchange.gov.tm
|
||||
</a>
|
||||
<a href="#" class="contact_text">
|
||||
brokers@exchange.gov.tm
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact_row">
|
||||
<div class="contact_icon">
|
||||
<img src="images/svg/map.svg" alt="">
|
||||
</div>
|
||||
<div class="row_content">
|
||||
<div class="contact_sub_title">
|
||||
Адрес:
|
||||
</div>
|
||||
<div class="contact_text">
|
||||
744000, Туркменистан г.Ашгабат, Арчабиль шаелы 52
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact_map">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d4717.752912640435!2d58.3471755851883!3d37.89018758608436!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sru!2s!4v1618775798801!5m2!1sru!2s"
|
||||
width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Contact end ==================================================== -->
|
||||
|
||||
<!--Footer ============================================================= -->
|
||||
<footer class="footer">
|
||||
<div class="auto_container">
|
||||
<div class="footer_wrap">
|
||||
<div class="footer_content">
|
||||
<a href="index.html" class="foot_logo">
|
||||
<img src="images/foot_logo.png" alt="">
|
||||
</a>
|
||||
<div class="foot_col">
|
||||
<div class="foot_title">
|
||||
Категории
|
||||
</div>
|
||||
<div class="foot_box">
|
||||
<a href="#" class="foot_item">
|
||||
Нефтехимия
|
||||
</a>
|
||||
<a href="#" class="foot_item">
|
||||
Машиностроение
|
||||
</a>
|
||||
<a href="#" class="foot_item">
|
||||
Легкая промышленность
|
||||
</a>
|
||||
<a href="#" class="foot_item">
|
||||
Стройматериалы
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot_col">
|
||||
<div class="foot_title">
|
||||
Контакты
|
||||
</div>
|
||||
<div class="foot_box">
|
||||
<div class="foot_item">
|
||||
Тел: +99312446015
|
||||
</div>
|
||||
<div class="foot_item">
|
||||
Эл. почта: info@exchange.gov.tm
|
||||
</div>
|
||||
<div class="foot_item">
|
||||
Адрес: 744000, Туркменистан <br>
|
||||
г.Ашгабат, Арчабиль шаелы 52
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
© TDHСMB все права зашишены
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--Footer end ========================================================= -->
|
||||
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/slick.js"></script>
|
||||
<script src="js/slider.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,280 @@
|
|||
@charset 'UTF-8';
|
||||
/* Slider */
|
||||
/* .slick-loading .slick-list
|
||||
{
|
||||
background: #fff url('./ajax-loader.gif') center center no-repeat;
|
||||
} */
|
||||
|
||||
/* Icons */
|
||||
/* @font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url('./fonts/slick.eot');
|
||||
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
|
||||
} */
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus {
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before {
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before {
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
/* ============================================================ */
|
||||
.intro_slider .slick-prev {
|
||||
background: rgba(250, 250, 250, .5);
|
||||
width: 40px;
|
||||
height: 60px;
|
||||
border-radius: 10px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* ============================================================ */
|
||||
|
||||
[dir='rtl'] .slick-prev {
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.slick-prev:before {
|
||||
content: url("../images/svg/arrow-prev.svg");
|
||||
}
|
||||
|
||||
[dir='rtl'] .slick-prev:before {
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
/* ============================================================ */
|
||||
.intro_slider .slick-next {
|
||||
background: rgba(250, 250, 250, .5);
|
||||
width: 40px;
|
||||
height: 60px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/* ============================================================ */
|
||||
|
||||
[dir='rtl'] .slick-next {
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
|
||||
.slick-next:before {
|
||||
content: url("../images/svg/arrow-next.svg");
|
||||
}
|
||||
|
||||
[dir='rtl'] .slick-next:before {
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ======================================== */
|
||||
|
||||
.intro_slider .slick-dots {
|
||||
background: rgba(250, 250, 250, .5);
|
||||
border-radius: 10px;
|
||||
|
||||
width: 110px;
|
||||
height: 30px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 20px;
|
||||
}
|
||||
|
||||
/* ======================================== */
|
||||
|
||||
/* ======================================== */
|
||||
.advert .slick-dots {
|
||||
background: rgba(0, 49, 151, .5);
|
||||
border-radius: 10px;
|
||||
|
||||
width: 110px;
|
||||
height: 30px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 25px;
|
||||
}
|
||||
|
||||
/* ======================================== */
|
||||
|
||||
|
||||
|
||||
.slick-dots li {
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-dots li button {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slick-dots li button:before {
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
|
||||
content: '';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: #fff;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* ======================================== */
|
||||
.intro_slider .slick-dots li button:before,
|
||||
.advert .slick-dots li button:before {
|
||||
border-radius: 10px;
|
||||
background: #fff;
|
||||
|
||||
opacity: .4;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
/* ======================================== */
|
||||
|
||||
.slick-dots li.slick-active button:before {
|
||||
opacity: 1;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* ======================================== */
|
||||
.intro_slider .slick-.slick-active li button:before,
|
||||
.advert .slick-.slick-active li button:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* ======================================== */
|
||||
|
||||
@media(max-width: 800px) {
|
||||
|
||||
.intro_slider .slick-next,
|
||||
.intro_slider .slick-prev {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,119 @@
|
|||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
After Width: | Height: | Size: 249 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 8.3 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 96 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 868 KiB |
|
|
@ -0,0 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828" viewBox="0 0 9.414 16.828">
|
||||
<g id="arrow-down" transform="translate(-10.586 20.414) rotate(-90)">
|
||||
<path id="Контур_123" data-name="Контур 123" d="M19,12l-7,7L5,12" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 358 B |
|
|
@ -0,0 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828" viewBox="0 0 9.414 16.828">
|
||||
<g id="arrow-down" transform="translate(1 15.414) rotate(-90)">
|
||||
<path id="Контур_123" data-name="Контур 123" d="M14,7,7,0,0,7" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 349 B |
|
|
@ -0,0 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="10.004" height="10.832" viewBox="0 0 10.004 10.832">
|
||||
<g id="arrow-right" transform="translate(-4 -3.586)">
|
||||
<line id="Линия_55" data-name="Линия 55" x2="8" transform="translate(5 9.004)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<path id="Контур_1" data-name="Контур 1" d="M12,5l4,4-4,4" transform="translate(-2.998)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 552 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewBox="0 0 22 16">
|
||||
<path id="Контур_3190" data-name="Контур 3190" d="M25.29,33.238A3.34,3.34,0,0,1,28.5,31.246H43.449a3.39,3.39,0,0,1,3.215,1.911.566.566,0,0,1,.081.527.591.591,0,0,1-.4.368l-9.913,5.021a.849.849,0,0,1-.822,0L25.567,34.01a.516.516,0,0,1-.34-.318A.5.5,0,0,1,25.29,33.238Zm.655,3.2q4.684,2.376,9.359,4.735a1.4,1.4,0,0,0,1.385,0q4.653-2.367,9.319-4.692a1.094,1.094,0,0,1,.29-.107.536.536,0,0,1,.494.082.5.5,0,0,1,.2.447v6.027a9.215,9.215,0,0,1-.057,1.561,3.323,3.323,0,0,1-3.36,2.747H28.487a3.382,3.382,0,0,1-3.36-2.453A3.251,3.251,0,0,1,25,43.936q0-3.481,0-6.966C25,36.386,25.387,36.164,25.946,36.442Z" transform="translate(-25 -31.243)" fill="#003197"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 755 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
|
||||
<path id="Иконка_Стиль_1_" data-name="Иконка (Стиль 1)" d="M-169-64a2,2,0,0,1-2-2V-80a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Zm-22,0a2,2,0,0,1-2-2V-80a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Zm22-22a2,2,0,0,1-2-2v-14a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Zm-22,0a2,2,0,0,1-2-2v-14a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Z" transform="translate(193 104)" fill="#003197"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 518 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg id="Иконка_Стиль_2_" data-name="Иконка (Стиль 2)" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
|
||||
<path id="Иконка_Стиль_2_2" data-name="Иконка (Стиль 2)" d="M-177-64a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h22a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm-14,0a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm14-15a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h22a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm-14,0a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm14-15a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h22a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm-14,0a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Z" transform="translate(193 104)" fill="#003197" opacity="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 736 B |
|
|
@ -0,0 +1,7 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<g id="log-in" transform="translate(-2 -2)">
|
||||
<path id="Контур_118" data-name="Контур 118" d="M15,3h4.873a2.44,2.44,0,0,1,2.436,2.444V22.556A2.44,2.44,0,0,1,19.873,25H15" transform="translate(2.691 0)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<path id="Контур_119" data-name="Контур 119" d="M10,19.255l6.091-6.127L10,7" transform="translate(1.566 0.873)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<line id="Линия_3" data-name="Линия 3" x1="14.3" transform="translate(3 13.964)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 825 B |
|
|
@ -0,0 +1,7 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
||||
<g id="log-in" transform="translate(-2 -2)">
|
||||
<path id="Контур_118" data-name="Контур 118" d="M15,3h3.536A1.773,1.773,0,0,1,20.3,4.778V17.222A1.773,1.773,0,0,1,18.536,19H15" transform="translate(-1.304)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<path id="Контур_119" data-name="Контур 119" d="M10,15.929l4.42-4.464L10,7" transform="translate(-0.764 -0.464)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<line id="Линия_3" data-name="Линия 3" x1="10.376" transform="translate(3 10.973)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 821 B |
|
|
@ -0,0 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="22.785" height="18" viewBox="0 0 22.785 18">
|
||||
<g id="mail" transform="translate(-0.607 -3)">
|
||||
<path id="Контур_1" data-name="Контур 1" d="M4,4H20a2.006,2.006,0,0,1,2,2V18a2.006,2.006,0,0,1-2,2H4a2.006,2.006,0,0,1-2-2V6A2.006,2.006,0,0,1,4,4Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<path id="Контур_2" data-name="Контур 2" d="M22,6,12,13,2,6" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 581 B |
|
|
@ -0,0 +1,9 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
|
||||
<g id="Сгруппировать_116" data-name="Сгруппировать 116" transform="translate(-1240 -562)">
|
||||
<rect id="Прямоугольник_92" data-name="Прямоугольник 92" width="40" height="40" rx="5" transform="translate(1240 562)" fill="#003197"/>
|
||||
<g id="mail_1_" data-name="mail (1)" transform="translate(1248 570)">
|
||||
<path id="Контур_3258" data-name="Контур 3258" d="M4,4H20a2.006,2.006,0,0,1,2,2V18a2.006,2.006,0,0,1-2,2H4a2.006,2.006,0,0,1-2-2V6A2.006,2.006,0,0,1,4,4Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<path id="Контур_3259" data-name="Контур 3259" d="M22,6,12,13,2,6" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 908 B |
|
|
@ -0,0 +1,10 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
|
||||
<g id="Сгруппировать_115" data-name="Сгруппировать 115" transform="translate(-1240 -667)">
|
||||
<rect id="Прямоугольник_93" data-name="Прямоугольник 93" width="40" height="40" rx="5" transform="translate(1240 667)" fill="#003197"/>
|
||||
<g id="map" transform="translate(1248 675)">
|
||||
<path id="Контур_3260" data-name="Контур 3260" d="M1,6V22l7-4,8,4,7-4V2L16,6,8,2Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<line id="Линия_69" data-name="Линия 69" y2="16" transform="translate(8 2)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<line id="Линия_70" data-name="Линия 70" y2="16" transform="translate(16 6)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1003 B |
|
|
@ -0,0 +1,5 @@
|
|||
<svg height="384pt" fiil="#fff" viewBox="0 -53 384 384" width="384pt" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m368 154.667969h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0" />
|
||||
<path d="m368 32h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0" />
|
||||
<path d="m368 277.332031h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 525 B |
|
|
@ -0,0 +1,51 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path d="M492,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h472c11.046,0,20-8.954,20-20S503.046,236,492,236z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M492,76H20C8.954,76,0,84.954,0,96s8.954,20,20,20h472c11.046,0,20-8.954,20-20S503.046,76,492,76z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M492,396H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h472c11.046,0,20-8.954,20-20
|
||||
C512,404.954,503.046,396,492,396z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 929 B |
|
|
@ -0,0 +1,46 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#fff" x="0px" y="0px" width="612px" height="612px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">
|
||||
<g>
|
||||
<g id="_x33__6_">
|
||||
<g>
|
||||
<path d="M581.4,520.199H30.6c-16.891,0-30.6,13.709-30.6,30.6C0,567.691,13.709,581.4,30.6,581.4h550.8
|
||||
c16.891,0,30.6-13.709,30.6-30.602C612,533.908,598.291,520.199,581.4,520.199z M30.6,91.799h550.8
|
||||
c16.891,0,30.6-13.708,30.6-30.6c0-16.892-13.709-30.6-30.6-30.6H30.6C13.709,30.6,0,44.308,0,61.2
|
||||
C0,78.091,13.709,91.799,30.6,91.799z M581.4,275.399H30.6C13.709,275.399,0,289.108,0,306s13.709,30.6,30.6,30.6h550.8
|
||||
c16.891,0,30.6-13.709,30.6-30.6S598.291,275.399,581.4,275.399z" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path id="phone-call" d="M18.111,13.744v2.409a1.608,1.608,0,0,1-1.754,1.606,15.941,15.941,0,0,1-6.943-2.465,15.672,15.672,0,0,1-4.827-4.817,15.869,15.869,0,0,1-2.47-6.961,1.607,1.607,0,0,1,1.6-1.75H6.133A1.608,1.608,0,0,1,7.742,3.145,10.292,10.292,0,0,0,8.3,5.4,1.6,1.6,0,0,1,7.943,7.1L6.921,8.115a12.859,12.859,0,0,0,4.827,4.817l1.022-1.02a1.611,1.611,0,0,1,1.7-.361,10.346,10.346,0,0,0,2.261.562A1.607,1.607,0,0,1,18.111,13.744Z" transform="translate(-2.112 -1.764)" fill="#003197"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 579 B |
|
|
@ -0,0 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
|
||||
<g id="Сгруппировать_117" data-name="Сгруппировать 117" transform="translate(-1240 -457)">
|
||||
<rect id="Прямоугольник_91" data-name="Прямоугольник 91" width="40" height="40" rx="5" transform="translate(1240 457)" fill="#003197"/>
|
||||
<path id="phone-call" d="M15.05,5A5,5,0,0,1,19,8.95M15.05,1A9,9,0,0,1,23,8.94m-1,7.98v3a2,2,0,0,1-2.18,2,19.79,19.79,0,0,1-8.63-3.07,19.5,19.5,0,0,1-6-6A19.79,19.79,0,0,1,2.12,4.18,2,2,0,0,1,4.11,2h3a2,2,0,0,1,2,1.72,12.84,12.84,0,0,0,.7,2.81,2,2,0,0,1-.45,2.11L8.09,9.91a16,16,0,0,0,6,6l1.27-1.27a2,2,0,0,1,2.11-.45,12.84,12.84,0,0,0,2.81.7A2,2,0,0,1,22,16.92Z" transform="translate(1247.443 465.536)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 882 B |
|
|
@ -0,0 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828" viewBox="0 0 24.828 14.828">
|
||||
<g id="trending-up" transform="translate(0.414 -4.586)">
|
||||
<path id="Контур_121" data-name="Контур 121" d="M23,6l-9.5,9.5-5-5L1,18" fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<path id="Контур_122" data-name="Контур 122" d="M17,6h6v6" fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 527 B |
|
|
@ -0,0 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828" viewBox="0 0 24.828 14.828">
|
||||
<g id="trending-up" transform="translate(1.414 1.414)">
|
||||
<path id="Контур_121" data-name="Контур 121" d="M23,18,13.5,8.5l-5,5L1,6" transform="translate(-1 -6)" fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<path id="Контур_122" data-name="Контур 122" d="M17,12h6V6" transform="translate(-1)" fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 575 B |
|
|
@ -0,0 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24.825" height="12.413" viewBox="0 0 24.825 12.413">
|
||||
<g id="Наверх" transform="translate(1.413 1)">
|
||||
<path id="Наверх-2" data-name="Наверх" d="M27,12,16,22,5,12" transform="translate(27 22) rotate(180)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 382 B |
|
|
@ -0,0 +1,8 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20">
|
||||
<g id="user-plus" transform="translate(0 -2)">
|
||||
<path id="Контур_120" data-name="Контур 120" d="M16,21V19a4,4,0,0,0-4-4H5a4,4,0,0,0-4,4v2" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<circle id="Эллипс_27" data-name="Эллипс 27" cx="4" cy="4" r="4" transform="translate(4.5 3)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<line id="Линия_4" data-name="Линия 4" y2="6" transform="translate(20 8)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<line id="Линия_5" data-name="Линия 5" x1="6" transform="translate(17 11)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 921 B |
|
|
@ -0,0 +1,8 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18">
|
||||
<g id="user-plus" transform="translate(0 -2)">
|
||||
<path id="Контур_120" data-name="Контур 120" d="M14.292,20.317V18.545A3.545,3.545,0,0,0,10.748,15h-6.2A3.545,3.545,0,0,0,1,18.545v1.772" transform="translate(0 -1.317)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<circle id="Эллипс_27" data-name="Эллипс 27" cx="3.545" cy="3.545" r="3.545" transform="translate(4.101 3)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<line id="Линия_4" data-name="Линия 4" y2="4" transform="translate(17 7)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
<line id="Линия_5" data-name="Линия 5" x1="4" transform="translate(15 9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1000 B |
|
|
@ -0,0 +1,877 @@
|
|||
<!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="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/slick-theme.css">
|
||||
<link rel="stylesheet" href="css/slick.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<title>Home</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Register ======================================================== -->
|
||||
<section class="register">
|
||||
<div class="auto_container">
|
||||
<div class="register_wrap">
|
||||
<div class="register_body">
|
||||
<div class="register_buttons">
|
||||
<div class="user_btn" id="btn-1">
|
||||
<img src="images/svg/log-in-blue.svg" alt="">
|
||||
<span>Войти</span>
|
||||
</div>
|
||||
<div class="user_btn" id="btn-2">
|
||||
<img src="images/svg/user-plus-blue.svg" alt="">
|
||||
<span>Регистрация</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="register_banner">
|
||||
<div class="register_logo">
|
||||
<img src="images/register_logo.png" alt="">
|
||||
</div>
|
||||
<div class="register_title">
|
||||
ГТСБТ
|
||||
</div>
|
||||
<div class="register_text">
|
||||
Государственная
|
||||
товарно-сырьевая
|
||||
биржа Туркменистана
|
||||
</div>
|
||||
<div class="register_foot">
|
||||
<div class="register_mail">
|
||||
<img src="images/svg/login_mail.svg" alt="">
|
||||
</div>
|
||||
<a href="#" class="register_link">
|
||||
info@exchange.gov.tm
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="register_content">
|
||||
<form action="#" class="register_form">
|
||||
<div class="form_title">
|
||||
Регистрация
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="text" placeholder="Ваш логин">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="email" placeholder="Ваш электронный адрес">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="number" placeholder="Номер телефона">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="password" placeholder="Пароль">
|
||||
</div>
|
||||
<button type="submit" class="form_btn">Продолжить регистрацию</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="register_content_2">
|
||||
<form action="#" class="register_form">
|
||||
<div class="form_title">
|
||||
Войти
|
||||
</div>
|
||||
<div class="form_text">
|
||||
Если вы забыли свой логин или пароль, просим вас
|
||||
восстановить его по <a href="#" class="form_link">ссылке.</a>
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="text" placeholder="Ваш логин">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="password" placeholder="Пароль">
|
||||
</div>
|
||||
<button type="submit" class="form_btn"> Войти в свой профиль</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Register end ==================================================== -->
|
||||
|
||||
<!-- Header Top ========================================================= -->
|
||||
<section class="header_top" id="head-top">
|
||||
<div class="auto_container">
|
||||
<div class="top_wrap">
|
||||
<div class="info_block">
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/phone-call.svg" alt="">
|
||||
</div>
|
||||
<div class="head_text">
|
||||
+99312446015
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/blue_mail.svg" alt="">
|
||||
</div>
|
||||
<a href="#" class="head_text">
|
||||
info@exchange.gov.tm
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#header" class="top_btn">
|
||||
<img src="images/svg/up.svg" alt="">
|
||||
</a>
|
||||
<div class="info_block">
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/trend_up.svg" alt="">
|
||||
</div>
|
||||
<div class="currency">
|
||||
usd
|
||||
</div>
|
||||
<div class="head_num">
|
||||
3.5000
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/trending-down.svg" alt="">
|
||||
</div>
|
||||
<div class="currency">
|
||||
eur
|
||||
</div>
|
||||
<div class="head_num">
|
||||
4.3430
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/trend_up.svg" alt="">
|
||||
</div>
|
||||
<div class="currency">
|
||||
gbp
|
||||
</div>
|
||||
<div class="head_num">
|
||||
3.4353
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Header Top end ========================================================= -->
|
||||
|
||||
<!--Header ============================================================= -->
|
||||
<header class="header" id="header">
|
||||
<div class="auto_container">
|
||||
<div class="header_wrap">
|
||||
<a href="index.html" class="header_logo">
|
||||
<img src="images/logo.png" alt="">
|
||||
</a>
|
||||
|
||||
<div class="head_buttons">
|
||||
<div class="register_btn">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/user-plus-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Регистрация
|
||||
</div>
|
||||
</div>
|
||||
<div class="log_in">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/log-in-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Войти
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!--Header end ========================================================= -->
|
||||
|
||||
<!--Navs ============================================================= -->
|
||||
<nav class="navs" id="nav">
|
||||
<div class="auto_container">
|
||||
<div class="navs_wrap">
|
||||
<div class="burger">
|
||||
<img src="images/svg/menu.svg" alt="">
|
||||
</div>
|
||||
<div class="links_bg">
|
||||
<div class="links">
|
||||
<a href="category.html" class="nav_link">Категории</a>
|
||||
<a href="product.html" class="nav_link">Условия торгов</a>
|
||||
<a href="contact.html" class="nav_link">Обратная связь</a>
|
||||
|
||||
<div class="mobile_register">
|
||||
<div class="register_btn">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/user-plus-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Регистрация
|
||||
</div>
|
||||
</div>
|
||||
<div class="log_in">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/log-in-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Войти
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="languages">
|
||||
<a href="#" class="lang_item">eng</a>
|
||||
<a href="#" class="lang_item active">рус</a>
|
||||
<a href="#" class="lang_item">tkm</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--Navs end ========================================================= -->
|
||||
|
||||
<!--Intro ============================================================= -->
|
||||
<section class="intro">
|
||||
<div class="auto_container">
|
||||
<div class="intro_wrap">
|
||||
<div class="intro_body">
|
||||
<div class="intro_slider">
|
||||
<div class="slider_item">
|
||||
<div class="slider_content">
|
||||
<div class="slider_title">
|
||||
Электронная выставочно-ярмарочная торговля
|
||||
</div>
|
||||
<div class="slider_text">
|
||||
Форма организации электронной коммерции с использованием информационной
|
||||
системы «Государственной товарно-сырьевой биржи Туркменистана», при которой
|
||||
обеспечивается
|
||||
возможность реализации товаров не в электронной коммерции.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider_item">
|
||||
<div class="slider_content">
|
||||
<div class="slider_title">
|
||||
возможность реализации товаров не изъятых из гражданского оборота и являющиеся
|
||||
коммерции.
|
||||
</div>
|
||||
<div class="slider_text">
|
||||
Форма организации электронной коммерции с использованием информационной
|
||||
системы «Государственной товарно-сырьевой биржи Туркменистана», при которой
|
||||
обеспечивается
|
||||
возможность реализации товаров коммерции.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider_item">
|
||||
<div class="slider_content">
|
||||
<div class="slider_title">
|
||||
Электронная выставочно-ярмарочная торговля
|
||||
</div>
|
||||
<div class="slider_text">
|
||||
Форма организации электронной коммерции с использованием информационной
|
||||
системы «Государственной товарно-сырьевой биржи Туркменистана», при которой
|
||||
обеспечивается
|
||||
возможность реализации коммерции.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider_item">
|
||||
<div class="slider_content">
|
||||
<div class="slider_title">
|
||||
Электронная выставочно-ярмарочная торговля
|
||||
</div>
|
||||
<div class="slider_text">
|
||||
Форма организации электронной коммерции с использованием информационной
|
||||
системы «Государственной товарно-сырьевой биржи Туркменистана», при которой
|
||||
обеспечивается
|
||||
возможность коммерции.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="advert">
|
||||
<div class="advert_item">
|
||||
<img src="images/advert.png" alt="">
|
||||
</div>
|
||||
<div class="advert_item">
|
||||
<img src="images/advert.png" alt="">
|
||||
</div>
|
||||
<div class="advert_item">
|
||||
<img src="images/advert.png" alt="">
|
||||
</div>
|
||||
<div class="advert_item">
|
||||
<img src="images/advert.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="categories">
|
||||
<a href="#" class="cat_item">
|
||||
<div class="cat_photo">
|
||||
<img src="images/cat-1.png" alt="">
|
||||
</div>
|
||||
<div class="cat_text">
|
||||
Нефтехимия
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="cat_item">
|
||||
<div class="cat_photo">
|
||||
<img src="images/cat-2.png" alt="">
|
||||
</div>
|
||||
<div class="cat_text">
|
||||
Машиностроение
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="cat_item">
|
||||
<div class="cat_photo">
|
||||
<img src="images/cat-3.png" alt="">
|
||||
</div>
|
||||
<div class="cat_text">
|
||||
Легкая промышленность
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="cat_item">
|
||||
<div class="cat_photo">
|
||||
<img src="images/cat-4.png" alt="">
|
||||
</div>
|
||||
<div class="cat_text">
|
||||
Стройматериалы
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Intro end ========================================================= -->
|
||||
|
||||
<!--Product ============================================================= -->
|
||||
<section class="product">
|
||||
<div class="auto_container">
|
||||
<div class="product_wrap">
|
||||
<div class="product_head">
|
||||
<div class="product_title">
|
||||
Новые товары
|
||||
</div>
|
||||
<div class="sort_by">
|
||||
<div class="sort_icon">
|
||||
<svg id="inline" data-name="Иконка (Стиль 2)" xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon" viewBox="0 0 40 40">
|
||||
<path id="Иконка_Стиль_2_2" data-name="Иконка (Стиль 2)"
|
||||
d="M-177-64a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h22a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm-14,0a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm14-15a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h22a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm-14,0a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm14-15a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h22a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm-14,0a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Z"
|
||||
transform="translate(193 104)" fill="#003197" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sort_icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" id="card" class="icon active">
|
||||
<path id="Иконка_Стиль_1_" data-name="Иконка (Стиль 1)"
|
||||
d="M-169-64a2,2,0,0,1-2-2V-80a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Zm-22,0a2,2,0,0,1-2-2V-80a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Zm22-22a2,2,0,0,1-2-2v-14a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Zm-22,0a2,2,0,0,1-2-2v-14a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Z"
|
||||
transform="translate(193 104)" fill="#003197" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_head">
|
||||
<div class="inline_item">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="inline_item">
|
||||
Изображение
|
||||
</div>
|
||||
<div class="inline_item">
|
||||
Товар
|
||||
</div>
|
||||
<div class="inline_item">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="inline_item">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="inline_item">
|
||||
Дата окончания:
|
||||
</div>
|
||||
</div>
|
||||
<div class="product_box">
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Product end ========================================================= -->
|
||||
|
||||
<!--Footer ============================================================= -->
|
||||
<footer class="footer">
|
||||
<div class="auto_container">
|
||||
<div class="footer_wrap">
|
||||
<div class="footer_content">
|
||||
<a href="index.html" class="foot_logo">
|
||||
<img src="images/foot_logo.png" alt="">
|
||||
</a>
|
||||
<div class="foot_outer">
|
||||
<div class="foot_col">
|
||||
<div class="foot_title">
|
||||
Категории
|
||||
</div>
|
||||
<div class="foot_box">
|
||||
<a href="#" class="foot_item">
|
||||
Нефтехимия
|
||||
</a>
|
||||
<a href="#" class="foot_item">
|
||||
Машиностроение
|
||||
</a>
|
||||
<a href="#" class="foot_item">
|
||||
Легкая промышленность
|
||||
</a>
|
||||
<a href="#" class="foot_item">
|
||||
Стройматериалы
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot_col">
|
||||
<div class="foot_title">
|
||||
Контакты
|
||||
</div>
|
||||
<div class="foot_box">
|
||||
<div class="foot_item">
|
||||
Тел: +99312446015
|
||||
</div>
|
||||
<div class="foot_item">
|
||||
Эл. почта: info@exchange.gov.tm
|
||||
</div>
|
||||
<div class="foot_item">
|
||||
Адрес: 744000, Туркменистан <br>
|
||||
г.Ашгабат, Арчабиль шаелы 52
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
© TDHСMB все права зашишены
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--Footer end ========================================================= -->
|
||||
|
||||
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/slick.js"></script>
|
||||
<script src="js/slider.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,177 @@
|
|||
|
||||
// selector =============
|
||||
const selectElement = function (element) {
|
||||
return document.querySelector(element);
|
||||
};
|
||||
// selector end=============
|
||||
|
||||
|
||||
// Fixed header ====================================
|
||||
window.onscroll = function () {
|
||||
scrollFunc();
|
||||
};
|
||||
|
||||
let header = document.getElementById("head-top");
|
||||
let nav = document.getElementById("nav");
|
||||
let fix = nav.nextElementSibling;
|
||||
function scrollFunc() {
|
||||
if (window.pageYOffset > fix.offsetTop) {
|
||||
header.classList.add("stick");
|
||||
nav.classList.add("stick-2");
|
||||
selectElement('.top_btn').classList.add('active');
|
||||
} else {
|
||||
header.classList.remove("stick");
|
||||
nav.classList.remove("stick-2");
|
||||
selectElement('.top_btn').classList.remove('active');
|
||||
}
|
||||
}
|
||||
// Fixed header end ====================================
|
||||
|
||||
|
||||
// timing ====================
|
||||
function sleep(time) {
|
||||
return new Promise((resolve) => setTimeout(resolve, time));
|
||||
}
|
||||
// timing ====================
|
||||
|
||||
|
||||
window.onclick = function (e) {
|
||||
if (selectElement('.register').classList.contains('active') && !e.target.closest('.register_body')) {
|
||||
selectElement('.register').classList.remove('active');
|
||||
}
|
||||
|
||||
if (selectElement('.links').classList.contains('active')) {
|
||||
selectElement('.links').classList.remove('active');
|
||||
}
|
||||
|
||||
if (selectElement('.links_bg').classList.contains('active')) {
|
||||
selectElement('.links_bg').classList.remove('active');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// Clicks ================================================================
|
||||
|
||||
document.querySelectorAll('.register_btn').forEach(x =>{
|
||||
x.addEventListener('click', function () {
|
||||
sleep(2).then(() => {
|
||||
selectElement('.register').classList.toggle('active');
|
||||
selectElement('#btn-2').classList.add('active');
|
||||
selectElement('#btn-1').classList.remove('active');
|
||||
|
||||
selectElement('.register_content').classList.add('active');
|
||||
selectElement('.register_content_2').classList.remove('active');
|
||||
});
|
||||
});
|
||||
})
|
||||
|
||||
document.querySelectorAll('.log_in').forEach(x =>{
|
||||
x.addEventListener('click', function () {
|
||||
sleep(2).then(() => {
|
||||
selectElement('.register').classList.toggle('active');
|
||||
selectElement('#btn-1').classList.add('active');
|
||||
selectElement('#btn-2').classList.remove('active');
|
||||
|
||||
selectElement('.register_content').classList.remove('active');
|
||||
selectElement('.register_content_2').classList.add('active');
|
||||
});
|
||||
});
|
||||
})
|
||||
|
||||
selectElement('#btn-1').addEventListener('click', function () {
|
||||
sleep(2).then(() => {
|
||||
selectElement('#btn-1').classList.add('active');
|
||||
selectElement('#btn-2').classList.remove('active');
|
||||
|
||||
selectElement('.register_content').classList.remove('active');
|
||||
selectElement('.register_content_2').classList.add('active');
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
selectElement('#btn-2').addEventListener('click', function () {
|
||||
sleep(2).then(() => {
|
||||
selectElement('#btn-2').classList.add('active');
|
||||
selectElement('#btn-1').classList.remove('active');
|
||||
|
||||
selectElement('.register_content').classList.add('active');
|
||||
selectElement('.register_content_2').classList.remove('active');
|
||||
});
|
||||
});
|
||||
|
||||
selectElement('.burger').addEventListener('click', function () {
|
||||
sleep(2).then(() => {
|
||||
selectElement('.links_bg').classList.toggle('active');
|
||||
selectElement('.links').classList.toggle('active');
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// Clicks end ================================================================
|
||||
|
||||
|
||||
// Sort by ==============================================================
|
||||
selectElement('#inline').addEventListener('click', () => {
|
||||
document.documentElement.setAttribute("data-theme", "row");
|
||||
localStorage.setItem("theme", "row");
|
||||
selectElement('#inline').style.opacity = 1;
|
||||
selectElement('#card').style.opacity = .5;
|
||||
selectElement('.item_btn').style.display = 'none';
|
||||
|
||||
document.querySelectorAll('.item_btn').forEach(el => { el.style.display = 'none'; })
|
||||
document.querySelectorAll('.item_head').forEach(el => { el.style.display = 'none'; })
|
||||
document.querySelectorAll('.item_sub_name').forEach(el => { el.style.display = 'none'; })
|
||||
document.querySelectorAll('.inline_head').forEach(el => { el.style.display = 'flex'; })
|
||||
document.querySelectorAll('.inline_num').forEach(el => { el.style.display = 'flex'; })
|
||||
|
||||
})
|
||||
|
||||
selectElement('#card').addEventListener('click', () => {
|
||||
document.documentElement.setAttribute("data-theme", "col");
|
||||
selectElement('#inline').style.opacity = .5;
|
||||
selectElement('#card').style.opacity = 1;
|
||||
document.querySelectorAll('.item_btn').forEach(el => { el.style.display = 'block'; })
|
||||
document.querySelectorAll('.item_head').forEach(el => { el.style.display = 'block'; })
|
||||
document.querySelectorAll('.item_sub_name').forEach(el => { el.style.display = 'block'; })
|
||||
document.querySelectorAll('.inline_head').forEach(el => { el.style.display = 'none'; })
|
||||
document.querySelectorAll('.inline_num').forEach(el => { el.style.display = 'none'; })
|
||||
})
|
||||
|
||||
// Sort by end ==============================================================
|
||||
|
||||
// Category Tabs ==========================================
|
||||
const tabsBtn = document.querySelectorAll(".tab_link");
|
||||
const tabsItems = document.querySelectorAll(".tab_source");
|
||||
tabsBtn.forEach((e) => {
|
||||
onTabClick(tabsBtn, tabsItems, e);
|
||||
});
|
||||
function onTabClick(tabBtns, tabItems, item) {
|
||||
item.addEventListener("click", function (e) {
|
||||
let currentBtn = item;
|
||||
let tabId = currentBtn.getAttribute("data-tab");
|
||||
let currentTab = document.querySelector(tabId);
|
||||
if (e.srcElement.classList.contains("active")) {
|
||||
// e.srcElement.classList.remove("active");
|
||||
// e.srcElement.parentElement
|
||||
// .querySelector(".tab__btn")
|
||||
// .classList.remove("active");
|
||||
// console.log(e.srcElement.parentElement.querySelector(".event"));
|
||||
// e.srcElement.parentElement
|
||||
// .querySelector(".event")
|
||||
// .classList.remove("active");
|
||||
} else if (!currentBtn.classList.contains("active")) {
|
||||
tabBtns.forEach(function (item) {
|
||||
item.classList.remove("active");
|
||||
});
|
||||
tabItems.forEach(function (item) {
|
||||
item.classList.remove("active");
|
||||
});
|
||||
currentBtn.classList.add("active");
|
||||
currentTab.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Category Tabs end ==========================================
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
|
||||
// Slider =======================================
|
||||
$(".intro_slider").slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: true,
|
||||
autoplay: false,
|
||||
dots: true,
|
||||
autoplaySpeed: 3000,
|
||||
pauseOnHover: false,
|
||||
|
||||
|
||||
infinite: true,
|
||||
speed: 1000,
|
||||
fade: true,
|
||||
adaptiveHeight: false,
|
||||
lazyLoad: 'ondemand',
|
||||
|
||||
cssEase: 'linear',
|
||||
swipeToSlide: true,
|
||||
waitForAnimate: false,
|
||||
draggable: true,
|
||||
});
|
||||
|
||||
$(".advert").slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
autoplay: false,
|
||||
dots: true,
|
||||
autoplaySpeed: 1000,
|
||||
pauseOnHover: false,
|
||||
|
||||
|
||||
infinite: true,
|
||||
speed: 1000,
|
||||
fade: false,
|
||||
adaptiveHeight: false,
|
||||
lazyLoad: 'ondemand',
|
||||
|
||||
cssEase: 'linear',
|
||||
swipeToSlide: true,
|
||||
waitForAnimate: false,
|
||||
draggable: true,
|
||||
});
|
||||
|
||||
// Detail slider ======================================
|
||||
$('.detail_photo_box').slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
dots: false,
|
||||
fade: true,
|
||||
autoplay: false,
|
||||
autoplaySpeed: 3000,
|
||||
asNavFor: '.detail_for_navs',
|
||||
|
||||
});
|
||||
$('.detail_for_navs').slick({
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
asNavFor: '.detail_photo_box',
|
||||
dots: false,
|
||||
autoplay: false,
|
||||
vertical: true,
|
||||
centerMode: true,
|
||||
centerPadding: 0,
|
||||
focusOnSelect: true,
|
||||
verticalSwiping: true,
|
||||
adaptiveHeight: true,
|
||||
arrows: false,
|
||||
prevArrow: false,
|
||||
nextArrow: false,
|
||||
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1500,
|
||||
settings: {
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 900,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
|
@ -0,0 +1,698 @@
|
|||
<!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="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/slick-theme.css">
|
||||
<link rel="stylesheet" href="css/slick.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<title>Product</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Register ======================================================== -->
|
||||
<section class="register">
|
||||
<div class="auto_container">
|
||||
<div class="register_wrap">
|
||||
<div class="register_body">
|
||||
<div class="register_buttons">
|
||||
<div class="user_btn" id="btn-1">
|
||||
<img src="images/svg/log-in-blue.svg" alt="">
|
||||
<span>Войти</span>
|
||||
</div>
|
||||
<div class="user_btn" id="btn-2">
|
||||
<img src="images/svg/user-plus-blue.svg" alt="">
|
||||
<span>Регистрация</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="register_banner">
|
||||
<div class="register_logo">
|
||||
<img src="images/register_logo.png" alt="">
|
||||
</div>
|
||||
<div class="register_title">
|
||||
ГТСБТ
|
||||
</div>
|
||||
<div class="register_text">
|
||||
Государственная
|
||||
товарно-сырьевая
|
||||
биржа Туркменистана
|
||||
</div>
|
||||
<div class="register_foot">
|
||||
<div class="register_mail">
|
||||
<img src="images/svg/login_mail.svg" alt="">
|
||||
</div>
|
||||
<a href="#" class="register_link">
|
||||
info@exchange.gov.tm
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="register_content">
|
||||
<form action="#" class="register_form">
|
||||
<div class="form_title">
|
||||
Регистрация
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="text" placeholder="Ваш логин">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="email" placeholder="Ваш электронный адрес">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="number" placeholder="Номер телефона">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="password" placeholder="Пароль">
|
||||
</div>
|
||||
<button type="submit" class="form_btn">Продолжить регистрацию</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="register_content_2">
|
||||
<form action="#" class="register_form">
|
||||
<div class="form_title">
|
||||
Войти
|
||||
</div>
|
||||
<div class="form_text">
|
||||
Если вы забыли свой логин или пароль, просим вас
|
||||
восстановить его по <a href="#" class="form_link">ссылке.</a>
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="text" placeholder="Ваш логин">
|
||||
</div>
|
||||
<div class="register_input">
|
||||
<input type="password" placeholder="Пароль">
|
||||
</div>
|
||||
<button type="submit" class="form_btn"> Войти в свой профиль</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Register end ==================================================== -->
|
||||
|
||||
<!-- Header Top ========================================================= -->
|
||||
<section class="header_top" id="head-top">
|
||||
<div class="auto_container">
|
||||
<div class="top_wrap">
|
||||
<div class="info_block">
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/phone-call.svg" alt="">
|
||||
</div>
|
||||
<div class="head_text">
|
||||
+99312446015
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/blue_mail.svg" alt="">
|
||||
</div>
|
||||
<a href="#" class="head_text">
|
||||
info@exchange.gov.tm
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#header" class="top_btn">
|
||||
<img src="images/svg/up.svg" alt="">
|
||||
</a>
|
||||
<div class="info_block">
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/trend_up.svg" alt="">
|
||||
</div>
|
||||
<div class="currency">
|
||||
usd
|
||||
</div>
|
||||
<div class="head_num">
|
||||
3.5000
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/trending-down.svg" alt="">
|
||||
</div>
|
||||
<div class="currency">
|
||||
eur
|
||||
</div>
|
||||
<div class="head_num">
|
||||
4.3430
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_contact">
|
||||
<div class="header_icon">
|
||||
<img src="images/svg/trend_up.svg" alt="">
|
||||
</div>
|
||||
<div class="currency">
|
||||
gbp
|
||||
</div>
|
||||
<div class="head_num">
|
||||
3.4353
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Header Top end ========================================================= -->
|
||||
|
||||
<!--Header ============================================================= -->
|
||||
<header class="header" id="header">
|
||||
<div class="auto_container">
|
||||
<div class="header_wrap">
|
||||
<a href="index.html" class="header_logo">
|
||||
<img src="images/logo.png" alt="">
|
||||
</a>
|
||||
|
||||
<div class="head_buttons">
|
||||
<div class="register_btn">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/user-plus-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Регистрация
|
||||
</div>
|
||||
</div>
|
||||
<div class="log_in">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/log-in-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Войти
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!--Header end ========================================================= -->
|
||||
|
||||
<!--Navs ============================================================= -->
|
||||
<nav class="navs" id="nav">
|
||||
<div class="auto_container">
|
||||
<div class="navs_wrap">
|
||||
<div class="burger">
|
||||
<img src="images/svg/menu.svg" alt="">
|
||||
</div>
|
||||
<div class="links_bg">
|
||||
<div class="links">
|
||||
<a href="category.html" class="nav_link">Категории</a>
|
||||
<a href="product.html" class="nav_link">Условия торгов</a>
|
||||
<a href="contact.html" class="nav_link">Обратная связь</a>
|
||||
|
||||
<div class="mobile_register">
|
||||
<div class="register_btn">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/user-plus-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Регистрация
|
||||
</div>
|
||||
</div>
|
||||
<div class="log_in">
|
||||
<div class="btn_icon">
|
||||
<img src="images/svg/log-in-white.svg" alt="">
|
||||
</div>
|
||||
<div class="btn_text">
|
||||
Войти
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="languages">
|
||||
<a href="#" class="lang_item">eng</a>
|
||||
<a href="#" class="lang_item active">рус</a>
|
||||
<a href="#" class="lang_item">tkm</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--Navs end ========================================================= -->
|
||||
|
||||
<!--Product detail ========================================================= -->
|
||||
<section class="detail">
|
||||
<div class="auto_container">
|
||||
<div class="detail_wrap">
|
||||
|
||||
<div class="detail_body">
|
||||
<div class="detail_gallery">
|
||||
<div class="detail_photo_box">
|
||||
<div class="detail_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="detail_photo">
|
||||
<img src="images/cat-1.png" alt="">
|
||||
</div>
|
||||
<div class="detail_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="detail_photo">
|
||||
<img src="images/cat-1.png" alt="">
|
||||
</div>
|
||||
<div class="detail_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_for_navs">
|
||||
<div class="detail_photo_nav">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="detail_photo_nav">
|
||||
<img src="images/cat-1.png" alt="">
|
||||
</div>
|
||||
<div class="detail_photo_nav">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="detail_photo_nav">
|
||||
<img src="images/cat-1.png" alt="">
|
||||
</div>
|
||||
<div class="detail_photo_nav">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_info">
|
||||
<div class="detail_about">
|
||||
<div class="detail_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="detail_row">
|
||||
<div class="detail_name">
|
||||
Номер товара:
|
||||
</div>
|
||||
<div class="detail_value">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_row">
|
||||
<div class="detail_name">
|
||||
Количество товара :
|
||||
</div>
|
||||
<div class="detail_value">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_row">
|
||||
<div class="detail_name">
|
||||
Стартовая цена за единицу:
|
||||
</div>
|
||||
<div class="detail_value">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_row">
|
||||
<div class="detail_name">
|
||||
Дата начала:
|
||||
</div>
|
||||
<div class="detail_value green">
|
||||
12/04/2020
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_other">
|
||||
<div class="detail_row">
|
||||
<div class="detail_name">
|
||||
Марка товара:
|
||||
</div>
|
||||
<div class="detail_value">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_row">
|
||||
<div class="detail_name">
|
||||
Производитель:
|
||||
</div>
|
||||
<div class="detail_value">
|
||||
ГК "Туркменхимия"
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_row">
|
||||
<div class="detail_name">
|
||||
Страна производителя :
|
||||
</div>
|
||||
<div class="detail_value">
|
||||
Туркменистан
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_row">
|
||||
<div class="detail_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="detail_value red">
|
||||
12/04/2021
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_description">
|
||||
<div class="description_title">
|
||||
Описание:
|
||||
</div>
|
||||
<div class="detail_text">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
|
||||
ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
|
||||
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
|
||||
sit amet.
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_table">
|
||||
<div class="table_group">
|
||||
<div class="title_item">
|
||||
Единица измерения
|
||||
</div>
|
||||
<div class="table_item">
|
||||
Тонна
|
||||
</div>
|
||||
</div>
|
||||
<div class="table_group">
|
||||
<div class="title_item">
|
||||
Условия оплаты
|
||||
</div>
|
||||
<div class="table_item">
|
||||
Предоплата
|
||||
</div>
|
||||
</div>
|
||||
<div class="table_group">
|
||||
<div class="title_item">
|
||||
Условия поставки
|
||||
</div>
|
||||
<div class="table_item">
|
||||
FOB
|
||||
</div>
|
||||
</div>
|
||||
<div class="table_group">
|
||||
<div class="title_item">
|
||||
Пункт
|
||||
</div>
|
||||
<div class="table_item">
|
||||
Бекдаш
|
||||
</div>
|
||||
</div>
|
||||
<div class="table_group">
|
||||
<div class="title_item">
|
||||
Упаковка
|
||||
</div>
|
||||
<div class="table_item">
|
||||
Есть
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_buttons">
|
||||
<a href="#" class="btn btn--green">
|
||||
Контакты продавца
|
||||
</a>
|
||||
<div class="btn_group">
|
||||
<a href="#" class="btn btn--border">
|
||||
Купить сейчас
|
||||
</a>
|
||||
<a href="#" class="btn btn--blue">
|
||||
Отправить запрос на лот
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail_box">
|
||||
<div class="product_head">
|
||||
<div class="product_title">
|
||||
Похожие товары
|
||||
</div>
|
||||
</div>
|
||||
<div class="product_box">
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
<div class="product_item">
|
||||
<div class="item_head">
|
||||
<div class="item_lot">
|
||||
Лот №:
|
||||
</div>
|
||||
<div class="item_num">
|
||||
№ 154997
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline_num">
|
||||
№ 49378
|
||||
</div>
|
||||
<div class="item_photo">
|
||||
<img src="images/goods.png" alt="">
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_title">
|
||||
Карбид
|
||||
</div>
|
||||
<div class="item_sub_title">
|
||||
Карбид каменный
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Количество:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
15 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Стартовая цена:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
120 ТМТ / 1 кг.
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_group">
|
||||
<div class="item_sub_name">
|
||||
Дата окончания:
|
||||
</div>
|
||||
<div class="item_name">
|
||||
01.01.2022
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="item_btn">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Product detail end ==================================================== -->
|
||||
|
||||
<!--Footer ============================================================= -->
|
||||
<footer class="footer">
|
||||
<div class="auto_container">
|
||||
<div class="footer_wrap">
|
||||
<div class="footer_content">
|
||||
<a href="index.html" class="foot_logo">
|
||||
<img src="images/foot_logo.png" alt="">
|
||||
</a>
|
||||
<div class="foot_col">
|
||||
<div class="foot_title">
|
||||
Категории
|
||||
</div>
|
||||
<div class="foot_box">
|
||||
<a href="#" class="foot_item">
|
||||
Нефтехимия
|
||||
</a>
|
||||
<a href="#" class="foot_item">
|
||||
Машиностроение
|
||||
</a>
|
||||
<a href="#" class="foot_item">
|
||||
Легкая промышленность
|
||||
</a>
|
||||
<a href="#" class="foot_item">
|
||||
Стройматериалы
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot_col">
|
||||
<div class="foot_title">
|
||||
Контакты
|
||||
</div>
|
||||
<div class="foot_box">
|
||||
<div class="foot_item">
|
||||
Тел: +99312446015
|
||||
</div>
|
||||
<div class="foot_item">
|
||||
Эл. почта: info@exchange.gov.tm
|
||||
</div>
|
||||
<div class="foot_item">
|
||||
Адрес: 744000, Туркменистан <br>
|
||||
г.Ашгабат, Арчабиль шаелы 52
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
© TDHСMB все права зашишены
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--Footer end ========================================================= -->
|
||||
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/slick.js"></script>
|
||||
<script src="js/slider.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||