new page and empty place area
This commit is contained in:
Meylis Gazakow
parent
a4f8d2a006
commit
9966198d59
|
|
@ -313,6 +313,18 @@
|
|||
</table>
|
||||
</div>
|
||||
|
||||
<div class="empty_area">
|
||||
<div class="chat_wall">
|
||||
<div class="chat_wall_img">
|
||||
<img src="images/big_logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="chat_wall_text">
|
||||
Выберите один из активных диалоговых окон
|
||||
чтоб начать переписку!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat_end">
|
||||
<a href="#" class="cat_arrow left">
|
||||
<img src="images/svg/arrow-right.svg" alt="">
|
||||
|
|
|
|||
|
|
@ -983,6 +983,18 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="empty_area">
|
||||
<div class="chat_wall">
|
||||
<div class="chat_wall_img">
|
||||
<img src="images/big_logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="chat_wall_text">
|
||||
Выберите один из активных диалоговых окон
|
||||
чтоб начать переписку!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1058,4 +1070,4 @@
|
|||
<!-- <script src="js/extra.js"></script> -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3699,6 +3699,11 @@ li {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.empty_area {
|
||||
position: relative;
|
||||
height: 420px;
|
||||
}
|
||||
|
||||
|
||||
/* Custom file-input ============================ */
|
||||
.inputfile {
|
||||
|
|
@ -4094,11 +4099,143 @@ li {
|
|||
line-height: 1.4;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Add post 3 end ======================================= */
|
||||
|
||||
|
||||
/* Terms =========================================== */
|
||||
|
||||
.term {
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
.term_box {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.term_aside {
|
||||
width: calc(35% - 25px);
|
||||
margin-right: 25px;
|
||||
|
||||
border: 2px solid #F1F1F1;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.term_main {
|
||||
width: calc(65% - 25px);
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
.term_aside-title {
|
||||
background: var(--blue);
|
||||
padding: 20px 40px 20px 40px;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.aside_term-tab {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
padding: 30px 40px 30px 40px;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #F1F1F1;
|
||||
}
|
||||
|
||||
.aside_term-tab:last-child {
|
||||
border-bottom: unset;
|
||||
}
|
||||
|
||||
.aside_term-tab::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 40px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
background: #000;
|
||||
clip-path: polygon(0 0, 0% 100%, 100% 50%);
|
||||
-ms-clip-path: polygon(0 0, 0% 100%, 100% 50%);
|
||||
-moz-clip-path: polygon(0 0, 0% 100%, 100% 50%);
|
||||
-o-clip-path: polygon(0 0, 0% 100%, 100% 50%);
|
||||
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
|
||||
}
|
||||
|
||||
.aside_term-tab.active {
|
||||
color: var(--blue);
|
||||
background: #F2F6FF;
|
||||
}
|
||||
|
||||
.aside_term-tab.active::after {
|
||||
background: var(--blue);
|
||||
}
|
||||
|
||||
.open_info {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.open_info.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.term_main-info {
|
||||
position: relative;
|
||||
animation: tab .3s linear;
|
||||
}
|
||||
|
||||
.term_main-title {
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.term_main-text {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@keyframes tab {
|
||||
0% {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes tab {
|
||||
0% {
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Terms end ======================================= */
|
||||
|
||||
|
||||
|
||||
/* Media Query
|
||||
======================================================= */
|
||||
|
|
@ -4628,9 +4765,38 @@ li {
|
|||
height: 39px;
|
||||
}
|
||||
|
||||
/* Terms ===================== */
|
||||
|
||||
.term_aside-title {
|
||||
padding: 20px 30px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.aside_term-tab {
|
||||
padding: 20px 30px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.term_aside {
|
||||
width: calc(35% - 15px);
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.term_main {
|
||||
width: calc(65% - 15px);
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.aside_term-tab::after {
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
.term_main-title {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media(max-width: 1000px) {
|
||||
:root {
|
||||
--item-width: calc(50% - 40px)
|
||||
|
|
@ -5068,14 +5234,36 @@ li {
|
|||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
/* .bank_form .upload_group label {
|
||||
padding: 12px;
|
||||
|
||||
/* Terms ===================== */
|
||||
|
||||
.term_box {
|
||||
flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
-moz-flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
}
|
||||
|
||||
.bank_form .additional {
|
||||
padding: 0 0 0 5px !important;
|
||||
} */
|
||||
.term_aside {
|
||||
margin-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.term_main {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.term_main-title {
|
||||
font-size: 24px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.term_main-text {
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 900px) {
|
||||
|
|
@ -5449,7 +5637,7 @@ li {
|
|||
margin-top: 50px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bank_transfer {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
|
@ -5819,7 +6007,7 @@ li {
|
|||
|
||||
.chat_area,
|
||||
.chat_people {
|
||||
height: 400px;
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
.chat_area {
|
||||
|
|
@ -5854,6 +6042,10 @@ li {
|
|||
padding: 20px;
|
||||
}
|
||||
|
||||
.empty_area {
|
||||
height: 320px;
|
||||
}
|
||||
|
||||
/* Seller ---------------- */
|
||||
|
||||
.seller_inner {
|
||||
|
|
@ -5913,6 +6105,36 @@ li {
|
|||
padding: 15px 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Terms ===================== */
|
||||
|
||||
.term_aside-title {
|
||||
font-size: 16px;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
.aside_term-tab {
|
||||
font-size: 14px;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
.aside_term-tab::after {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.term_main {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.term_main-title {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media(max-width: 500px) {
|
||||
|
|
@ -6258,7 +6480,8 @@ li {
|
|||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
.add_post-box-title, .add_post-box-text {
|
||||
.add_post-box-title,
|
||||
.add_post-box-text {
|
||||
display: block;
|
||||
-webkit-line-clamp: unset;
|
||||
overflow: unset;
|
||||
|
|
|
|||
|
|
@ -439,74 +439,92 @@ if (seller_btn != undefined) {
|
|||
// const tabsBtn = document.querySelectorAll(".tab_link");
|
||||
// const tabsItems = document.querySelectorAll(".tab_source");
|
||||
|
||||
const tabsBtn = document.querySelectorAll(".tab_btn");
|
||||
const tabsItems = document.querySelectorAll(".tab_info");
|
||||
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");
|
||||
}
|
||||
});
|
||||
}
|
||||
// const tabsBtn = document.querySelectorAll(".tab_btn");
|
||||
// const tabsItems = document.querySelectorAll(".tab_info");
|
||||
// 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")) {
|
||||
// } 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");
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
|
||||
// -----------------------------------------------------------------------------------------------
|
||||
const tabsBtn_2 = document.querySelectorAll(".open_link");
|
||||
const tabsItems_2 = document.querySelectorAll(".open_info");
|
||||
tabsBtn_2.forEach((e) => {
|
||||
onTabClick(tabsBtn_2, tabsItems_2, chat_alert, e);
|
||||
// const tabsBtn_2 = document.querySelectorAll(".open_link");
|
||||
// const tabsItems_2 = document.querySelectorAll(".open_info");
|
||||
// tabsBtn_2.forEach((e) => {
|
||||
// onTabClick(tabsBtn_2, tabsItems_2, chat_alert, e);
|
||||
|
||||
// });
|
||||
// function onTabClick(tabBtns_2, tabItems_2, chat_alert, item) {
|
||||
// item.addEventListener("click", function (e) {
|
||||
// let currentBtn_2 = item;
|
||||
// let tabId = currentBtn_2.getAttribute("data-tab");
|
||||
// let currentTab_2 = document.querySelector(tabId);
|
||||
// if (e.srcElement.classList.contains("active")) {
|
||||
// } else if (!currentBtn_2.classList.contains("active")) {
|
||||
// tabBtns_2.forEach(function (item) {
|
||||
// item.classList.remove("active");
|
||||
// });
|
||||
// tabItems_2.forEach(function (item) {
|
||||
// item.classList.remove("active");
|
||||
// });
|
||||
// currentBtn_2.classList.add("active");
|
||||
// currentTab_2.classList.add("active");
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
|
||||
const formBtn = document.querySelectorAll(".tab_btn");
|
||||
const formItem = document.querySelectorAll(".tab_info");
|
||||
formBtn.forEach((e) => {
|
||||
onTabClick(formBtn, formItem, e);
|
||||
});
|
||||
function onTabClick(tabBtns_2, tabItems_2, chat_alert, item) {
|
||||
item.addEventListener("click", function (e) {
|
||||
let currentBtn_2 = item;
|
||||
let tabId = currentBtn_2.getAttribute("data-tab");
|
||||
let currentTab_2 = 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_2.classList.contains("active")) {
|
||||
tabBtns_2.forEach(function (item) {
|
||||
item.classList.remove("active");
|
||||
const formOuterBtn = document.querySelectorAll(".open_link");
|
||||
const formOuterItem = document.querySelectorAll(".open_info");
|
||||
formOuterBtn.forEach((e) => {
|
||||
onTabClick(formOuterBtn, formOuterItem, e);
|
||||
});
|
||||
const heroBtn = document.querySelectorAll(".heroBtn");
|
||||
const heroItem = document.querySelectorAll(".heroItem");
|
||||
heroBtn.forEach((e) => {
|
||||
onTabClick(heroBtn, heroItem, e);
|
||||
});
|
||||
function onTabClick(formBtns, formItems, itemForm) {
|
||||
itemForm.addEventListener("click", function (e) {
|
||||
let currentformBtn = itemForm;
|
||||
let tabIdForm = currentformBtn.getAttribute("data-tab");
|
||||
let currentformItem = document.querySelector(tabIdForm);
|
||||
if (!currentformBtn.classList.contains("active")) {
|
||||
formBtns.forEach(function (itemForm) {
|
||||
itemForm.classList.remove("active");
|
||||
});
|
||||
tabItems_2.forEach(function (item) {
|
||||
item.classList.remove("active");
|
||||
formItems.forEach(function (itemForm) {
|
||||
itemForm.classList.remove("active");
|
||||
});
|
||||
currentBtn_2.classList.add("active");
|
||||
currentTab_2.classList.add("active");
|
||||
currentformBtn.classList.add("active");
|
||||
currentformItem.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Category Tabs end ==========================================
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,680 @@
|
|||
<!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>Condition terms</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">
|
||||
<div class="header_img">
|
||||
<img src="images/big_logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="logo_text">
|
||||
Государственная товарно-сырьевая <br>
|
||||
биржа Туркменистана
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="profile">
|
||||
|
||||
<div class="profile_info-group">
|
||||
<div class="profile_icon">
|
||||
<img src="images/svg/inbox.svg" alt="">
|
||||
</div>
|
||||
<div class="profile_text">
|
||||
Сообщения
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="profile_info-group">
|
||||
<div class="profile_icon">
|
||||
<img src="images/svg/coins.svg" alt="">
|
||||
</div>
|
||||
<div class="profile_text">
|
||||
592.57 TMT
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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/add-blue.svg" alt="">
|
||||
</div>
|
||||
<div class="profile_text">
|
||||
Добавить объявление
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="#" class="profile_item">
|
||||
<div class="profile_icon">
|
||||
<img src="images/wallet.png" alt="">
|
||||
</div>
|
||||
<div class="profile_text">
|
||||
Fill up balance
|
||||
</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>
|
||||
</div>
|
||||
|
||||
<div class="mobile_user-profile">
|
||||
<div class="open_profile-icon">
|
||||
<img src="images/svg/usser-profile.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mobile_profile-navs">
|
||||
<div class="mobile_profile-inner">
|
||||
|
||||
<div class="mobile_user-name">
|
||||
Aman Amanow
|
||||
</div>
|
||||
|
||||
<div class="mobile_user-item">
|
||||
<div class="mobile_user-item-icon">
|
||||
<img src="images/svg/coins.svg" alt="">
|
||||
</div>
|
||||
<p class="mobile_user-item-text">
|
||||
592.57 TMT
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mobile_user-item accord">
|
||||
<div class="mobile_user-item-icon">
|
||||
<img src="images/svg/bell-b.svg" alt="bell">
|
||||
</div>
|
||||
<p class="mobile_user-item-text">
|
||||
Уведомления
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="accord_notification">
|
||||
<a href="#" class="notification_area-item">
|
||||
<h4 class="notification_are-title">
|
||||
Some one wrote you some dummy text
|
||||
</h4>
|
||||
<p class="notification_area-time">
|
||||
12:30
|
||||
</p>
|
||||
</a>
|
||||
<a href="#" class="notification_area-item">
|
||||
<h4 class="notification_are-title">
|
||||
Some one wrote you some dummy text
|
||||
</h4>
|
||||
<p class="notification_area-time">
|
||||
12:30
|
||||
</p>
|
||||
</a>
|
||||
<a href="#" class="notification_area-item">
|
||||
<h4 class="notification_are-title">
|
||||
Some one wrote you some dummy text
|
||||
</h4>
|
||||
<p class="notification_area-time">
|
||||
12:30
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a href="#" class="mobile_user-item">
|
||||
<div class="mobile_user-item-icon">
|
||||
<img src="images/svg/inbox.svg" alt="">
|
||||
</div>
|
||||
<p class="mobile_user-item-text">
|
||||
Сообщения
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<a href="#" class="mobile_user-item">
|
||||
<div class="mobile_user-item-icon">
|
||||
<img src="images/svg/user-plus.svg" alt="">
|
||||
</div>
|
||||
<p class="mobile_user-item-text">
|
||||
Персональные данные
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<a href="#" class="mobile_user-item">
|
||||
<div class="mobile_user-item-icon">
|
||||
<img src="images/svg/clipboard.svg" alt="">
|
||||
</div>
|
||||
<p class="mobile_user-item-text">
|
||||
Мои объявления
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<a href="#" class="mobile_user-item">
|
||||
<div class="mobile_user-item-icon">
|
||||
<img src="images/svg/add-blue.svg" alt="">
|
||||
</div>
|
||||
<p class="mobile_user-item-text">
|
||||
Добавить объявление
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<a href="#" class="mobile_user-item">
|
||||
<div class="mobile_user-item-icon">
|
||||
<img src="images/wallet.png" alt="">
|
||||
</div>
|
||||
<p class="mobile_user-item-text">
|
||||
Fill up balance
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<a href="#" class="mobile_user-item">
|
||||
<div class="mobile_user-item-icon">
|
||||
<img src="images/svg/log-out.svg" alt="">
|
||||
</div>
|
||||
<p class="mobile_user-item-text">
|
||||
Выйти
|
||||
</p>
|
||||
</a>
|
||||
</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 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="nav_wrap-box">
|
||||
<div class="notification_box">
|
||||
<div class="notification_header">
|
||||
<div class="natification_icon">
|
||||
<img src="images/svg/bell.svg" alt="bell">
|
||||
</div>
|
||||
<p> Уведомления</p>
|
||||
</div>
|
||||
|
||||
<div class="notification_area">
|
||||
<a href="#" class="notification_area-item">
|
||||
<h4 class="notification_are-title">
|
||||
Some one wrote you some dummy text
|
||||
</h4>
|
||||
<p class="notification_area-time">
|
||||
12:30
|
||||
</p>
|
||||
</a>
|
||||
<a href="#" class="notification_area-item">
|
||||
<h4 class="notification_are-title">
|
||||
Some one wrote you some dummy text
|
||||
</h4>
|
||||
<p class="notification_area-time">
|
||||
12:30
|
||||
</p>
|
||||
</a>
|
||||
<a href="#" class="notification_area-item">
|
||||
<h4 class="notification_are-title">
|
||||
Some one wrote you some dummy text
|
||||
</h4>
|
||||
<p class="notification_area-time">
|
||||
12:30
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<a href="#" class="notification_area-item">
|
||||
<h4 class="notification_are-title">
|
||||
Some one wrote you some dummy text
|
||||
</h4>
|
||||
<p class="notification_area-time">
|
||||
12:30
|
||||
</p>
|
||||
</a>
|
||||
<a href="#" class="notification_area-item">
|
||||
<h4 class="notification_are-title">
|
||||
Some one wrote you some dummy text
|
||||
</h4>
|
||||
<p class="notification_area-time">
|
||||
12:30
|
||||
</p>
|
||||
</a>
|
||||
<a href="#" class="notification_area-item">
|
||||
<h4 class="notification_are-title">
|
||||
Some one wrote you some dummy text
|
||||
</h4>
|
||||
<p class="notification_area-time">
|
||||
12:30
|
||||
</p>
|
||||
</a>
|
||||
|
||||
</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>
|
||||
</div>
|
||||
</nav>
|
||||
<!--Navs end ========================================================= -->
|
||||
|
||||
<!--Terms section ========================================================= -->
|
||||
<section class="term">
|
||||
<div class="auto_container">
|
||||
<div class="term_wrap">
|
||||
<div class="term_box">
|
||||
<div class="term_aside">
|
||||
<h2 class="term_aside-title">
|
||||
Помощь по сайту
|
||||
</h2>
|
||||
<h4 class="aside_term-tab open_link" data-tab="#term_info-1">Регистрация</h4>
|
||||
<h4 class="aside_term-tab open_link active" data-tab="#term_info-2">Пополнение баланса</h4>
|
||||
<h4 class="aside_term-tab open_link" data-tab="#term_info-3">Публикация объявления</h4>
|
||||
</div>
|
||||
|
||||
<div class="term_main">
|
||||
<div class="term_main-info open_info" id="term_info-1">
|
||||
<h1 class="term_main-title">
|
||||
Пополнение баланса
|
||||
</h1>
|
||||
<p class="term_main-text">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
|
||||
accusam
|
||||
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
|
||||
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
|
||||
diam nonumy eirmod tempor invidunt ut Lorem ipsum dolor sit amet, consetetur sadipscing
|
||||
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||
sed
|
||||
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
|
||||
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
|
||||
labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||
</p>
|
||||
<p class="term_main-text">
|
||||
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
|
||||
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Lorem ipsum dolor sit amet,
|
||||
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
|
||||
magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
|
||||
ea
|
||||
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
|
||||
amet.
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut
|
||||
</p>
|
||||
<p class="term_main-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.
|
||||
</p>
|
||||
</div>
|
||||
<div class="term_main-info open_info active" id="term_info-2">
|
||||
<h1 class="term_main-title">
|
||||
Пополнение баланса 2
|
||||
</h1>
|
||||
<p class="term_main-text">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
|
||||
accusam
|
||||
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
|
||||
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
|
||||
diam nonumy eirmod tempor invidunt ut Lorem ipsum dolor sit amet, consetetur sadipscing
|
||||
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||
sed
|
||||
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
|
||||
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
|
||||
labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||
</p>
|
||||
<p class="term_main-text">
|
||||
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
|
||||
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Lorem ipsum dolor sit amet,
|
||||
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
|
||||
magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
|
||||
ea
|
||||
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
|
||||
amet.
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut
|
||||
</p>
|
||||
<p class="term_main-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.
|
||||
</p>
|
||||
</div>
|
||||
<div class="term_main-info open_info" id="term_info-3">
|
||||
<h1 class="term_main-title">
|
||||
Пополнение баланса 3
|
||||
</h1>
|
||||
<p class="term_main-text">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
|
||||
accusam
|
||||
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
|
||||
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
|
||||
diam nonumy eirmod tempor invidunt ut Lorem ipsum dolor sit amet, consetetur sadipscing
|
||||
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||
sed
|
||||
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
|
||||
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
|
||||
labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||
</p>
|
||||
<p class="term_main-text">
|
||||
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
|
||||
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Lorem ipsum dolor sit amet,
|
||||
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
|
||||
magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
|
||||
ea
|
||||
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
|
||||
amet.
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut
|
||||
</p>
|
||||
<p class="term_main-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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Terms section end ========================================================= -->
|
||||
|
||||
<!--Footer ============================================================= -->
|
||||
<footer class="footer">
|
||||
<div class="auto_container">
|
||||
<div class="footer_wrap">
|
||||
<div class="footer_content">
|
||||
<a href="index.html" class="foot_logo">
|
||||
<div class="footer_img">
|
||||
<img src="images/register_logo.png" alt="logo">
|
||||
</div>
|
||||
<div class="foot_logo_text">
|
||||
Государственная товарно-сырьевая <br>
|
||||
биржа Туркменистана
|
||||
</div>
|
||||
</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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue