Shablon verstka

This commit is contained in:
merdan 2021-06-04 12:31:35 +05:00
parent 457bf54810
commit 2741331dbc
47 changed files with 10499 additions and 0 deletions

2033
shablon/category.html Normal file

File diff suppressed because it is too large Load Diff

395
shablon/contact.html Normal file
View File

@ -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>

2608
shablon/css/main.css Normal file

File diff suppressed because it is too large Load Diff

280
shablon/css/slick-theme.css Normal file
View File

@ -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;
}
}

119
shablon/css/slick.css Normal file
View File

@ -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;
}

BIN
shablon/images/advert.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 249 KiB

BIN
shablon/images/bg_2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

BIN
shablon/images/big_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
shablon/images/cat-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
shablon/images/cat-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
shablon/images/cat-3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
shablon/images/cat-4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

BIN
shablon/images/goods.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

BIN
shablon/images/layer.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

BIN
shablon/images/login-gb.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

BIN
shablon/images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
shablon/images/slide.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 868 KiB

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

877
shablon/index.html Normal file
View File

@ -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>

2
shablon/js/jquery.js vendored Normal file

File diff suppressed because one or more lines are too long

177
shablon/js/main.js Normal file
View File

@ -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 ==========================================

3011
shablon/js/slick.js Normal file

File diff suppressed because it is too large Load Diff

91
shablon/js/slider.js Normal file
View File

@ -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,
}
}
]
});

698
shablon/product.html Normal file
View File

@ -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>