575 lines
27 KiB
HTML
575 lines
27 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="css/slick-theme.css">
|
||
<link rel="stylesheet" href="css/slick.css">
|
||
<link rel="stylesheet" href="css/main.css">
|
||
<title>Chat</title>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- Register ======================================================== -->
|
||
<section class="register">
|
||
<div class="auto_container">
|
||
<div class="register_wrap">
|
||
<div class="register_body">
|
||
<div class="register_buttons">
|
||
<div class="user_btn" id="btn-1">
|
||
<img src="images/svg/log-in-blue.svg" alt="">
|
||
<span>Войти</span>
|
||
</div>
|
||
<div class="user_btn" id="btn-2">
|
||
<img src="images/svg/user-plus-blue.svg" alt="">
|
||
<span>Регистрация</span>
|
||
</div>
|
||
</div>
|
||
<div class="register_banner">
|
||
<div class="register_logo">
|
||
<img src="images/register_logo.png" alt="">
|
||
</div>
|
||
<div class="register_title">
|
||
ГТСБТ
|
||
</div>
|
||
<div class="register_text">
|
||
Государственная
|
||
товарно-сырьевая
|
||
биржа Туркменистана
|
||
</div>
|
||
<div class="register_foot">
|
||
<div class="register_mail">
|
||
<img src="images/svg/login_mail.svg" alt="">
|
||
</div>
|
||
<a href="#" class="register_link">
|
||
info@exchange.gov.tm
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="register_content">
|
||
<form action="#" class="register_form">
|
||
<div class="form_title">
|
||
Регистрация
|
||
</div>
|
||
<div class="register_input">
|
||
<input type="text" placeholder="Ваш логин">
|
||
</div>
|
||
<div class="register_input">
|
||
<input type="email" placeholder="Ваш электронный адрес">
|
||
</div>
|
||
<div class="register_input">
|
||
<input type="number" placeholder="Номер телефона">
|
||
</div>
|
||
<div class="register_input">
|
||
<input type="password" placeholder="Пароль">
|
||
</div>
|
||
<button type="submit" class="form_btn">Продолжить регистрацию</button>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="register_content_2">
|
||
<form action="#" class="register_form">
|
||
<div class="form_title">
|
||
Войти
|
||
</div>
|
||
<div class="form_text">
|
||
Если вы забыли свой логин или пароль, просим вас
|
||
восстановить его по <a href="#" class="form_link">ссылке.</a>
|
||
</div>
|
||
<div class="register_input">
|
||
<input type="text" placeholder="Ваш логин">
|
||
</div>
|
||
<div class="register_input">
|
||
<input type="password" placeholder="Пароль">
|
||
</div>
|
||
<button type="submit" class="form_btn"> Войти в свой профиль</button>
|
||
</form>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Register end ==================================================== -->
|
||
|
||
<!-- Header Top ========================================================= -->
|
||
<section class="header_top" id="head-top">
|
||
<div class="auto_container">
|
||
<div class="top_wrap">
|
||
<div class="info_block">
|
||
<div class="header_contact">
|
||
<div class="header_icon">
|
||
<img src="images/svg/phone-call.svg" alt="">
|
||
</div>
|
||
<div class="head_text">
|
||
+99312446015
|
||
</div>
|
||
</div>
|
||
<div class="header_contact">
|
||
<div class="header_icon">
|
||
<img src="images/svg/blue_mail.svg" alt="">
|
||
</div>
|
||
<a href="#" class="head_text">
|
||
info@exchange.gov.tm
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<a href="#header" class="top_btn">
|
||
<img src="images/svg/up.svg" alt="">
|
||
</a>
|
||
<div class="info_block">
|
||
<div class="header_contact">
|
||
<div class="header_icon">
|
||
<img src="images/svg/trend_up.svg" alt="">
|
||
</div>
|
||
<div class="currency">
|
||
usd
|
||
</div>
|
||
<div class="head_num">
|
||
3.5000
|
||
</div>
|
||
</div>
|
||
<div class="header_contact">
|
||
<div class="header_icon">
|
||
<img src="images/svg/trending-down.svg" alt="">
|
||
</div>
|
||
<div class="currency">
|
||
eur
|
||
</div>
|
||
<div class="head_num">
|
||
4.3430
|
||
</div>
|
||
</div>
|
||
<div class="header_contact">
|
||
<div class="header_icon">
|
||
<img src="images/svg/trend_up.svg" alt="">
|
||
</div>
|
||
<div class="currency">
|
||
gbp
|
||
</div>
|
||
<div class="head_num">
|
||
3.4353
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Header Top end ========================================================= -->
|
||
|
||
<!--Header ============================================================= -->
|
||
<header class="header" id="header">
|
||
<div class="auto_container">
|
||
<div class="header_wrap">
|
||
<a href="index.html" class="header_logo">
|
||
<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="register_btn">
|
||
<div class="btn_icon">
|
||
<img src="images/svg/user-plus-white.svg" alt="">
|
||
</div>
|
||
<div class="btn_text">
|
||
Регистрация
|
||
</div>
|
||
</div>
|
||
<div class="log_in">
|
||
<div class="btn_icon">
|
||
<img src="images/svg/log-in-white.svg" alt="">
|
||
</div>
|
||
<div class="btn_text">
|
||
Войти
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!--Header end ========================================================= -->
|
||
|
||
<!--Navs ============================================================= -->
|
||
<nav class="navs" id="nav">
|
||
<div class="auto_container">
|
||
<div class="navs_wrap">
|
||
<div class="burger">
|
||
<img src="images/svg/menu.svg" alt="">
|
||
</div>
|
||
<div class="links_bg">
|
||
<div class="links">
|
||
<a href="category.html" class="nav_link">Категории</a>
|
||
<a href="product.html" class="nav_link">Условия торгов</a>
|
||
<a href="contact.html" class="nav_link">Обратная связь</a>
|
||
|
||
<div class="mobile_register">
|
||
<div class="register_btn">
|
||
<div class="btn_icon">
|
||
<img src="images/svg/user-plus-white.svg" alt="">
|
||
</div>
|
||
<div class="btn_text">
|
||
Регистрация
|
||
</div>
|
||
</div>
|
||
<div class="log_in">
|
||
<div class="btn_icon">
|
||
<img src="images/svg/log-in-white.svg" alt="">
|
||
</div>
|
||
<div class="btn_text">
|
||
Войти
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mobile_profile">
|
||
<div class="profile_bio">
|
||
<div class="profile_head">
|
||
<div class="profile_icon">
|
||
<img src="images/svg/user-plus.svg" alt="">
|
||
</div>
|
||
<div class="profile_text">
|
||
Аман Аманов
|
||
</div>
|
||
<div class="prodile_arrow">
|
||
<img src="images/svg/arrow-down.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="profile_drop">
|
||
<a href="personal_data.html" class="profile_item">
|
||
<div class="profile_icon">
|
||
<img src="images/svg/user-plus.svg" alt="">
|
||
</div>
|
||
<div class="profile_text">
|
||
Персональные данные
|
||
</div>
|
||
</a>
|
||
|
||
<a href="my_post.html" class="profile_item">
|
||
<div class="profile_icon">
|
||
<img src="images/svg/clipboard.svg" alt="">
|
||
</div>
|
||
<div class="profile_text">
|
||
Мои объявления
|
||
</div>
|
||
</a>
|
||
|
||
<a href="#" class="profile_item">
|
||
<div class="profile_icon">
|
||
<img src="images/svg/inbox.svg" alt="">
|
||
</div>
|
||
<div class="profile_text">
|
||
Сообщения
|
||
</div>
|
||
</a>
|
||
|
||
<a href="#" class="profile_item">
|
||
<div class="profile_icon">
|
||
<img src="images/svg/log-out.svg" alt="">
|
||
</div>
|
||
<div class="profile_text">
|
||
Выйти
|
||
</div>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<a href="add_post.html" class="add_post_btn">
|
||
<div class="post_icon">
|
||
<img src="images/svg/add.svg" alt="">
|
||
</div>
|
||
<div class="post_text">
|
||
Добавить объявление
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="languages">
|
||
<a href="#" class="lang_item">eng</a>
|
||
<a href="#" class="lang_item active">рус</a>
|
||
<a href="#" class="lang_item">tkm</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!--Navs end ========================================================= -->
|
||
|
||
<!-- Chat ============================================================ -->
|
||
<section class="chat">
|
||
<div class="auto_container">
|
||
<div class="chat_wrap">
|
||
<div class="chat_box">
|
||
<div class="chat_people">
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi jfdurjfurj j furjfu jfurj ufj urjfuj
|
||
</div>
|
||
</div>
|
||
<div class="person active">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
<div class="person">
|
||
<div class="person_name">
|
||
Aman Amanow
|
||
</div>
|
||
<div class="person_message">
|
||
Lorem ipsum dolor sit amet, consetetur sadi...
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="chat_area">
|
||
<div class="chat_area-inner">
|
||
<div class="friend_message">
|
||
<div class="message_time">
|
||
12:00 - 14.05.2021
|
||
</div>
|
||
<div class="message_text">
|
||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||
tempor
|
||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||
</div>
|
||
</div>
|
||
|
||
<div class="my_message">
|
||
<div class="message_time">
|
||
12:00 - 14.05.2021
|
||
</div>
|
||
<div class="message_text">
|
||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||
tempor
|
||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||
</div>
|
||
</div>
|
||
|
||
<div class="friend_message">
|
||
<div class="message_time">
|
||
12:00 - 14.05.2021
|
||
</div>
|
||
<div class="message_text">
|
||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||
tempor
|
||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||
</div>
|
||
</div>
|
||
|
||
<div class="my_message">
|
||
<div class="message_time">
|
||
12:00 - 14.05.2021
|
||
</div>
|
||
<div class="message_text">
|
||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||
tempor
|
||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||
</div>
|
||
</div>
|
||
|
||
<div class="friend_message">
|
||
<div class="message_time">
|
||
12:00 - 14.05.2021
|
||
</div>
|
||
<div class="message_text">
|
||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||
tempor
|
||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||
</div>
|
||
</div>
|
||
|
||
<div class="my_message">
|
||
<div class="message_time">
|
||
12:00 - 14.05.2021
|
||
</div>
|
||
<div class="message_text">
|
||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||
tempor
|
||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||
</div>
|
||
</div>
|
||
|
||
<div class="friend_message">
|
||
<div class="message_time">
|
||
12:00 - 14.05.2021
|
||
</div>
|
||
<div class="message_text">
|
||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||
tempor
|
||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||
</div>
|
||
</div>
|
||
|
||
<form action="#" class="message_form">
|
||
<div class="message_input">
|
||
<textarea></textarea>
|
||
</div>
|
||
|
||
<div class="form_file">
|
||
<label for="file-1" class="anchor">
|
||
<div class="label_img">
|
||
<img src="images/svg/ad.svg" alt="add">
|
||
</div>
|
||
<span></span>
|
||
</label>
|
||
<input type="file" name="file-1[]" id="file-1" class="inputfile inputfile-1"
|
||
data-multiple-caption="{count} files selected" multiple />
|
||
</div>
|
||
|
||
<button class="message_btn">
|
||
<img src="images/svg/plane.svg" alt="send">
|
||
</button>
|
||
</form>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Chat end ======================================================== -->
|
||
|
||
<!--Footer ============================================================= -->
|
||
<footer class="footer">
|
||
<div class="auto_container">
|
||
<div class="footer_wrap">
|
||
<div class="footer_content">
|
||
<a href="index.html" class="foot_logo">
|
||
<img src="images/foot_logo.png" alt="">
|
||
</a>
|
||
<div class="foot_outer">
|
||
<div class="foot_col">
|
||
<div class="foot_title">
|
||
Категории
|
||
</div>
|
||
<div class="foot_box">
|
||
<a href="#" class="foot_item">
|
||
Нефтехимия
|
||
</a>
|
||
<a href="#" class="foot_item">
|
||
Машиностроение
|
||
</a>
|
||
<a href="#" class="foot_item">
|
||
Легкая промышленность
|
||
</a>
|
||
<a href="#" class="foot_item">
|
||
Стройматериалы
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="foot_col">
|
||
<div class="foot_title">
|
||
Контакты
|
||
</div>
|
||
<div class="foot_box">
|
||
<div class="foot_item">
|
||
Тел: +99312446015
|
||
</div>
|
||
<div class="foot_item">
|
||
Эл. почта: info@exchange.gov.tm
|
||
</div>
|
||
<div class="foot_item">
|
||
Адрес: 744000, Туркменистан <br>
|
||
г.Ашгабат, Арчабиль шаелы 52
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="copyright">
|
||
© TDHСMB все права зашишены
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!--Footer end ========================================================= -->
|
||
|
||
|
||
<script src="js/jquery.js"></script>
|
||
<script src="js/slick.js"></script>
|
||
<script src="js/slider.js"></script>
|
||
<script src="js/custom-select.js"></script>
|
||
<script src="js/main.js"></script>
|
||
<!-- <script src="js/extra.js"></script> -->
|
||
</body>
|
||
|
||
</html> |