photos
This commit is contained in:
Meylis Gazakow
parent
2741331dbc
commit
06105688ac
|
|
@ -0,0 +1,462 @@
|
||||||
|
<!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>Add post</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 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 class="profile">
|
||||||
|
<div class="profile_bio">
|
||||||
|
<div class="profile_head">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Аман Аманов
|
||||||
|
</div>
|
||||||
|
<div class="prodile_arrow">
|
||||||
|
<img src="images/svg/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="profile_drop">
|
||||||
|
<a href="personal_data.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Персональные данные
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="my_post.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/clipboard.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Мои объявления
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/inbox.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Сообщения
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/log-out.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Выйти
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="add_post.html" class="add_post_btn">
|
||||||
|
<div class="post_icon">
|
||||||
|
<img src="images/svg/add.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="post_text">
|
||||||
|
Добавить объявление
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</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 class="mobile_profile">
|
||||||
|
<div class="profile_bio">
|
||||||
|
<div class="profile_head">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Аман Аманов
|
||||||
|
</div>
|
||||||
|
<div class="prodile_arrow">
|
||||||
|
<img src="images/svg/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="profile_drop">
|
||||||
|
<a href="personal_data.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Персональные данные
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="my_post.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/clipboard.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Мои объявления
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/inbox.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Сообщения
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/log-out.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Выйти
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="add_post.html" class="add_post_btn">
|
||||||
|
<div class="post_icon">
|
||||||
|
<img src="images/svg/add.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="post_text">
|
||||||
|
Добавить объявление
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</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 ========================================================= -->
|
||||||
|
|
||||||
|
<!-- Add post ============================================================= -->
|
||||||
|
<section class="post">
|
||||||
|
<div class="auto_container">
|
||||||
|
<div class="post_wrap">
|
||||||
|
<div class="contact_title">
|
||||||
|
Добавить объявление
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form action="#" class="post_form">
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="name">Наименование лота</label>
|
||||||
|
<input type="text" placeholder="Пример: Гидравлическое масло" id="name" name="name">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="mark">Марка товара</label>
|
||||||
|
<input type="text" placeholder="Пример: Гидравлическое масло ЛУКОЙЛ 46" id="mark" name="mark">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="units">Единицы измерения</label>
|
||||||
|
<div class="custom-select">
|
||||||
|
<select id="units">
|
||||||
|
<option value="0">Литры</option>
|
||||||
|
<option value="1">метр</option>
|
||||||
|
<option value="2">килограмм</option>
|
||||||
|
<option value="3">Литры</option>
|
||||||
|
<option value="4">миллиметры</option>
|
||||||
|
<option value="5">грамм</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="quantity">Колличество товара</label>
|
||||||
|
<input type="text" placeholder="Пример: 3 литра" id="quantity" name="quantity">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="producer">Производитель</label>
|
||||||
|
<input type="text" placeholder="Пример: ЛУКОЙЛ" id="producer" name="producer">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="country">Страна производителя</label>
|
||||||
|
<div class="custom-select">
|
||||||
|
<select id="country">
|
||||||
|
<option value="0">Россия</option>
|
||||||
|
<option value="1">Turkmenistan</option>
|
||||||
|
<option value="2">Австралия</option>
|
||||||
|
<option value="3">Россия</option>
|
||||||
|
<option value="4">Канада</option>
|
||||||
|
<option value="5">Китай </option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="money">Валюта</label>
|
||||||
|
<div class="custom-select">
|
||||||
|
<select id="money">
|
||||||
|
<option value="0">Туркменский манат</option>
|
||||||
|
<option value="4">American dollar</option>
|
||||||
|
<option value="5">Туркменский манат </option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="cost">Стартовая цена за единицу</label>
|
||||||
|
<input type="text" placeholder="Пример: 120" id="cost" name="cost">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="payment">Условия оплаты</label>
|
||||||
|
<div class="custom-select">
|
||||||
|
<select id="payment">
|
||||||
|
<option value="0">Предоплата</option>
|
||||||
|
<option value="1">Предоплата</option>
|
||||||
|
<option value="2">Предоплата</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="location">Пункт</label>
|
||||||
|
<div class="custom-select">
|
||||||
|
<select id="location">
|
||||||
|
<option value="0">Бекдаш</option>
|
||||||
|
<option value="1">Бекдаш</option>
|
||||||
|
<option value="2">Бекдаш</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="packaging">Упаковка</label>
|
||||||
|
<div class="custom-select">
|
||||||
|
<select id="packaging">
|
||||||
|
<option value="0">Есть</option>
|
||||||
|
<option value="1">Нет</option>
|
||||||
|
<option value="2">Есть</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btn_bg">
|
||||||
|
<button class="post_btn" type="submit">
|
||||||
|
Отправить на биржу
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Add post 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/custom-select.js"></script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,506 @@
|
||||||
|
<!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>Chat</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 ========================================================= -->
|
||||||
|
|
||||||
|
<!-- Chat ============================================================ -->
|
||||||
|
<section class="chat">
|
||||||
|
<div class="auto_container">
|
||||||
|
<div class="chat_wrap">
|
||||||
|
<div class="chat_box">
|
||||||
|
<div class="chat_people">
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi jfdurjfurj j furjfu jfurj ufj urjfuj
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person active">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="person">
|
||||||
|
<div class="person_name">
|
||||||
|
Aman Amanow
|
||||||
|
</div>
|
||||||
|
<div class="person_message">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadi...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat_area">
|
||||||
|
<div class="chat_area-inner">
|
||||||
|
<div class="friend_message">
|
||||||
|
<div class="message_time">
|
||||||
|
12:00 - 14.05.2021
|
||||||
|
</div>
|
||||||
|
<div class="message_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
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="my_message">
|
||||||
|
<div class="message_time">
|
||||||
|
12:00 - 14.05.2021
|
||||||
|
</div>
|
||||||
|
<div class="message_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
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="friend_message">
|
||||||
|
<div class="message_time">
|
||||||
|
12:00 - 14.05.2021
|
||||||
|
</div>
|
||||||
|
<div class="message_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
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="my_message">
|
||||||
|
<div class="message_time">
|
||||||
|
12:00 - 14.05.2021
|
||||||
|
</div>
|
||||||
|
<div class="message_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
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="friend_message">
|
||||||
|
<div class="message_time">
|
||||||
|
12:00 - 14.05.2021
|
||||||
|
</div>
|
||||||
|
<div class="message_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
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="my_message">
|
||||||
|
<div class="message_time">
|
||||||
|
12:00 - 14.05.2021
|
||||||
|
</div>
|
||||||
|
<div class="message_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
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="friend_message">
|
||||||
|
<div class="message_time">
|
||||||
|
12:00 - 14.05.2021
|
||||||
|
</div>
|
||||||
|
<div class="message_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
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form action="#" class="message_form">
|
||||||
|
<div class="message_input">
|
||||||
|
<textarea></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form_file">
|
||||||
|
<label for="file-1" class="anchor">
|
||||||
|
<div class="label_img">
|
||||||
|
<img src="images/svg/ad.svg" alt="add">
|
||||||
|
</div>
|
||||||
|
<span></span>
|
||||||
|
</label>
|
||||||
|
<input type="file" name="file-1[]" id="file-1" class="inputfile inputfile-1"
|
||||||
|
data-multiple-caption="{count} files selected" multiple />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="message_btn">
|
||||||
|
<img src="images/svg/plane.svg" alt="send">
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Chat 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/custom-select.js"></script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<!-- <script src="js/extra.js"></script> -->
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -114,6 +114,7 @@ li {
|
||||||
--rgba-white: rgba(250, 250, 250, .2);
|
--rgba-white: rgba(250, 250, 250, .2);
|
||||||
--text-32: 32px;
|
--text-32: 32px;
|
||||||
--text-20: 20px;
|
--text-20: 20px;
|
||||||
|
--text-18: 18px;
|
||||||
--text-16: 16px;
|
--text-16: 16px;
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -263,6 +264,7 @@ li {
|
||||||
.register_banner {
|
.register_banner {
|
||||||
background: url("../images/bg_2.png") no-repeat center;
|
background: url("../images/bg_2.png") no-repeat center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
-webkit-background-size: cover;
|
||||||
/* width: 780px; */
|
/* width: 780px; */
|
||||||
/* height: 630px; */
|
/* height: 630px; */
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|
@ -354,6 +356,7 @@ li {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
-ms-flex-wrap: wrap;
|
-ms-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
padding: 65px;
|
padding: 65px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -417,6 +420,122 @@ li {
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.profile_bio {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_profile {
|
||||||
|
display: none;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile_head {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-right: 40px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile_text {
|
||||||
|
margin: 0 15px;
|
||||||
|
font-size: var(--text-18);
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile_drop {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
-moz-flex-direction: column;
|
||||||
|
-o-flex-direction: column;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
/* top: calc(100% + 52px); */
|
||||||
|
bottom: -360px;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
width: 400px;
|
||||||
|
|
||||||
|
background: #fff;
|
||||||
|
z-index: -1;
|
||||||
|
-webkit-box-shadow: 0px 6px 4px -1px var(--rgba-black);
|
||||||
|
box-shadow: 0px 6px 4px -1px var(--rgba-black);
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
|
border-bottom-right-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile_drop.active {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
/* animation: profile 1s linear; */
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes profile {
|
||||||
|
0% {
|
||||||
|
/* max-height: 0; */
|
||||||
|
/* opacity: 0; */
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
max-height: 100%;
|
||||||
|
/* opacity: 1; */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile_item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
padding: 25px 30px;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, .3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile_item:hover {
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile_item:last-child {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add_post_btn {
|
||||||
|
background: var(--blue);
|
||||||
|
background: #003197;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 30px;
|
||||||
|
border-radius: 5px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_icon {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_icon img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
-o-object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_text {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Header Top ============================================= */
|
/* Header Top ============================================= */
|
||||||
|
|
||||||
.header_top {
|
.header_top {
|
||||||
|
|
@ -439,6 +558,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top_btn:hover {
|
.top_btn:hover {
|
||||||
|
|
@ -517,15 +639,20 @@ li {
|
||||||
|
|
||||||
/* Header ============================================= */
|
/* Header ============================================= */
|
||||||
.header {
|
.header {
|
||||||
padding: 15px 0;
|
|
||||||
-webkit-box-shadow: 0px 6px 4px -1px var(--rgba-black);
|
-webkit-box-shadow: 0px 6px 4px -1px var(--rgba-black);
|
||||||
box-shadow: 0px 6px 4px -1px var(--rgba-black);
|
box-shadow: 0px 6px 4px -1px var(--rgba-black);
|
||||||
|
z-index: 5;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_wrap {
|
.header_wrap {
|
||||||
|
padding: 15px 0;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
-webkit-box-shadow: 0px 15px 4px -10px var(--rgba-black);
|
||||||
|
box-shadow: 0px 15px 4px -10px var(--rgba-black);
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
|
|
@ -562,6 +689,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.register_btn:hover {
|
.register_btn:hover {
|
||||||
|
|
@ -600,6 +730,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.log_in:hover {
|
.log_in:hover {
|
||||||
|
|
@ -642,6 +775,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav_link:hover {
|
.nav_link:hover {
|
||||||
|
|
@ -654,6 +790,10 @@ li {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
right: -40px;
|
right: -40px;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
|
-moz-transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
-ms-transform: translateY(-50%);
|
||||||
|
-o-transform: translateY(-50%);
|
||||||
width: 2px;
|
width: 2px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
background: var(--rgba-white);
|
background: var(--rgba-white);
|
||||||
|
|
@ -706,6 +846,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lang_item.active {
|
.lang_item.active {
|
||||||
|
|
@ -722,6 +865,10 @@ li {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
right: -15px;
|
right: -15px;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
|
-o-transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
-ms-transform: translateY(-50%);
|
||||||
|
-moz-transform: translateY(-50%);
|
||||||
width: 2px;
|
width: 2px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
background: var(--blue);
|
background: var(--blue);
|
||||||
|
|
@ -776,6 +923,7 @@ li {
|
||||||
.intro_slider {
|
.intro_slider {
|
||||||
background: url("../images/slide.png") no-repeat center;
|
background: url("../images/slide.png") no-repeat center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
-webkit-background-size: cover;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -789,6 +937,7 @@ li {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
-ms-flex-direction: column;
|
-ms-flex-direction: column;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -931,6 +1080,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sort_icon:hover {
|
.sort_icon:hover {
|
||||||
|
|
@ -952,6 +1104,8 @@ li {
|
||||||
.product_box {
|
.product_box {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
margin: var(--product-box-margin);
|
margin: var(--product-box-margin);
|
||||||
|
|
||||||
flex-direction: var(--item-row);
|
flex-direction: var(--item-row);
|
||||||
|
|
@ -1006,6 +1160,10 @@ li {
|
||||||
cursor: var(--cursor);
|
cursor: var(--cursor);
|
||||||
|
|
||||||
transition: all .2s linear;
|
transition: all .2s linear;
|
||||||
|
-o-transition: all .2s linear;
|
||||||
|
-ms-transition: all .2s linear;
|
||||||
|
-moz-transition: all .2s linear;
|
||||||
|
-webkit-transition: all .2s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product_item:hover {
|
.product_item:hover {
|
||||||
|
|
@ -1123,6 +1281,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item_btn:hover {
|
.item_btn:hover {
|
||||||
|
|
@ -1137,6 +1298,7 @@ li {
|
||||||
padding: 50px 0 20px;
|
padding: 50px 0 20px;
|
||||||
background: url("../images/footer-bg.png") no-repeat center;
|
background: url("../images/footer-bg.png") no-repeat center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
-webkit-background-size: cover;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -1232,6 +1394,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab_link:hover {
|
.tab_link:hover {
|
||||||
|
|
@ -1274,6 +1439,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cat_arrow:hover {
|
.cat_arrow:hover {
|
||||||
|
|
@ -1289,6 +1457,10 @@ li {
|
||||||
|
|
||||||
.left img {
|
.left img {
|
||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
|
-o-transform: rotate(180deg);
|
||||||
|
-moz-transform: rotate(180deg);
|
||||||
|
-webkit-transform: rotate(180deg);
|
||||||
|
-ms-transform: rotate(180deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cat_form {
|
.cat_form {
|
||||||
|
|
@ -1367,7 +1539,7 @@ li {
|
||||||
.detail_for_navs {
|
.detail_for_navs {
|
||||||
/* display: none !important; */
|
/* display: none !important; */
|
||||||
width: 100px;
|
width: 100px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail_for_navs .slick-list {
|
.detail_for_navs .slick-list {
|
||||||
|
|
@ -1509,6 +1681,9 @@ li {
|
||||||
|
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn:hover {
|
.btn:hover {
|
||||||
|
|
@ -1567,6 +1742,7 @@ li {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
-ms-flex-wrap: wrap;
|
-ms-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
|
|
||||||
margin: -30px -20px;
|
margin: -30px -20px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -1704,6 +1880,464 @@ li {
|
||||||
margin-top: 100px;
|
margin-top: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Add post =========================================== */
|
||||||
|
|
||||||
|
.post {
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_form {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
-o-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
|
-moz-flex-wrap: wrap;
|
||||||
|
|
||||||
|
margin: -25px -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_input {
|
||||||
|
width: calc(33.33% - 40px);
|
||||||
|
margin: 25px 20px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_input input {
|
||||||
|
border: 1px solid rgba(0, 0, 0, .5);
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 15px 30px;
|
||||||
|
|
||||||
|
width: calc(100% - 0px);
|
||||||
|
|
||||||
|
font-size: var(--text-20);
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_input input[type="password"]::placeholder {
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_input input::placeholder {
|
||||||
|
color: rgba(0, 0, 0, .5);
|
||||||
|
font-size: var(--text-18);
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_input label {
|
||||||
|
font-size: var(--text-18);
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1;
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_bg {
|
||||||
|
width: 100%;
|
||||||
|
margin: 25px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_btn {
|
||||||
|
background: var(--blue);
|
||||||
|
color: #fff;
|
||||||
|
border: none;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 20px 50px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
font-size: var(--text-18);
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eye {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
top: 70%;
|
||||||
|
right: 30px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eye img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
-o-object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eye_on.active {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eye_off {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eye_off.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom select ============= */
|
||||||
|
.custom-select {
|
||||||
|
position: relative;
|
||||||
|
width: calc(100% - 0px);
|
||||||
|
padding: 20px 30px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
background: #E2E2E2;
|
||||||
|
|
||||||
|
font-size: var(--text-18);
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-select select {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-selected {
|
||||||
|
background-color: #E2E2E2;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-selected:after {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
top: 50%;
|
||||||
|
right: 30px;
|
||||||
|
transform: translateY(-30%);
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border: 6px solid #000;
|
||||||
|
border-color: #000 transparent transparent transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-selected.select-arrow-active:after {
|
||||||
|
border-color: transparent transparent #000 transparent;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-70%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-items div,
|
||||||
|
.select-selected {
|
||||||
|
color: #000;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-items {
|
||||||
|
position: absolute;
|
||||||
|
background-color: #fff;
|
||||||
|
top: calc(100% + 10px);
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 99;
|
||||||
|
padding: 10px 5px;
|
||||||
|
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-hide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-items div:hover,
|
||||||
|
.same-as-selected {
|
||||||
|
background-color: rgba(0, 0, 0, .2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* custom select */
|
||||||
|
|
||||||
|
.library {
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add post end ======================================= */
|
||||||
|
|
||||||
|
|
||||||
|
/* Chat ========================================= */
|
||||||
|
|
||||||
|
.chat {
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_box {
|
||||||
|
display: flex;
|
||||||
|
border: 1px solid #e2e2e2;
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_people {
|
||||||
|
width: 30%;
|
||||||
|
border-right: 1px solid #e2e2e2;
|
||||||
|
height: 620px;
|
||||||
|
overflow-y: auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_people::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_people::-webkit-scrollbar-track {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_people::-webkit-scrollbar-thumb {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_area-inner::-webkit-scrollbar {
|
||||||
|
width: 10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_area-inner::-webkit-scrollbar-track {
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #e2e2e2;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_area-inner::-webkit-scrollbar-thumb {
|
||||||
|
background: var(--blue);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_area {
|
||||||
|
width: 70%;
|
||||||
|
height: 620px;
|
||||||
|
padding: 10px 10px 100px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat_area-inner {
|
||||||
|
overflow-y: auto;
|
||||||
|
height: 100%;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.person {
|
||||||
|
background: #f5f5f5;
|
||||||
|
padding: 30px;
|
||||||
|
border-bottom: 1px solid #e2e2e2;
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.person:hover {
|
||||||
|
background: #c9c9c9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.person:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.person.active {
|
||||||
|
background: var(--blue);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.person_name {
|
||||||
|
font-size: var(--text-18);
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.3;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.person_message {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.friend_message {
|
||||||
|
width: 60%;
|
||||||
|
border-bottom-right-radius: 10px;
|
||||||
|
border-top-left-radius: 10px;
|
||||||
|
border-top-right-radius: 10px;
|
||||||
|
|
||||||
|
padding: 30px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my_message {
|
||||||
|
width: 60%;
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
|
border-top-left-radius: 10px;
|
||||||
|
border-top-right-radius: 10px;
|
||||||
|
|
||||||
|
padding: 30px;
|
||||||
|
margin: 0 0 30px auto;
|
||||||
|
|
||||||
|
background: var(--blue);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.friend_message .message_time {
|
||||||
|
color: rgba(0, 0, 0, .5);
|
||||||
|
font-style: italic;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my_message .message_time {
|
||||||
|
color: rgba(250, 250, 250, .5);
|
||||||
|
font-style: italic;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message_text {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message_form {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 20px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: calc(100% - 60px);
|
||||||
|
border: 1px solid #e2e2e2;
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message_input {
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message_input textarea {
|
||||||
|
font-size: var(--text-16);
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.3;
|
||||||
|
|
||||||
|
padding: 20px 90px 20px 20px;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
|
||||||
|
resize: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.message_input textarea::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form_file {
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
right: 55px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message_btn {
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.message_btn img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
-o-object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label_img {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label_img img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
-o-object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.anchor {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Custom file-input ============================ */
|
||||||
|
.inputfile {
|
||||||
|
width: 0.1px;
|
||||||
|
height: 0.1px;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputfile+label {
|
||||||
|
max-width: 80%;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
font-size: var(--vacancy_text);
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.5;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputfile+label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputfile:focus+label,
|
||||||
|
.inputfile.has-focus+label {
|
||||||
|
outline: 1px dotted #000;
|
||||||
|
outline: -webkit-focus-ring-color auto 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputfile+label * {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom file-input ============================ */
|
||||||
|
|
||||||
|
|
||||||
|
/* Chat end ======================================= */
|
||||||
|
|
||||||
|
|
||||||
/* Media Query
|
/* Media Query
|
||||||
======================================================= */
|
======================================================= */
|
||||||
|
|
@ -1919,6 +2553,7 @@ li {
|
||||||
.sort_icon:first-child {
|
.sort_icon:first-child {
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact_content {
|
.contact_content {
|
||||||
width: calc(65% - 30px);
|
width: calc(65% - 30px);
|
||||||
}
|
}
|
||||||
|
|
@ -1958,6 +2593,7 @@ li {
|
||||||
/* justify-content: center; */
|
/* justify-content: center; */
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
-ms-flex-wrap: wrap;
|
-ms-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
margin: 50px -20px 0;
|
margin: 50px -20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1980,6 +2616,7 @@ li {
|
||||||
margin-bottom: 70px;
|
margin-bottom: 70px;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
-ms-flex-wrap: wrap;
|
-ms-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab_link {
|
.tab_link {
|
||||||
|
|
@ -2015,6 +2652,7 @@ li {
|
||||||
align-items: unset;
|
align-items: unset;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
-ms-flex-wrap: wrap;
|
-ms-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.foot_logo {
|
.foot_logo {
|
||||||
|
|
@ -2033,6 +2671,8 @@ li {
|
||||||
|
|
||||||
.detail_table {
|
.detail_table {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table_group {
|
.table_group {
|
||||||
|
|
@ -2084,6 +2724,9 @@ li {
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
transition: all .3s linear;
|
transition: all .3s linear;
|
||||||
-ms-transition: all .3s linear;
|
-ms-transition: all .3s linear;
|
||||||
|
-moz-transition: all .3s linear;
|
||||||
|
-o-transition: all .3s linear;
|
||||||
|
-webkit-transition: all .3s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.links {
|
.links {
|
||||||
|
|
@ -2101,6 +2744,9 @@ li {
|
||||||
|
|
||||||
transition: all .3s linear;
|
transition: all .3s linear;
|
||||||
-ms-transition: all .3s linear;
|
-ms-transition: all .3s linear;
|
||||||
|
-o-transition: all .3s linear;
|
||||||
|
-moz-transition: all .3s linear;
|
||||||
|
-webkit-transition: all .3s linear;
|
||||||
|
|
||||||
background: #fff;
|
background: #fff;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
@ -2188,6 +2834,26 @@ li {
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ------------------------------------------- */
|
||||||
|
.post_input {
|
||||||
|
width: calc(50% - 40px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile {
|
||||||
|
flex-direction: column;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
-o-flex-direction: column;
|
||||||
|
-moz-flex-direction: column;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile_head {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width: 900px) {
|
@media(max-width: 900px) {
|
||||||
|
|
@ -2350,6 +3016,29 @@ li {
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.profile {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_profile {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
-moz-flex-wrap: wrap;
|
||||||
|
-o-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
|
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_profile .profile_head {
|
||||||
|
width: 100%;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.intro_slider {
|
.intro_slider {
|
||||||
height: 420px;
|
height: 420px;
|
||||||
}
|
}
|
||||||
|
|
@ -2362,6 +3051,7 @@ li {
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
-ms-flex-wrap: wrap;
|
-ms-flex-wrap: wrap;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.foot_col {
|
.foot_col {
|
||||||
|
|
@ -2391,13 +3081,24 @@ li {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact_title {
|
.contact_title {
|
||||||
margin-bottom: 40px;
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.copyright {
|
.copyright {
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* --------------------------------- */
|
||||||
|
.post_form {
|
||||||
|
margin: -25px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_input {
|
||||||
|
width: 100%;
|
||||||
|
margin: 25px 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width: 600px) {
|
@media(max-width: 600px) {
|
||||||
|
|
@ -2467,13 +3168,13 @@ li {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact_title {
|
.contact_title {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact {
|
.contact {
|
||||||
padding: 40px 0;
|
padding: 40px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact_map {
|
.contact_map {
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
|
|
@ -2502,7 +3203,7 @@ li {
|
||||||
.user_btn {
|
.user_btn {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user_btn img {
|
.user_btn img {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<svg id="Group_118" data-name="Group 118" xmlns="http://www.w3.org/2000/svg" width="21.617" height="23" viewBox="0 0 21.617 23">
|
||||||
|
<path id="Path_3272" data-name="Path 3272" d="M35.728,7.375a.958.958,0,0,0-1.355,0L22.853,18.961a3.833,3.833,0,0,1-5.419-5.423L29.295,1.614A2.4,2.4,0,0,1,32.681,5L22.854,14.83l0,0A.958.958,0,0,1,21.5,13.476l4.743-4.744a.958.958,0,1,0-1.355-1.355L20.144,12.12a2.875,2.875,0,0,0,4.066,4.065l0,0L34.036,6.36a4.312,4.312,0,0,0-6.1-6.1L16.076,12.184a5.75,5.75,0,0,0,8.134,8.13L35.732,8.73A.958.958,0,0,0,35.728,7.375Z" transform="translate(-14.394 1.002)" fill="#003197"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 606 B |
|
|
@ -0,0 +1,10 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||||
|
<g id="Group_116" data-name="Group 116" transform="translate(-1539 -105)">
|
||||||
|
<g id="Ellipse_31" data-name="Ellipse 31" transform="translate(1539 105)" fill="rgba(255,255,255,0)" stroke="#fff" stroke-width="2">
|
||||||
|
<circle cx="10" cy="10" r="10" stroke="none" />
|
||||||
|
<circle cx="10" cy="10" r="9" fill="none" />
|
||||||
|
</g>
|
||||||
|
<rect id="Rectangle_95" data-name="Rectangle 95" width="2" height="10" rx="1" transform="translate(1548 110)" fill="#fff" />
|
||||||
|
<rect id="Rectangle_96" data-name="Rectangle 96" width="2" height="10" rx="1" transform="translate(1544 116) rotate(-90)" fill="#fff" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 680 B |
|
|
@ -0,0 +1,3 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6">
|
||||||
|
<path id="Union_1" data-name="Union 1" d="M-10288.26-97.869l-4.048-4.076a.968.968,0,0,1,0-1.36.949.949,0,0,1,1.349,0l3.373,3.4,3.371-3.4a.949.949,0,0,1,1.349,0,.968.968,0,0,1,0,1.36l-4.045,4.076a.946.946,0,0,1-.675.283A.945.945,0,0,1-10288.26-97.869Z" transform="translate(10292.587 103.586)" fill="#003197"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 401 B |
|
|
@ -0,0 +1,6 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="22" viewBox="0 0 18 22">
|
||||||
|
<g id="clipboard" transform="translate(-3 -1)">
|
||||||
|
<path id="Path_3269" data-name="Path 3269" d="M16,4h2a2,2,0,0,1,2,2V20a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V6A2,2,0,0,1,6,4H8" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
<rect id="Rectangle_111" data-name="Rectangle 111" width="8" height="4" rx="1" transform="translate(8 2)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 572 B |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye-off"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>
|
||||||
|
After Width: | Height: | Size: 460 B |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
|
||||||
|
After Width: | Height: | Size: 316 B |
|
|
@ -0,0 +1,6 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18">
|
||||||
|
<g id="inbox" transform="translate(-1 -3)">
|
||||||
|
<path id="Path_3266" data-name="Path 3266" d="M22,12H16l-2,3H10L8,12H2" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
<path id="Path_3267" data-name="Path 3267" d="M5.45,5.11,2,12v6a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V12L18.55,5.11A2,2,0,0,0,16.76,4H7.24A2,2,0,0,0,5.45,5.11Z" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 568 B |
|
|
@ -0,0 +1,7 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||||
|
<g id="log-out" transform="translate(-2 -2)">
|
||||||
|
<path id="Path_3264" data-name="Path 3264" d="M9,21H5a2,2,0,0,1-2-2V5A2,2,0,0,1,5,3H9" fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
<path id="Path_3265" data-name="Path 3265" d="M16,17l5-5L16,7" fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
<line id="Line_74" data-name="Line 74" x1="12" transform="translate(9 12)" fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 656 B |
|
|
@ -0,0 +1,6 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 23">
|
||||||
|
<g id="paper-plane" transform="translate(0 0)">
|
||||||
|
<path id="Path_3270" data-name="Path 3270" d="M8.75,17.612V22.25a.75.75,0,0,0,1.354.444L12.817,19Z" fill="#003197" />
|
||||||
|
<path id="Path_3271" data-name="Path 3271" d="M23.685.139A.75.75,0,0,0,22.9.085L.4,11.835a.75.75,0,0,0,.1,1.375l6.255,2.138L20.083,3.958,9.775,16.377,20.258,19.96A.767.767,0,0,0,20.5,20a.749.749,0,0,0,.742-.639l2.75-18.5a.751.751,0,0,0-.307-.722Z" fill="#003197" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 512 B |
|
|
@ -0,0 +1,6 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18">
|
||||||
|
<g id="user-plus" transform="translate(14 -2)">
|
||||||
|
<path id="Path_120" data-name="Path 120" d="M15,20.317V18.545A3.643,3.643,0,0,0,11.267,15H4.733A3.643,3.643,0,0,0,1,18.545v1.772" transform="translate(-14 -1.317)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
<circle id="Ellipse_27" data-name="Ellipse 27" cx="3.545" cy="3.545" r="3.545" transform="translate(-9.544 3)" fill="none" stroke="#003197" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 621 B |
|
|
@ -871,7 +871,9 @@
|
||||||
<script src="js/jquery.js"></script>
|
<script src="js/jquery.js"></script>
|
||||||
<script src="js/slick.js"></script>
|
<script src="js/slick.js"></script>
|
||||||
<script src="js/slider.js"></script>
|
<script src="js/slider.js"></script>
|
||||||
|
<script src="js/custom-select.js"></script>
|
||||||
<script src="js/main.js"></script>
|
<script src="js/main.js"></script>
|
||||||
|
<!-- <script src="js/extra.js"></script> -->
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
;( function ( document, window, index )
|
||||||
|
{
|
||||||
|
var inputs = document.querySelectorAll( '.inputfile' );
|
||||||
|
Array.prototype.forEach.call( inputs, function( input )
|
||||||
|
{
|
||||||
|
var label = input.previousElementSibling,
|
||||||
|
labelVal = label.innerHTML;
|
||||||
|
|
||||||
|
input.addEventListener( 'change', function( e )
|
||||||
|
{
|
||||||
|
|
||||||
|
var fileName = '';
|
||||||
|
if( this.files && this.files.length > 1 )
|
||||||
|
fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length );
|
||||||
|
else
|
||||||
|
fileName = e.target.value.split( '\\' ).pop();
|
||||||
|
|
||||||
|
if( fileName )
|
||||||
|
label.querySelector( 'span' ).innerHTML = fileName;
|
||||||
|
else
|
||||||
|
label.innerHTML = labelVal;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Firefox bug fix
|
||||||
|
input.addEventListener( 'focus', function(){ input.classList.add( 'has-focus' ); });
|
||||||
|
input.addEventListener( 'blur', function(){ input.classList.remove( 'has-focus' ); });
|
||||||
|
});
|
||||||
|
}( document, window, 0 ));
|
||||||
|
|
@ -0,0 +1,80 @@
|
||||||
|
var x, i, j, l, ll, selElmnt, a, b, c;
|
||||||
|
/* Look for any elements with the class "custom-select": */
|
||||||
|
x = document.getElementsByClassName("custom-select");
|
||||||
|
l = x.length;
|
||||||
|
for (i = 0; i < l; i++) {
|
||||||
|
selElmnt = x[i].getElementsByTagName("select")[0];
|
||||||
|
ll = selElmnt.length;
|
||||||
|
/* For each element, create a new DIV that will act as the selected item: */
|
||||||
|
a = document.createElement("DIV");
|
||||||
|
a.setAttribute("class", "select-selected");
|
||||||
|
a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
|
||||||
|
x[i].appendChild(a);
|
||||||
|
/* For each element, create a new DIV that will contain the option list: */
|
||||||
|
b = document.createElement("DIV");
|
||||||
|
b.setAttribute("class", "select-items select-hide");
|
||||||
|
for (j = 1; j < ll; j++) {
|
||||||
|
/* For each option in the original select element,
|
||||||
|
create a new DIV that will act as an option item: */
|
||||||
|
c = document.createElement("DIV");
|
||||||
|
c.innerHTML = selElmnt.options[j].innerHTML;
|
||||||
|
c.addEventListener("click", function (e) {
|
||||||
|
/* When an item is clicked, update the original select box,
|
||||||
|
and the selected item: */
|
||||||
|
var y, i, k, s, h, sl, yl;
|
||||||
|
s = this.parentNode.parentNode.getElementsByTagName("select")[0];
|
||||||
|
sl = s.length;
|
||||||
|
h = this.parentNode.previousSibling;
|
||||||
|
for (i = 0; i < sl; i++) {
|
||||||
|
if (s.options[i].innerHTML == this.innerHTML) {
|
||||||
|
s.selectedIndex = i;
|
||||||
|
h.innerHTML = this.innerHTML;
|
||||||
|
y = this.parentNode.getElementsByClassName("same-as-selected");
|
||||||
|
yl = y.length;
|
||||||
|
for (k = 0; k < yl; k++) {
|
||||||
|
y[k].removeAttribute("class");
|
||||||
|
}
|
||||||
|
this.setAttribute("class", "same-as-selected");
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h.click();
|
||||||
|
});
|
||||||
|
b.appendChild(c);
|
||||||
|
}
|
||||||
|
x[i].appendChild(b);
|
||||||
|
a.addEventListener("click", function (e) {
|
||||||
|
/* When the select box is clicked, close any other select boxes,
|
||||||
|
and open/close the current select box: */
|
||||||
|
e.stopPropagation();
|
||||||
|
closeAllSelect(this);
|
||||||
|
this.nextSibling.classList.toggle("select-hide");
|
||||||
|
this.classList.toggle("select-arrow-active");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function closeAllSelect(elmnt) {
|
||||||
|
/* A function that will close all select boxes in the document,
|
||||||
|
except the current select box: */
|
||||||
|
var x, y, i, xl, yl, arrNo = [];
|
||||||
|
x = document.getElementsByClassName("select-items");
|
||||||
|
y = document.getElementsByClassName("select-selected");
|
||||||
|
xl = x.length;
|
||||||
|
yl = y.length;
|
||||||
|
for (i = 0; i < yl; i++) {
|
||||||
|
if (elmnt == y[i]) {
|
||||||
|
arrNo.push(i)
|
||||||
|
} else {
|
||||||
|
y[i].classList.remove("select-arrow-active");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
for (i = 0; i < xl; i++) {
|
||||||
|
if (arrNo.indexOf(i)) {
|
||||||
|
x[i].classList.add("select-hide");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* If the user clicks anywhere outside the select box,
|
||||||
|
then close all select boxes: */
|
||||||
|
document.addEventListener("click", closeAllSelect);
|
||||||
|
|
@ -0,0 +1,178 @@
|
||||||
|
|
||||||
|
// 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 ==========================================
|
||||||
|
|
||||||
|
|
@ -1,14 +1,38 @@
|
||||||
|
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// selector =============
|
// selector =============
|
||||||
const selectElement = function (element) {
|
const selectElement = function (element) {
|
||||||
return document.querySelector(element);
|
return document.querySelector(element);
|
||||||
};
|
};
|
||||||
// selector end=============
|
// selector end=============
|
||||||
|
|
||||||
|
let drop = document.querySelector('.profile_drop');
|
||||||
|
let register = document.querySelector('.register');
|
||||||
|
let register_btn = document.querySelectorAll('.register_btn');
|
||||||
|
let log_in = document.querySelectorAll('.log_in');
|
||||||
|
let btn_1 = document.querySelector('#btn-1');
|
||||||
|
let btn_2 = document.querySelector('#btn-2');
|
||||||
|
|
||||||
|
let register_content = document.querySelector('.register_content');
|
||||||
|
let register_content_2 = document.querySelector('.register_content_2');
|
||||||
|
|
||||||
// Fixed header ====================================
|
// Fixed header ====================================
|
||||||
window.onscroll = function () {
|
window.onscroll = function () {
|
||||||
scrollFunc();
|
scrollFunc();
|
||||||
|
|
||||||
|
if (drop != undefined) {
|
||||||
|
drop.classList.remove('active');
|
||||||
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
let header = document.getElementById("head-top");
|
let header = document.getElementById("head-top");
|
||||||
|
|
@ -36,8 +60,17 @@ function sleep(time) {
|
||||||
|
|
||||||
|
|
||||||
window.onclick = function (e) {
|
window.onclick = function (e) {
|
||||||
if (selectElement('.register').classList.contains('active') && !e.target.closest('.register_body')) {
|
|
||||||
selectElement('.register').classList.remove('active');
|
if (drop != undefined) {
|
||||||
|
if (document.querySelector('.profile_drop').classList.contains('active') && !e.target.closest('.profile_head')) {
|
||||||
|
document.querySelector('.profile_drop').classList.remove('active');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (register != undefined) {
|
||||||
|
if (register.classList.contains('active') && !e.target.closest('.register_body')) {
|
||||||
|
register.classList.remove('active');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (selectElement('.links').classList.contains('active')) {
|
if (selectElement('.links').classList.contains('active')) {
|
||||||
|
|
@ -53,53 +86,6 @@ window.onclick = function (e) {
|
||||||
|
|
||||||
// Clicks ================================================================
|
// 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 () {
|
selectElement('.burger').addEventListener('click', function () {
|
||||||
sleep(2).then(() => {
|
sleep(2).then(() => {
|
||||||
selectElement('.links_bg').classList.toggle('active');
|
selectElement('.links_bg').classList.toggle('active');
|
||||||
|
|
@ -109,38 +95,75 @@ selectElement('.burger').addEventListener('click', function () {
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if (register_btn != undefined) {
|
||||||
|
register_btn.forEach(x => {
|
||||||
|
x.addEventListener('click', function () {
|
||||||
|
sleep(2).then(() => {
|
||||||
|
register.classList.toggle('active');
|
||||||
|
btn_2.classList.add('active');
|
||||||
|
btn_1.classList.remove('active');
|
||||||
|
|
||||||
|
register_content.classList.add('active');
|
||||||
|
register_content_2.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (log_in != undefined) {
|
||||||
|
log_in.forEach(x => {
|
||||||
|
x.addEventListener('click', function () {
|
||||||
|
sleep(2).then(() => {
|
||||||
|
register.classList.toggle('active');
|
||||||
|
btn_1.classList.add('active');
|
||||||
|
btn_2.classList.remove('active');
|
||||||
|
|
||||||
|
register_content.classList.remove('active');
|
||||||
|
register_content_2.classList.add('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (btn_1 != undefined) {
|
||||||
|
btn_1.addEventListener('click', function () {
|
||||||
|
sleep(2).then(() => {
|
||||||
|
btn_1.classList.add('active');
|
||||||
|
btn_2.classList.remove('active');
|
||||||
|
|
||||||
|
register_content.classList.remove('active');
|
||||||
|
register_content_2.classList.add('active');
|
||||||
|
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if (btn_2 != undefined) {
|
||||||
|
btn_2.addEventListener('click', function () {
|
||||||
|
sleep(2).then(() => {
|
||||||
|
btn_2.classList.add('active');
|
||||||
|
btn_1.classList.remove('active');
|
||||||
|
|
||||||
|
register_content.classList.add('active');
|
||||||
|
register_content_2.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Clicks end ================================================================
|
// 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 ==========================================
|
// Category Tabs ==========================================
|
||||||
const tabsBtn = document.querySelectorAll(".tab_link");
|
const tabsBtn = document.querySelectorAll(".tab_link");
|
||||||
const tabsItems = document.querySelectorAll(".tab_source");
|
const tabsItems = document.querySelectorAll(".tab_source");
|
||||||
|
|
@ -175,3 +198,34 @@ function onTabClick(tabBtns, tabItems, item) {
|
||||||
}
|
}
|
||||||
|
|
||||||
// Category Tabs end ==========================================
|
// Category Tabs 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 ==============================================================
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,805 @@
|
||||||
|
<!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>My post</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 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 class="profile">
|
||||||
|
<div class="profile_bio">
|
||||||
|
<div class="profile_head">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Аман Аманов
|
||||||
|
</div>
|
||||||
|
<div class="prodile_arrow">
|
||||||
|
<img src="images/svg/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="profile_drop">
|
||||||
|
<a href="personal_data.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Персональные данные
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="my_post.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/clipboard.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Мои объявления
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/inbox.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Сообщения
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/log-out.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Выйти
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="add_post.html" class="add_post_btn">
|
||||||
|
<div class="post_icon">
|
||||||
|
<img src="images/svg/add.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="post_text">
|
||||||
|
Добавить объявление
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</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 class="mobile_profile">
|
||||||
|
<div class="profile_bio">
|
||||||
|
<div class="profile_head">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Аман Аманов
|
||||||
|
</div>
|
||||||
|
<div class="prodile_arrow">
|
||||||
|
<img src="images/svg/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="profile_drop">
|
||||||
|
<a href="personal_data.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Персональные данные
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="my_post.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/clipboard.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Мои объявления
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/inbox.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Сообщения
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/log-out.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Выйти
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="add_post.html" class="add_post_btn">
|
||||||
|
<div class="post_icon">
|
||||||
|
<img src="images/svg/add.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="post_text">
|
||||||
|
Добавить объявление
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</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 ========================================================= -->
|
||||||
|
|
||||||
|
<!-- My post ========================================================= -->
|
||||||
|
<section class="library">
|
||||||
|
<div class="auto_container">
|
||||||
|
<div class="library_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>
|
||||||
|
<!-- My post 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/custom-select.js"></script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,424 @@
|
||||||
|
<!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>Personal data</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 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 class="profile">
|
||||||
|
<div class="profile_bio">
|
||||||
|
<div class="profile_head">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Аман Аманов
|
||||||
|
</div>
|
||||||
|
<div class="prodile_arrow">
|
||||||
|
<img src="images/svg/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="profile_drop">
|
||||||
|
<a href="personal_data.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Персональные данные
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="my_post.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/clipboard.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Мои объявления
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/inbox.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Сообщения
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/log-out.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Выйти
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="add_post.html" class="add_post_btn">
|
||||||
|
<div class="post_icon">
|
||||||
|
<img src="images/svg/add.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="post_text">
|
||||||
|
Добавить объявление
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</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 class="mobile_profile">
|
||||||
|
<div class="profile_bio">
|
||||||
|
<div class="profile_head">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Аман Аманов
|
||||||
|
</div>
|
||||||
|
<div class="prodile_arrow">
|
||||||
|
<img src="images/svg/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="profile_drop">
|
||||||
|
<a href="personal_data.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/user-plus.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Персональные данные
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="my_post.html" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/clipboard.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Мои объявления
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/inbox.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Сообщения
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="profile_item">
|
||||||
|
<div class="profile_icon">
|
||||||
|
<img src="images/svg/log-out.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="profile_text">
|
||||||
|
Выйти
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="add_post.html" class="add_post_btn">
|
||||||
|
<div class="post_icon">
|
||||||
|
<img src="images/svg/add.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="post_text">
|
||||||
|
Добавить объявление
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</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 ========================================================= -->
|
||||||
|
|
||||||
|
<!-- Add post ============================================================= -->
|
||||||
|
<section class="post">
|
||||||
|
<div class="auto_container">
|
||||||
|
<div class="post_wrap">
|
||||||
|
<div class="contact_title">
|
||||||
|
Персональные данные
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form action="#" class="post_form">
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="name">Имя</label>
|
||||||
|
<input type="text" placeholder="Аман" id="name" name="name">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="last_name">Фамилия</label>
|
||||||
|
<input type="text" placeholder="Аманов" id="last_name" name="last_name">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="log-in">Логин</label>
|
||||||
|
<input type="text" placeholder="Aman Amanow" id="log-in" name="log-in">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="blue_mail">Электронный адрес</label>
|
||||||
|
<input type="email" placeholder="amanamanow@gmail.com" id="blue_mail" name="blue_mail">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="phone_num">Номер телефона</label>
|
||||||
|
<input type="text" placeholder="+993 65656565" id="phone_num" name="phone_num">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post_input">
|
||||||
|
<label for="password">Пароль</label>
|
||||||
|
<input type="password" placeholder="************" id="password" name="password">
|
||||||
|
<div class="eye">
|
||||||
|
<img class="eye_off" src="images/svg/eye-off.svg" alt="eye">
|
||||||
|
<img class="eye_on" src="images/svg/eye.svg" alt="eye">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btn_bg">
|
||||||
|
<button class="post_btn" type="submit">
|
||||||
|
Сохранить
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Add post 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/custom-select.js"></script>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
document.querySelector('.eye_off').addEventListener('click', function () {
|
||||||
|
document.getElementById('password').type = "password"
|
||||||
|
|
||||||
|
document.querySelector('.eye_on').classList.remove('active');
|
||||||
|
document.querySelector('.eye_off').classList.remove('active');
|
||||||
|
})
|
||||||
|
|
||||||
|
document.querySelector('.eye_on').addEventListener('click', function () {
|
||||||
|
document.getElementById('password').type = "text";
|
||||||
|
|
||||||
|
document.querySelector('.eye_on').classList.add('active');
|
||||||
|
document.querySelector('.eye_off').classList.add('active');
|
||||||
|
})
|
||||||
|
|
||||||
|
document.querySelector('.profile_head').addEventListener('click', function () {
|
||||||
|
sleep(2).then(() => {
|
||||||
|
document.querySelector('.profile_drop').classList.toggle('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 407 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 852 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 924 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 207 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 960 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 690 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 406 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 218 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 643 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 952 KiB |
Loading…
Reference in New Issue