adaptive_last_pasges

This commit is contained in:
Meylis Gazakow 2021-07-04 22:20:31 +03:00
parent 8328adeb15
commit fef02ae06f
16 changed files with 2313 additions and 589 deletions

View File

@ -244,8 +244,15 @@
<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">
<div class="foot_title">
Категории
@ -283,6 +290,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>

View File

@ -94,23 +94,67 @@
</div>
</a>
<div class="head_buttons">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
<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="btn_text">
Регистрация
<div class="profile_text">
Аман Аманов
</div>
<div class="prodile_arrow">
<img src="images/svg/arrow-down.svg" alt="">
</div>
</div>
<div class="log_in">
<div class="btn_icon">
<img src="images/svg/log-in-white.svg" alt="">
<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="btn_text">
Войти
<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>
@ -354,8 +398,15 @@
<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">
<div class="foot_title">
Категории
@ -393,6 +444,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>

View File

@ -94,23 +94,67 @@
</div>
</a>
<div class="head_buttons">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
<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="btn_text">
Регистрация
<div class="profile_text">
Аман Аманов
</div>
<div class="prodile_arrow">
<img src="images/svg/arrow-down.svg" alt="">
</div>
</div>
<div class="log_in">
<div class="btn_icon">
<img src="images/svg/log-in-white.svg" alt="">
<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="btn_text">
Войти
<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>
@ -232,9 +276,10 @@
</div>
<form action="#" class="post_form">
<div class="simple_group">
<div class="post_input">
<label>Категория <span>*</span></label>
<div class="custom-select">
<div class="my-select">
<select>
<option value="0">Машиностроение</option>
<option value="1">Машиностроение</option>
@ -246,7 +291,7 @@
<div class="post_input">
<label>Единицы измерения <span>*</span> </label>
<div class="custom-select">
<div class="my-select">
<select>
<option value="0">Литры</option>
<option value="1">метр</option>
@ -265,7 +310,7 @@
<div class="post_input">
<label>Страна производителя <span>*</span></label>
<div class="custom-select">
<div class="my-select">
<select>
<option value="0">Россия</option>
<option value="1">Россия</option>
@ -277,7 +322,7 @@
<div class="post_input">
<label>Валюта <span>*</span> </label>
<div class="custom-select">
<div class="my-select">
<select>
<option value="0">Туркменский манат</option>
<option value="1">American манат</option>
@ -291,13 +336,13 @@
</div>
<div class="post_input">
<label for="good-condition">Условия поставки span>*</span></label>
<label for="good-condition">Условия поставки <span>*</span></label>
<input type="text" value="FOB" id="good-condition">
</div>
<div class="post_input">
<label>Пункт <span>*</span> </label>
<div class="custom-select">
<div class="my-select">
<select>
<option value="0">Бекдаш</option>
<option value="1">Бекдаш</option>
@ -309,17 +354,18 @@
<div class="post_input">
<label>Упаковка <span>*</span></label>
<div class="custom-select">
<div class="my-select">
<select>
<option value="0">Есть</option>
<option value="1">Нет</option>
<option value="0">Не выбрано</option>
<option value="1">Есть</option>
<option value="2">Нет</option>
</select>
</div>
</div>
<div class="post_input">
<label>Условия оплаты <span>*</span></label>
<div class="custom-select">
<div class="my-select">
<select>
<option value="0">Предоплата</option>
<option value="2">Предоплата</option>
@ -328,6 +374,109 @@
</div>
</div>
<!-- <div class="post_input">
<div class="post_input_box">
<div class="post_input_text">
Фото относящиеся к вашему лоту:
</div>
<div class="post_input_gal">
<div class="post_input_img">
<img src="images/input_photo.png" alt="photo">
</div>
<div class="post_input_img">
<img src="images/input_photo.png" alt="photo">
</div>
<div class="post_input_img">
<img src="images/input_photo.png" alt="photo">
</div>
</div>
</div>
</div> -->
<div class="post_upload_box">
<div class="post_upload_item">
<div class="post_upload_img">
<img src="images/goods.png" alt="photo">
</div>
<div class="post_input">
<label>Загрузить фото #1 <span>*</span></label>
<div class="upload_group">
<label for="file-1">Загрузить файл</label>
<div class="form_group">
<label class="additional">
<span>Ничего не выбран</span>
</label>
<input type="file" name="file-1[]" id="file-1" class="inputfile inputfile-1"
data-multiple-caption="{count} files selected" />
<!-- <div class="select_trash">
<img src="images/svg/garbage.svg" alt="trash">
</div> -->
</div>
</div>
<div class="select_delete" onclick="removeFunction()">
<img src="images/svg/red-close.svg" alt="">
</div>
</div>
</div>
<div class="post_upload_item">
<div class="post_upload_img">
<img src="images/goods.png" alt="photo">
</div>
<div class="post_input">
<label>Загрузить фото #2 <span>*</span></label>
<div class="upload_group">
<label for="file-2">Загрузить файл</label>
<div class="form_group">
<label class="additional">
<span>Ничего не выбран</span>
</label>
<input type="file" name="file-2[]" id="file-2" class="inputfile inputfile-1"
data-multiple-caption="{count} files selected" />
<!-- <div class="select_trash">
<img src="images/svg/garbage.svg" alt="trash">
</div> -->
</div>
</div>
<div class="select_delete" onclick="removeFunction()">
<img src="images/svg/red-close.svg" alt="">
</div>
</div>
</div>
<div class="post_upload_item">
<div class="post_upload_img">
<img src="images/goods.png" alt="photo">
</div>
<div class="post_input">
<label>Загрузить фото #3 <span>*</span></label>
<div class="upload_group">
<label for="file-3">Загрузить файл</label>
<div class="form_group">
<label class="additional">
<span>Ничего не выбран</span>
</label>
<input type="file" name="file-3[]" id="file-3" class="inputfile inputfile-1"
data-multiple-caption="{count} files selected" />
<!-- <div class="select_trash">
<img src="images/svg/garbage.svg" alt="trash">
</div> -->
</div>
</div>
<div class="select_delete" onclick="removeFunction()">
<img src="images/svg/red-close.svg" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- <div class="add_upload" onclick="add_material(this)">
Добавить еще фотографию
</div> -->
<div class="btn_bg">
<button class="post_btn" type="submit">
@ -351,8 +500,15 @@
<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">
<div class="foot_title">
Категории
@ -390,6 +546,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>
@ -401,8 +558,13 @@
<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/custom-file-input.js"></script>
<script src="js/main.js"></script>
<script>
</script>
</body>
</html>

View File

@ -94,23 +94,67 @@
</div>
</a>
<div class="head_buttons">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
<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="btn_text">
Регистрация
<div class="profile_text">
Аман Аманов
</div>
<div class="prodile_arrow">
<img src="images/svg/arrow-down.svg" alt="">
</div>
</div>
<div class="log_in">
<div class="btn_icon">
<img src="images/svg/log-in-white.svg" alt="">
<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="btn_text">
Войти
<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>
@ -347,8 +391,15 @@
<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">
<div class="foot_title">
Категории
@ -386,6 +437,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>

View File

@ -463,8 +463,15 @@
<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">
<div class="foot_title">
Категории
@ -502,6 +509,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>

View File

@ -2062,8 +2062,15 @@
<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">
<div class="foot_title">
Категории
@ -2101,6 +2108,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>

View File

@ -309,89 +309,74 @@
<section class="chat">
<div class="auto_container">
<div class="chat_wrap">
<div class="chat_burger">
<svg viewBox="0 0 32 32" fill="#003197" xmlns="http://www.w3.org/2000/svg">
<g data-name="menu " id="menu_">
<path d="M29,6H3A1,1,0,0,0,3,8H29a1,1,0,0,0,0-2Z" />
<path d="M3,17H16a1,1,0,0,0,0-2H3a1,1,0,0,0,0,2Z" />
<path d="M25,24H3a1,1,0,0,0,0,2H25a1,1,0,0,0,0-2Z" />
</g>
</svg>
</div>
<div class="chat_box">
<div class="chat_people">
<div class="person">
<div class="person open_link" data-tab="#chat-tab-1">
<div class="person_name">
Aman Amanow
</div>
<div class="person_message">
Lorem ipsum dolor sit amet, consetetur sadi...
</div>
<div class="chat_alert">
1
</div>
<div class="person">
</div>
<div class="person open_link" data-tab="#chat-tab-2">
<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 class="chat_alert">
5
</div>
<div class="person active">
</div>
<div class="person open_link" data-tab="#chat-tab-3">
<div class="person_name">
Aman Amanow
</div>
<div class="person_message">
Lorem ipsum dolor sit amet, consetetur sadi...
</div>
<div class="chat_alert">
10
</div>
<div class="person">
</div>
<div class="person open_link" data-tab="#chat-tab-4">
<div class="person_name">
Aman Amanow
</div>
<div class="person_message">
Lorem ipsum dolor sit amet, consetetur sadi...
</div>
<div class="chat_alert">
20
</div>
<div class="person">
</div>
<div class="person open_link" data-tab="#chat-tab-5">
<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 class="chat_alert">
3
</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 open_link" data-tab="#chat-tab-6">
<div class="person_name">
Aman Amanow
</div>
@ -401,7 +386,17 @@
</div>
</div>
<div class="chat_area">
<div class="chat_area-inner">
<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 class="chat_area-inner open_info" id="chat-tab-1">
<div class="friend_message">
<div class="message_time">
12:00 - 14.05.2021
@ -501,6 +496,491 @@
</form>
</div>
<div class="chat_area-inner open_info" id="chat-tab-2">
<div class="friend_message">
<div class="message_time">
12:00 - 14.05.2021
</div>
<div class="message_text">
lovrpokoikvps okoslfpokelcolrpolplpfrpflrpflprf lrpflrpflrpflrfplprl
</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 class="chat_area-inner open_info" id="chat-tab-3">
<div class="friend_message">
<div class="message_time">
12:00 - 14.05.2021
</div>
<div class="message_text">
kfodkfdokfodkfodkf odkfodkfodkfo dkfodkfodkfo dkfodkfodkfodkfodkfod
</div>
</div>
<div class="my_message">
<div class="message_time">
12:00 - 14.05.2021
</div>
<div class="message_text">
ppleplrpelrpelrpelrpelrpelrpelrpelrpelrpelrpleprleprleplrpelrpelre
</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 class="chat_area-inner open_info" id="chat-tab-4">
<div class="friend_message">
<div class="message_time">
12:00 - 14.05.2021
</div>
<div class="message_text">
mbvkbmkvmbkmbkv mbkvmbkvmbkvm bkmvkbmvkbmvkbm r vmbkvmkbmvkbmkvmbkvmb
</div>
</div>
<div class="my_message">
<div class="message_time">
12:00 - 14.05.2021
</div>
<div class="message_text">
plgpflgpflgpflpglfgplfgplfpglfpglpflgpflgpflgpflgpflgpflgpf
</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 class="chat_area-inner open_info" id="chat-tab-5">
<div class="friend_message">
<div class="message_time">
12:00 - 14.05.2021
</div>
<div class="message_text">
jghjug hjguhjghjug hjughjgujhguj hugjhughjug
</div>
</div>
<div class="my_message">
<div class="message_time">
12:00 - 14.05.2021
</div>
<div class="message_text">
mnvcmnvmncvmncnvcmnvmcnvmcnvmcnvmcnvmcnvmncmvcn
</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 class="chat_area-inner open_info" id="chat-tab-6">
<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>
@ -514,7 +994,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

@ -408,8 +408,15 @@
<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">
<div class="foot_title">
Категории
@ -447,6 +454,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

View File

@ -0,0 +1,9 @@
<?xml version="1.0"?>
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<title />
<g data-name="menu " id="menu_">
<path d="M29,6H3A1,1,0,0,0,3,8H29a1,1,0,0,0,0-2Z" />
<path d="M3,17H16a1,1,0,0,0,0-2H3a1,1,0,0,0,0,2Z" />
<path d="M25,24H3a1,1,0,0,0,0,2H25a1,1,0,0,0,0-2Z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 307 B

View File

@ -0,0 +1,5 @@
<svg id="x-mark" xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19">
<path id="Path_18" data-name="Path 18" d="M9.5,19A9.5,9.5,0,1,1,19,9.5,9.511,9.511,0,0,1,9.5,19Zm0-17.643A8.143,8.143,0,1,0,17.643,9.5,8.152,8.152,0,0,0,9.5,1.357Zm0,0" fill="red"/>
<path id="Path_19" data-name="Path 19" d="M153.751,154.431a.676.676,0,0,1-.48-.2l-6.786-6.786a.678.678,0,0,1,.959-.959l6.786,6.786a.679.679,0,0,1-.48,1.158Zm0,0" transform="translate(-140.858 -140.86)" fill="red"/>
<path id="Path_20" data-name="Path 20" d="M146.964,154.43a.679.679,0,0,1-.48-1.158l6.786-6.786a.678.678,0,0,1,.959.959l-6.786,6.786A.676.676,0,0,1,146.964,154.43Zm0,0" transform="translate(-140.857 -140.858)" fill="red"/>
</svg>

After

Width:  |  Height:  |  Size: 728 B

View File

@ -8,7 +8,7 @@ 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');
@ -22,24 +22,33 @@ let card = document.querySelector('#card');
let forget = document.querySelector('#forget');
let password = document.querySelector('.password');
let register_content = document.querySelector('.register_content');
let register_content_2 = document.querySelector('.register_content_2');
let eye_off = document.querySelectorAll('.eye_off');
let eye_on = document.querySelectorAll('.eye_on');
let pass = document.querySelector('#password');
let pass_2 = document.querySelector('#password_2');
let person = document.querySelectorAll('.person');
let chat_alert = document.querySelectorAll('.chat_alert');
let chat_burger = document.querySelector('.chat_burger');
let chat_people = document.querySelector('.chat_people');
// Fixed header ====================================
window.onscroll = function () {
scrollFunc();
// drops.forEach(drop => {
// if (drop != undefined) {
// drop.classList.remove('active');
// }
// }
// );
drop.forEach(drop => {
if (drop != undefined) {
drop.classList.remove('active');
}
}
);
// if (drop != undefined) {
// drop.classList.remove('active');
// }
};
@ -69,11 +78,19 @@ function sleep(time) {
window.onclick = function (e) {
// if (drop != undefined) {
// if (document.querySelector('.profile_drop').classList.contains('active') && !e.target.closest('.profile_head')) {
// document.querySelector('.profile_drop').classList.remove('active');
// }
// }
drop.forEach(drop => {
if (drop != undefined) {
if (document.querySelector('.profile_drop').classList.contains('active') && !e.target.closest('.profile_head')) {
document.querySelector('.profile_drop').classList.remove('active');
drop.classList.contains('active') && !e.target.closest('.profile_head');
drop.classList.remove('active')
}
}
);
if (register != undefined) {
if (register.classList.contains('active') && !e.target.closest('.register_body')) {
@ -87,11 +104,17 @@ window.onclick = function (e) {
}
}
if (selectElement('.links').classList.contains('active') && !e.target.closest('.profile_head')) {
if (chat_people != undefined) {
if (chat_people.classList.contains('active') && !e.target.closest('.chat_burger') ) {
chat_people.classList.remove('active');
}
}
if (selectElement('.links').classList.contains('active') && !e.target.closest('.profile_head') && !e.target.closest('.links')) {
selectElement('.links').classList.remove('active');
}
if (selectElement('.links_bg').classList.contains('active') && !e.target.closest('.profile_head')) {
if (selectElement('.links_bg').classList.contains('active') && !e.target.closest('.profile_head') && !e.target.closest('.links')) {
selectElement('.links_bg').classList.remove('active');
}
@ -104,7 +127,6 @@ selectElement('.burger').addEventListener('click', function () {
sleep(2).then(() => {
selectElement('.links_bg').classList.toggle('active');
selectElement('.links').classList.toggle('active');
});
});
@ -112,14 +134,14 @@ if (profile_head != undefined) {
profile_head.forEach(r => {
r.addEventListener('click', function () {
sleep(2).then(() => {
drop.classList.toggle('active');
drop.forEach(p => {
p.classList.toggle('active');
})
})
});
});
}
if (register_btn != undefined) {
register_btn.forEach(x => {
x.addEventListener('click', function () {
@ -135,7 +157,6 @@ if (register_btn != undefined) {
})
}
if (log_in != undefined) {
log_in.forEach(x => {
x.addEventListener('click', function () {
@ -149,10 +170,8 @@ if (log_in != undefined) {
});
});
})
}
if (btn_1 != undefined) {
btn_1.addEventListener('click', function () {
sleep(2).then(() => {
@ -161,13 +180,10 @@ if (btn_1 != undefined) {
register_content.classList.remove('active');
register_content_2.classList.add('active');
});
});
}
if (btn_2 != undefined) {
btn_2.addEventListener('click', function () {
sleep(2).then(() => {
@ -190,6 +206,77 @@ if (forget != undefined) {
});
}
if (eye_off != undefined) {
eye_off.forEach(x => {
x.addEventListener('click', function () {
sleep(2).then(() => {
pass.type = "password";
pass_2.type = "password";
eye_on.forEach(e => {
e.classList.toggle('active');
})
eye_off.forEach(w => {
w.classList.toggle('active');
})
});
});
})
}
if (eye_on != undefined) {
eye_on.forEach(q => {
q.addEventListener('click', function () {
sleep(2).then(() => {
pass.type = "text";
pass_2.type = "text";
eye_on.forEach(e => {
e.classList.toggle('active');
})
eye_off.forEach(w => {
w.classList.toggle('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 (chat_burger != undefined) {
chat_burger.addEventListener('click', function () {
sleep(2).then(() => {
chat_people.classList.toggle('active');
});
});
}
// if (person != undefined) {
// person.forEach(y => {
// y.addEventListener('click', function () {
// sleep(2).then(() => {
// // chat_alert.forEach(e => {
// // e.classList.add('active');
// // })
// chat_alert.classList.add('active');
// });
// });
// })
// }
// Clicks end ================================================================
@ -231,6 +318,42 @@ function onTabClick(tabBtns, tabItems, item) {
});
}
// -----------------------------------------------------------------------------------------------
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")) {
// 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");
});
tabItems_2.forEach(function (item) {
item.classList.remove("active");
});
currentBtn_2.classList.add("active");
currentTab_2.classList.add("active");
}
});
}
// Category Tabs end ==========================================

View File

@ -752,8 +752,15 @@
<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">
<div class="foot_title">
Категории
@ -791,6 +798,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>

View File

@ -93,23 +93,67 @@
</div>
</a>
<div class="head_buttons">
<div class="register_btn">
<div class="btn_icon">
<img src="images/svg/user-plus-white.svg" alt="">
<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="btn_text">
Регистрация
<div class="profile_text">
Аман Аманов
</div>
<div class="prodile_arrow">
<img src="images/svg/arrow-down.svg" alt="">
</div>
</div>
<div class="log_in">
<div class="btn_icon">
<img src="images/svg/log-in-white.svg" alt="">
<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="btn_text">
Войти
<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>
@ -252,7 +296,7 @@
</div>
<div class="post_input">
<label for="password"> new Пароль</label>
<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">
@ -261,8 +305,8 @@
</div>
<div class="post_input">
<label for="password"> old Пароль</label>
<input type="password" placeholder="************" id="password" name="password">
<label for="password_2"> Старый Пароль</label>
<input type="password" placeholder="************" id="password_2" 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">
@ -270,17 +314,17 @@
</div>
<div class="post_input">
<label for="log-in">Kompanmiya</label>
<label for="log-in">Компания</label>
<input type="text" placeholder="Samsung" id="log-in" name="log-in">
</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="log-in">nomer legalizasiya</label>
<input type="text" placeholder="Aman Amanow" id="log-in" name="log-in">
</div>
<div class="post_input">
<label for="log-in">Dolznost</label>
<label for="log-in">Должность</label>
<input type="text" placeholder="Aman Amanow" id="log-in" name="log-in">
</div>
@ -302,8 +346,15 @@
<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">
<div class="foot_title">
Категории
@ -341,6 +392,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>
@ -353,29 +405,6 @@
<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>

View File

@ -711,8 +711,15 @@
<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">
<div class="foot_title">
Категории
@ -750,6 +757,7 @@
</div>
</div>
</div>
</div>
<div class="copyright">
© TDHСMB все права зашишены
</div>