new_header

This commit is contained in:
Meylis Gazakow 2021-06-10 14:00:49 +03:00
parent 06105688ac
commit e79bf26969
10 changed files with 616 additions and 279 deletions

View File

@ -84,10 +84,16 @@
<div class="auto_container">
<div class="header_wrap">
<a href="index.html" class="header_logo">
<img src="images/logo.png" alt="">
<div class="header_img">
<img src="images/big_logo.png" alt="logo">
</div>
<div class="logo_text">
Государственная товарно-сырьевая <br>
биржа Туркменистана
</div>
</a>
<!-- <div class="head_buttons">
<div class="head_buttons">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
@ -104,71 +110,7 @@
Войти
</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>
@ -187,7 +129,7 @@
<a href="product.html" class="nav_link">Условия торгов</a>
<a href="contact.html" class="nav_link">Обратная связь</a>
<!-- <div class="mobile_register">
<div class="mobile_register">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
@ -204,7 +146,7 @@
Войти
</div>
</div>
</div> -->
</div>
<div class="mobile_profile">
<div class="profile_bio">
@ -228,7 +170,7 @@
Персональные данные
</div>
</a>
<a href="my_post.html" class="profile_item">
<div class="profile_icon">
<img src="images/svg/clipboard.svg" alt="">
@ -237,7 +179,7 @@
Мои объявления
</div>
</a>
<a href="#" class="profile_item">
<div class="profile_icon">
<img src="images/svg/inbox.svg" alt="">
@ -246,7 +188,7 @@
Сообщения
</div>
</a>
<a href="#" class="profile_item">
<div class="profile_icon">
<img src="images/svg/log-out.svg" alt="">
@ -255,10 +197,10 @@
Выйти
</div>
</a>
</div>
</div>
<a href="add_post.html" class="add_post_btn">
<div class="post_icon">
<img src="images/svg/add.svg" alt="">
@ -268,7 +210,6 @@
</div>
</a>
</div>
</div>
</div>
<div class="languages">

View File

@ -167,7 +167,13 @@
<div class="auto_container">
<div class="header_wrap">
<a href="index.html" class="header_logo">
<img src="images/logo.png" alt="">
<div class="header_img">
<img src="images/big_logo.png" alt="logo">
</div>
<div class="logo_text">
Государственная товарно-сырьевая <br>
биржа Туркменистана
</div>
</a>
<div class="head_buttons">
@ -224,6 +230,69 @@
</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">

View File

@ -167,7 +167,13 @@
<div class="auto_container">
<div class="header_wrap">
<a href="index.html" class="header_logo">
<img src="images/logo.png" alt="">
<div class="header_img">
<img src="images/big_logo.png" alt="logo">
</div>
<div class="logo_text">
Государственная товарно-сырьевая <br>
биржа Туркменистана
</div>
</a>
<div class="head_buttons">
@ -224,6 +230,69 @@
</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">

View File

@ -166,7 +166,13 @@
<div class="auto_container">
<div class="header_wrap">
<a href="index.html" class="header_logo">
<img src="images/logo.png" alt="">
<div class="header_img">
<img src="images/big_logo.png" alt="logo">
</div>
<div class="logo_text">
Государственная товарно-сырьевая <br>
биржа Туркменистана
</div>
</a>
<div class="head_buttons">
@ -223,6 +229,69 @@
</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">

View File

@ -656,17 +656,30 @@ li {
}
.header_logo {
width: 470px;
height: 100px;
display: flex;
align-items: center;
}
.header_logo img {
.header_img {
width: 100px;
height: 100px;
margin-right: 10px;
}
.header_img img {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
.logo_text {
font-size: 20px;
font-weight: 700;
line-height: 1.3;
color: var(--blue);
}
.mobile_register {
display: none;
}
@ -1316,8 +1329,27 @@ li {
}
.foot_logo {
width: 500px;
height: 120px;
display: flex;
}
.footer_img {
width: 100px;
height: 100px;
margin-right: 20px;
}
.footer_img img {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
.foot_logo_text {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
color: #fff;
}
.foot_logo img {
@ -2457,11 +2489,6 @@ li {
margin-bottom: 25px;
}
.foot_logo {
width: 450px;
height: 100px;
}
.detail_body {
flex-direction: column;
-ms-flex-direction: column;
@ -2508,11 +2535,6 @@ li {
padding: 40px 30px;
}
.header_logo {
width: 400px;
height: 80px;
}
.register_btn {
padding: 10px 25px;
}
@ -2561,6 +2583,10 @@ li {
.contact_info {
width: calc(35% - 30px);
}
.profile_drop {
bottom: -350px;
}
}
@media(max-width: 1300px) {
@ -2580,6 +2606,26 @@ li {
padding: 70px 0;
}
.header_img {
width: 80px;
height: 80px;
margin-right: 10px;
}
.logo_text {
font-size: 18px;
}
.footer_img {
width: 80px;
height: 80px;
}
.foot_logo_text {
font-size: 18px;
}
.advert {
display: none;
}
@ -2655,11 +2701,6 @@ li {
-webkit-flex-wrap: wrap;
}
.foot_logo {
/* width: 100%; */
height: 110px;
}
.foot_outer {
width: 100%;
margin-top: 80px;
@ -2748,6 +2789,7 @@ li {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
overflow: auto;
background: #fff;
z-index: 10;
}
@ -2825,9 +2867,6 @@ li {
padding: 60px 0;
}
.foot_logo {
margin-right: 40px;
}
.foot_col {
width: 50%;
@ -2854,6 +2893,36 @@ li {
margin-bottom: 10px;
}
.profile_drop {
right: -45px;
left: unset;
bottom: -365px;
width: 320px;
}
.foot_outer {
margin-top: 35px;
}
.header_img {
width: 60px;
height: 60px;
}
.logo_text {
font-size: 16px;
}
.footer_img {
width: 60px;
height: 60px;
}
.foot_logo_text {
font-size: 16px;
}
}
@media(max-width: 900px) {
@ -2870,10 +2939,6 @@ li {
height: 25px;
}
.header_logo {
width: 350px;
}
.head_buttons {
flex-direction: column;
-ms-flex-direction: column;
@ -2981,11 +3046,6 @@ li {
--text-32: 28px;
}
.header_logo {
width: 300px;
height: 60px;
}
.languages {
padding: 10px;
}
@ -3043,12 +3103,9 @@ li {
height: 420px;
}
.foot_logo {
width: 400px;
}
.foot_outer {
margin-top: 50px;
margin-top: 30px;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
@ -3099,6 +3156,23 @@ li {
width: 100%;
margin: 25px 0;
}
.post_text {
white-space: nowrap;
}
.profile_drop {
width: 270px;
bottom: -350px;
font-size: 14px;
right: -55px;
margin-bottom: 50px;
}
.profile_item {
padding: 15px 10px;
}
}
@media(max-width: 600px) {
@ -3179,6 +3253,38 @@ li {
.contact_map {
margin-top: 50px;
}
.add_post_btn {
padding: 10px;
}
.post_text {
font-size: 14px;
}
.profile_text {
font-size: 14px;
}
.profile_head .profile_text {
font-size: 16px;
}
.profile_icon {
width: 15px;
height: 15px;
}
.profile_icon img {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
.profile_drop {
bottom: -300px;
}
}
@media(max-width: 500px) {
@ -3209,11 +3315,6 @@ li {
height: 15px;
}
.header_logo {
width: 230px;
height: 50px;
}
.burger {
width: 20px;
height: 20px;
@ -3287,9 +3388,36 @@ li {
height: 85px;
}
.foot_logo {
margin-right: 0;
.post_btn {
padding: 20px 30px;
}
.profile_drop {
width: 200px;
bottom: -315px;
font-size: 14px;
right: -23px;
margin-bottom: 0;
}
.header_img {
width: 50px;
height: 50px;
}
.logo_text {
font-size: 14px;
}
.footer_img {
width: 50px;
height: 50px;
}
.foot_logo_text {
font-size: 14px;
}
}
@media(max-width: 420px) {
@ -3306,4 +3434,29 @@ li {
height: 80px;
}
.post_input input {
padding: 10px 15px;
}
.custom-select {
padding: 10px 15px;
}
.post_input input::placeholder {
font-size: 14px;
}
.library,
.post {
padding: 70px 0;
}
.profile_drop {
width: 200px;
bottom: -290px;
font-size: 14px;
right: -23px;
padding-bottom: 30px;
}
}

View File

@ -167,7 +167,13 @@
<div class="auto_container">
<div class="header_wrap">
<a href="index.html" class="header_logo">
<img src="images/logo.png" alt="">
<div class="header_img">
<img src="images/big_logo.png" alt="logo">
</div>
<div class="logo_text">
Государственная товарно-сырьевая <br>
биржа Туркменистана
</div>
</a>
<div class="head_buttons">
@ -224,6 +230,69 @@
</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">
@ -251,7 +320,7 @@
Форма организации электронной коммерции с использованием информационной
системы «Государственной товарно-сырьевой биржи Туркменистана», при которой
обеспечивается
возможность реализации товаров не в электронной коммерции.
возможность реализации товаров не в электронной коммерции.
</div>
</div>
</div>
@ -291,7 +360,7 @@
Форма организации электронной коммерции с использованием информационной
системы «Государственной товарно-сырьевой биржи Туркменистана», при которой
обеспечивается
возможность коммерции.
возможность коммерции.
</div>
</div>
</div>
@ -818,7 +887,13 @@
<div class="footer_wrap">
<div class="footer_content">
<a href="index.html" class="foot_logo">
<img src="images/foot_logo.png" alt="">
<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">

View File

@ -15,7 +15,8 @@ const selectElement = function (element) {
};
// selector end=============
let drop = document.querySelector('.profile_drop');
let drop = document.querySelectorAll('.profile_drop');
let profile_head = document.querySelectorAll('.profile_head');
let register = document.querySelector('.register');
let register_btn = document.querySelectorAll('.register_btn');
let log_in = document.querySelectorAll('.log_in');
@ -73,11 +74,11 @@ window.onclick = function (e) {
}
}
if (selectElement('.links').classList.contains('active')) {
if (selectElement('.links').classList.contains('active')&& !e.target.closest('.profile_head')) {
selectElement('.links').classList.remove('active');
}
if (selectElement('.links_bg').classList.contains('active')) {
if (selectElement('.links_bg').classList.contains('active') && !e.target.closest('.profile_head')) {
selectElement('.links_bg').classList.remove('active');
}
@ -94,7 +95,17 @@ selectElement('.burger').addEventListener('click', function () {
});
});
if (profile_head != undefined) {
profile_head.forEach(r => {
r.addEventListener('click', function () {
sleep(2).then(() => {
drop.forEach(d => {
d.classList.toggle('active');
})
});
});
})
}
@ -111,7 +122,6 @@ if (register_btn != undefined) {
});
});
})
}
@ -152,7 +162,7 @@ if (btn_2 != undefined) {
sleep(2).then(() => {
btn_2.classList.add('active');
btn_1.classList.remove('active');
register_content.classList.add('active');
register_content_2.classList.remove('active');
});

View File

@ -84,10 +84,16 @@
<div class="auto_container">
<div class="header_wrap">
<a href="index.html" class="header_logo">
<img src="images/logo.png" alt="">
<div class="header_img">
<img src="images/big_logo.png" alt="logo">
</div>
<div class="logo_text">
Государственная товарно-сырьевая <br>
биржа Туркменистана
</div>
</a>
<!-- <div class="head_buttons">
<div class="head_buttons">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
@ -104,71 +110,7 @@
Войти
</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>
@ -187,7 +129,7 @@
<a href="product.html" class="nav_link">Условия торгов</a>
<a href="contact.html" class="nav_link">Обратная связь</a>
<!-- <div class="mobile_register">
<div class="mobile_register">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
@ -204,7 +146,7 @@
Войти
</div>
</div>
</div> -->
</div>
<div class="mobile_profile">
<div class="profile_bio">
@ -228,7 +170,7 @@
Персональные данные
</div>
</a>
<a href="my_post.html" class="profile_item">
<div class="profile_icon">
<img src="images/svg/clipboard.svg" alt="">
@ -237,7 +179,7 @@
Мои объявления
</div>
</a>
<a href="#" class="profile_item">
<div class="profile_icon">
<img src="images/svg/inbox.svg" alt="">
@ -246,7 +188,7 @@
Сообщения
</div>
</a>
<a href="#" class="profile_item">
<div class="profile_icon">
<img src="images/svg/log-out.svg" alt="">
@ -255,10 +197,10 @@
Выйти
</div>
</a>
</div>
</div>
<a href="add_post.html" class="add_post_btn">
<div class="post_icon">
<img src="images/svg/add.svg" alt="">
@ -268,7 +210,6 @@
</div>
</a>
</div>
</div>
</div>
<div class="languages">

View File

@ -84,10 +84,16 @@
<div class="auto_container">
<div class="header_wrap">
<a href="index.html" class="header_logo">
<img src="images/logo.png" alt="">
<div class="header_img">
<img src="images/big_logo.png" alt="logo">
</div>
<div class="logo_text">
Государственная товарно-сырьевая <br>
биржа Туркменистана
</div>
</a>
<!-- <div class="head_buttons">
<div class="head_buttons">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
@ -104,71 +110,7 @@
Войти
</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>
@ -187,7 +129,7 @@
<a href="product.html" class="nav_link">Условия торгов</a>
<a href="contact.html" class="nav_link">Обратная связь</a>
<!-- <div class="mobile_register">
<div class="mobile_register">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
@ -204,7 +146,7 @@
Войти
</div>
</div>
</div> -->
</div>
<div class="mobile_profile">
<div class="profile_bio">
@ -228,7 +170,7 @@
Персональные данные
</div>
</a>
<a href="my_post.html" class="profile_item">
<div class="profile_icon">
<img src="images/svg/clipboard.svg" alt="">
@ -237,7 +179,7 @@
Мои объявления
</div>
</a>
<a href="#" class="profile_item">
<div class="profile_icon">
<img src="images/svg/inbox.svg" alt="">
@ -246,7 +188,7 @@
Сообщения
</div>
</a>
<a href="#" class="profile_item">
<div class="profile_icon">
<img src="images/svg/log-out.svg" alt="">
@ -255,10 +197,10 @@
Выйти
</div>
</a>
</div>
</div>
<a href="add_post.html" class="add_post_btn">
<div class="post_icon">
<img src="images/svg/add.svg" alt="">
@ -268,7 +210,6 @@
</div>
</a>
</div>
</div>
</div>
<div class="languages">

View File

@ -167,7 +167,13 @@
<div class="auto_container">
<div class="header_wrap">
<a href="index.html" class="header_logo">
<img src="images/logo.png" alt="">
<div class="header_img">
<img src="images/big_logo.png" alt="logo">
</div>
<div class="logo_text">
Государственная товарно-сырьевая <br>
биржа Туркменистана
</div>
</a>
<div class="head_buttons">
@ -224,6 +230,69 @@
</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">