new pages, news section(index page), and gallery lib

This commit is contained in:
Meylis Gazakow 2022-04-22 17:42:34 +03:00
parent db2b3eab72
commit 31666b594a
12 changed files with 1835 additions and 128 deletions

View File

@ -350,7 +350,7 @@
</div> </div>
</div> </div>
<form action="#" class="category_search"> <!-- <form action="#" class="category_search">
<div class="category_input"> <div class="category_input">
<input type="text" placeholder="Поиск"> <input type="text" placeholder="Поиск">
<div class="category_loupe"> <div class="category_loupe">
@ -366,7 +366,7 @@
<option value="3">Increase</option> <option value="3">Increase</option>
</select> </select>
</div> </div>
</form> </form> -->
<div class="inline_head"> <div class="inline_head">
<div class="inline_item"> <div class="inline_item">
@ -2126,4 +2126,4 @@
<script src="js/main.js"></script> <script src="js/main.js"></script>
</body> </body>
</html> </html>

1
shablon/css/jquery.fancybox.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -2206,6 +2206,41 @@ li {
opacity: .8; opacity: .8;
} }
.item_row {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.item_row .item_btn {
margin-top: 0;
}
.views {
display: flex;
align-items: center;
}
.views span {
width: 20px;
height: 20px;
margin-right: 7px;
}
.views span img {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
.views p {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
}
/* Product end =================================================== */ /* Product end =================================================== */
/* Footer =================================================== */ /* Footer =================================================== */
@ -2478,6 +2513,139 @@ li {
margin-left: 20px; margin-left: 20px;
} }
.category_block {
padding-top: 100px;
}
.main_title {
font-size: var(--text-32);
font-weight: 700;
line-height: 1.4;
margin-bottom: 50px;
}
/* News ======================================== */
.news {
padding-top: 100px;
}
.news.news_page {
padding: 50px 0 100px;
}
.news .cat_end {
margin-top: 40px;
}
.news_box {
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
margin: -10px;
}
.news_box-item {
width: calc(33.33% - 20px);
margin: 0 10px 40px 10px;
}
.news_box-item-photo {
width: 100%;
height: 300px;
position: relative;
overflow: hidden;
border-radius: 10px;
margin-bottom: 15px;
}
.news_box-item-photo img {
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
transition: all .3s linear;
-ms-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.news_box-item-photo img:hover {
transform: scale(1.05);
}
.news_link {
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
z-index: 2;
background: var(--blue);
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s linear;
-ms-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.news_link:hover {
transform: scale(1.1);
}
.news_link img {
width: 40%;
height: 40%;
object-fit: contain;
-o-object-fit: contain;
}
.news_box-item-title {
font-size: 16px;
font-weight: 600;
line-height: 1.4;
color: var(--blue);
font-family: 'Poppins', sans-serif;
}
.news_box-item-date {
font-size: 14px;
font-weight: 400;
line-height: 1.3;
margin: 10px 0;
font-family: 'Poppins', sans-serif;
}
.news_box-item-txt {
font-size: 14px;
font-weight: 400;
line-height: 1.6;
letter-spacing: .5px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-family: 'Poppins', sans-serif;
}
/* News end ==================================== */
/* Product detail Page /* Product detail Page
==================================================================== */ ==================================================================== */
/* Product detail ======================================================== */ /* Product detail ======================================================== */
@ -2515,6 +2683,7 @@ li {
.detail_photo { .detail_photo {
width: 380px; width: 380px;
height: 225px; height: 225px;
cursor: pointer;
} }
.detail_photo img { .detail_photo img {
@ -2954,6 +3123,115 @@ li {
margin-top: 100px; margin-top: 100px;
} }
/* New post ================================ */
.news_post {
padding: 70px 0 100px;
}
.news_post-box {
display: flex;
align-items: flex-start;
}
.news_post-info {
width: calc(100% - 450px);
margin-right: 50px;
}
.news_post-info-title {
color: #000;
font-weight: 700;
font-size: 22px;
line-height: 28px;
}
.news_post-info-date {
font-size: 16px;
line-height: 26px;
color: #a2a2a2;
font-weight: 400;
margin: 10px 0 20px;
}
.news_post-info-photo {
width: 100%;
height: 500px;
background: #e5e5e5;
margin-bottom: 40px;
}
.news_post-info-photo img {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
.news_post-info-txt {
margin-bottom: 15px;
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
letter-spacing: 0.5px;
}
.news_box-item-txt:last-child {
margin-bottom: 0;
}
.news_post-aside {
width: 400px;
}
.news_aside-title {
font-size: 16px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
/* margin-bottom: 20px; */
color: #242424;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 20px;
}
.news_aside-item {
border-bottom: 1px solid #dcdcdc;
padding: 18px 0;
}
.news_aside-item:last-child {
border-bottom: unset;
}
.news_aside-item-date {
font-size: 12px;
line-height: 20px;
color: #a2a2a2;
font-weight: 400;
}
.news_aside-item-title {
color: #000;
font-weight: 500;
font-size: 15px;
line-height: 20px;
margin: 10px 0 0 0;
display: block;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
/* New post end ============================ */
/* Add post =========================================== */ /* Add post =========================================== */
.post { .post {
@ -5167,13 +5445,13 @@ input::-webkit-calendar-picker-indicator {
flex-wrap: wrap; flex-wrap: wrap;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap; -webkit-flex-wrap: wrap;
margin: 50px -20px 0; margin: 50px -10px 0;
} }
.cat_item { .cat_item {
padding: 30px 10px; padding: 30px 10px;
margin: 20px; margin: 10px;
width: calc(25% - 40px); width: calc(25% - 20px);
} }
.cat_photo { .cat_photo {
@ -5196,16 +5474,22 @@ input::-webkit-calendar-picker-indicator {
width: calc(50% - 40px); width: calc(50% - 40px);
} }
/*
.tab_link:nth-child(2) {
margin-right: 0;
} */
.profile_drop { .profile_drop {
/* bottom: -431px; */
top: calc(100% + 41px); top: calc(100% + 41px);
} }
.category_block {
padding-top: 50px;
}
/* News ===================== */
.news_box-item-photo {
height: 230px;
}
/* News end ================= */
/* Basket =============== */ /* Basket =============== */
.basket_item_title { .basket_item_title {
@ -5403,6 +5687,19 @@ input::-webkit-calendar-picker-indicator {
width: calc(40% - 20px); width: calc(40% - 20px);
} }
/* News post ============================ */
.news_post-info {
width: calc(100% - 330px);
margin-right: 30px;
}
.news_post-aside {
width: 300px;
}
/* News post end ======================== */
/* Replenishment History ======================================= */ /* Replenishment History ======================================= */
.history_table { .history_table {
@ -5685,6 +5982,45 @@ input::-webkit-calendar-picker-indicator {
/* Mobile User links end ================= */ /* Mobile User links end ================= */
/* News ========================= */
.news_box-item {
width: calc(50% - 20px);
margin-bottom: 30px;
}
/* News end ===================== */
/* News post ============================ */
.news_post-info {
width: 100%;
margin-right: 0px;
}
.news_post-aside {
display: none;
}
.news_post-info-title {
font-size: 18px;
}
.news_post-info-date {
font-size: 14px;
}
.news_post-info-photo {
height: 350px;
}
.news_post-info-txt {
font-size: 14px;
}
/* News post end ======================== */
.info_block:last-child .header_contact:last-child { .info_block:last-child .header_contact:last-child {
display: none; display: none;
} }
@ -6376,6 +6712,20 @@ input::-webkit-calendar-picker-indicator {
margin: 0; margin: 0;
} }
/* News ========================= */
.news_box-item {
width: calc(100% - 20px);
margin-bottom: 30px;
}
.news_box-item-photo {
width: 80%;
margin: 0 auto 15px;
}
/* News end ===================== */
/* --------------------------------- */ /* --------------------------------- */
@ -6454,6 +6804,15 @@ input::-webkit-calendar-picker-indicator {
white-space: nowrap; white-space: nowrap;
} }
.item_row {
flex-direction: column;
align-items: unset;
}
.views {
margin-top: 15px;
}
.profile_drop { .profile_drop {
width: 270px; width: 270px;
/* bottom: -445px; */ /* bottom: -445px; */
@ -6819,6 +7178,19 @@ input::-webkit-calendar-picker-indicator {
height: 320px; height: 320px;
} }
/* News post ============================ */
.news_post {
padding: 40px 0 60px;
}
.news_post-info-photo {
height: 250px;
}
/* News post end ======================== */
/* Seller ---------------- */ /* Seller ---------------- */
.seller_inner { .seller_inner {
@ -7019,6 +7391,24 @@ input::-webkit-calendar-picker-indicator {
display: none; display: none;
} }
/* .item_row {
align-items: center;
} */
.views {
margin: 15px auto 0 auto;
}
/* News ========================= */
.news_box-item-photo {
width: 100%;
height: 210px;
}
/* News end ===================== */
.product_box { .product_box {
margin: 0; margin: 0;
} }
@ -7309,6 +7699,15 @@ input::-webkit-calendar-picker-indicator {
font-size: 14px; font-size: 14px;
} }
/* News post ============================ */
.news_post-info-photo {
height: 100%;
background: transparent;
margin-bottom: 30px;
}
/* News post end ======================== */
/* Add post 3 ======================================= */ /* Add post 3 ======================================= */
.add_post_box-item { .add_post_box-item {

BIN
shablon/images/news-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

BIN
shablon/images/news-2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="9" viewBox="0 0 12 9">
<g id="arrow-right" transform="translate(-2.75 -5.183)">
<path id="Path_3392" data-name="Path 3392" d="M14.28,14.183a.663.663,0,0,1-.424-.145.439.439,0,0,1,0-.7l4.431-3.656L13.857,6.026a.439.439,0,0,1,0-.7.7.7,0,0,1,.848,0l4.855,4.006a.439.439,0,0,1,0,.7L14.7,14.037A.663.663,0,0,1,14.28,14.183Z" transform="translate(-4.983 0)" fill="#fff"/>
<path id="Path_3393" data-name="Path 3393" d="M14.13,12.45H3.236a.613.613,0,0,1,0-1.2H14.13a.613.613,0,0,1,0,1.2Z" transform="translate(0 -2.168)" fill="#fff"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 610 B

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18.001" viewBox="0 0 22 18.001">
<g id="eye" transform="translate(-1.455 -2.979)">
<path id="Path_3390" data-name="Path 3390" d="M12,16.33A4.33,4.33,0,1,1,16.33,12,4.332,4.332,0,0,1,12,16.33Zm0-7.16A2.83,2.83,0,1,0,14.83,12,2.834,2.834,0,0,0,12,9.17Z" transform="translate(0.46 -0.02)" fill="#003197"/>
<path id="Path_3391" data-name="Path 3391" d="M12.46,20.98c-3.924,0-7.629-2.2-10.176-6.007a5.815,5.815,0,0,1,0-5.987C4.842,5.175,8.547,2.98,12.46,2.98s7.619,2.2,10.165,6.007a5.815,5.815,0,0,1,0,5.987C20.079,18.785,16.374,20.98,12.46,20.98Zm0-16.5c-3.371,0-6.6,1.936-8.85,5.318a4.36,4.36,0,0,0,0,4.37c2.254,3.382,5.479,5.318,8.85,5.318s6.6-1.936,8.85-5.318a4.36,4.36,0,0,0,0-4.37C19.056,6.412,15.831,4.477,12.46,4.477Z" transform="translate(0 0)" fill="#003197"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 849 B

View File

@ -3449,7 +3449,101 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</section>
<!--Intro end ========================================================= -->
<!--News ============================================================= -->
<section class="news">
<div class="auto_container">
<div class="news_wrap">
<h3 class="main_title">
Last news
</h3>
<div class="news_box">
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".1s">
<div class="news_box-item-photo">
<img src="images/news-1.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<h4 class="news_box-item-title">
Вылететь в Россию для туркменистанцев стало еще проще
</h4>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Гражданам Туркменистана по-прежнему не нужно использовать мобильное приложение «Путешествую
без COVID-19» при въезде на территорию России. Об этом проинформировало Посольство
Российской Федерации в Туркменистане на своем сайте. Данное решение российского
правительства будет действовать до 15 октября.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".3s">
<div class="news_box-item-photo">
<img src="images/news-2.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<h4 class="news_box-item-title">
Цены на газ в мире могут вырасти на 147% в течение текущего года МВФ
</h4>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Средняя цена на природный газ в мире может подскочить на 147% в течение 2022 года,
прогнозирует Международный валютный фонд (МВФ) в своем обновленном докладе.
Примерной цены на голубое топливо, которая могла бы установиться в ближайшее время,
организация не приводит, фиксируя лишь возможную динамику роста стоимости.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".5s">
<div class="news_box-item-photo">
<img src="images/news-1.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<h4 class="news_box-item-title">
Вылететь в Россию для туркменистанцев стало еще проще
</h4>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Гражданам Туркменистана по-прежнему не нужно использовать мобильное приложение «Путешествую
без COVID-19» при въезде на территорию России. Об этом проинформировало Посольство
Российской Федерации в Туркменистане на своем сайте. Данное решение российского
правительства будет действовать до 15 октября.
</p>
</div>
</div>
</div>
</div>
</section>
<!--News end ========================================================= -->
<!--Intro ============================================================= -->
<section class="category_block">
<div class="auto_container">
<div class="category_wrap">
<h3 class="main_title">
Categories
</h3>
<div class="categories"> <div class="categories">
<a href="#" class="cat_item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".1s"> <a href="#" class="cat_item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".1s">
<div class="cat_photo"> <div class="cat_photo">
@ -3511,7 +3605,7 @@
</div> </div>
</div> </div>
</section> </section>
<!--Intro end ========================================================= --> <!--Intro end ========================================================= -->
<!--Product ============================================================= --> <!--Product ============================================================= -->
<section class="product"> <section class="product">
@ -3607,10 +3701,22 @@
01.01.2022 01.01.2022
</div> </div>
</div> </div>
<a href="#" class="item_btn"> <div class="item_row">
Подробнее <a href="#" class="item_btn">
</a> Подробнее
</a>
<div class="views">
<span>
<img src="images/svg/watched.svg" alt="eye-icon">
</span>
<p>
1432
</p>
</div>
</div>
</div> </div>
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".2s"> <div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".2s">
<div class="item_head"> <div class="item_head">
<div class="item_lot"> <div class="item_lot">
@ -3658,10 +3764,22 @@
01.01.2022 01.01.2022
</div> </div>
</div> </div>
<a href="#" class="item_btn"> <div class="item_row">
Подробнее <a href="#" class="item_btn">
</a> Подробнее
</a>
<div class="views">
<span>
<img src="images/svg/watched.svg" alt="eye-icon">
</span>
<p>
1432
</p>
</div>
</div>
</div> </div>
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".3s"> <div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="item_head"> <div class="item_head">
<div class="item_lot"> <div class="item_lot">
@ -3709,10 +3827,22 @@
01.01.2022 01.01.2022
</div> </div>
</div> </div>
<a href="#" class="item_btn"> <div class="item_row">
Подробнее <a href="#" class="item_btn">
</a> Подробнее
</a>
<div class="views">
<span>
<img src="images/svg/watched.svg" alt="eye-icon">
</span>
<p>
1432
</p>
</div>
</div>
</div> </div>
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".4s"> <div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".4s">
<div class="item_head"> <div class="item_head">
<div class="item_lot"> <div class="item_lot">
@ -3760,10 +3890,22 @@
01.01.2022 01.01.2022
</div> </div>
</div> </div>
<a href="#" class="item_btn"> <div class="item_row">
Подробнее <a href="#" class="item_btn">
</a> Подробнее
</a>
<div class="views">
<span>
<img src="images/svg/watched.svg" alt="eye-icon">
</span>
<p>
1432
</p>
</div>
</div>
</div> </div>
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".1s"> <div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="item_head"> <div class="item_head">
<div class="item_lot"> <div class="item_lot">
@ -3811,10 +3953,22 @@
01.01.2022 01.01.2022
</div> </div>
</div> </div>
<a href="#" class="item_btn"> <div class="item_row">
Подробнее <a href="#" class="item_btn">
</a> Подробнее
</a>
<div class="views">
<span>
<img src="images/svg/watched.svg" alt="eye-icon">
</span>
<p>
1432
</p>
</div>
</div>
</div> </div>
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".2s"> <div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".2s">
<div class="item_head"> <div class="item_head">
<div class="item_lot"> <div class="item_lot">
@ -3862,10 +4016,22 @@
01.01.2022 01.01.2022
</div> </div>
</div> </div>
<a href="#" class="item_btn"> <div class="item_row">
Подробнее <a href="#" class="item_btn">
</a> Подробнее
</a>
<div class="views">
<span>
<img src="images/svg/watched.svg" alt="eye-icon">
</span>
<p>
1432
</p>
</div>
</div>
</div> </div>
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".3s"> <div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="item_head"> <div class="item_head">
<div class="item_lot"> <div class="item_lot">
@ -3913,10 +4079,22 @@
01.01.2022 01.01.2022
</div> </div>
</div> </div>
<a href="#" class="item_btn"> <div class="item_row">
Подробнее <a href="#" class="item_btn">
</a> Подробнее
</a>
<div class="views">
<span>
<img src="images/svg/watched.svg" alt="eye-icon">
</span>
<p>
1432
</p>
</div>
</div>
</div> </div>
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".4s"> <div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".4s">
<div class="item_head"> <div class="item_head">
<div class="item_lot"> <div class="item_lot">
@ -3964,9 +4142,20 @@
01.01.2022 01.01.2022
</div> </div>
</div> </div>
<a href="#" class="item_btn"> <div class="item_row">
Подробнее <a href="#" class="item_btn">
</a> Подробнее
</a>
<div class="views">
<span>
<img src="images/svg/watched.svg" alt="eye-icon">
</span>
<p>
1432
</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

13
shablon/js/jquery.fancybox.min.js vendored Normal file

File diff suppressed because one or more lines are too long

639
shablon/news.html Normal file
View File

@ -0,0 +1,639 @@
<!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/phone_box.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/main.css">
<title>News Page</title>
</head>
<body>
<!-- Password ==================================================== -->
<section class="password ">
<div class="auto_container">
<div class="pass_wrap">
<div class="pass_mail active">
<div class="pass_title">
Забыли пароль
</div>
<form action="#" class="password_form">
<div class="pass_input">
<input type="text" placeholder="Ваш электронный адрес">
</div>
<button type="submit" class="pass_btn">
Отправить
</button>
</form>
</div>
<div class="pass_change active">
<div class="pass_title">
Забыли пароль
</div>
<form action="#" class="password_form">
<div class="pass_input">
<input type="text" placeholder="Введите новый пароль">
</div>
<div class="pass_input">
<input type="text" placeholder="Введите еще раз новый пароль">
</div>
<button type="submit" class="pass_btn">
Отправить
</button>
</form>
</div>
</div>
</div>
</section>
<!-- Password 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 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s">
<div class="header_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828"
viewBox="0 0 24.828 14.828">
<g id="trend_up" transform="translate(0.414 -4.586)">
<path class="trend_line" data-name="Контур 121" d="M23,6l-9.5,9.5-5-5L1,18"
fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
<path class="trend_arrow" data-name="Контур 122" d="M17,6h6v6" fill="none"
stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
</g>
</svg>
</div>
<div class="currency">
usd
</div>
<div class="head_num">
3.5000
</div>
</div>
<div class="header_contact wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="header_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828"
viewBox="0 0 24.828 14.828">
<g id="trending-up" transform="translate(1.414 1.414)">
<path class="trend_line" data-name="Контур 121" d="M23,18,13.5,8.5l-5,5L1,6"
transform="translate(-1 -6)" fill="none" stroke="red" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" />
<path class="trend_arrow" data-name="Контур 122" d="M17,12h6V6"
transform="translate(-1)" fill="none" stroke="red" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" />
</g>
</svg>
</div>
<div class="currency">
eur
</div>
<div class="head_num">
4.3430
</div>
</div>
<div class="header_contact wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">
<div class="header_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828"
viewBox="0 0 24.828 14.828">
<g id="trend_up" transform="translate(0.414 -4.586)">
<path class="trend_line" data-name="Контур 121" d="M23,6l-9.5,9.5-5-5L1,18"
fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
<path class="trend_arrow" data-name="Контур 122" d="M17,6h6v6" fill="none"
stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
</g>
</svg>
</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">
<svg id="Group_14" data-name="Group 14" xmlns="http://www.w3.org/2000/svg" width="100"
height="100.001" viewBox="0 0 100 100.001">
<path id="logo_left" data-name="Path 2130"
d="M12613.869,7717.147l20.387-20.38v-9.209h9.2l3.371-3.372-16.276-16.277h-15.936v20.717l-14.645,14.635Z"
transform="translate(-12599.973 -7653.263)" fill="#003197" fill-rule="evenodd" />
<path id="logo_top" data-name="Path 2131"
d="M14257.869,7055.751l16.273-16.274v-15.936h-20.728l-14.622-14.645-13.891,13.886,20.389,20.4h9.215v9.209Z"
transform="translate(-14188.795 -7008.896)" fill="#aba17d" fill-rule="evenodd" />
<path id="logo_bottom" data-name="Path 2132"
d="M13308.307,9433.256l-20.394-20.391h-9.2v-9.215l-3.371-3.357-16.274,16.274V9432.5h20.706l14.647,14.644Z"
transform="translate(-13244.428 -9347.147)" fill="#0056ff" fill-rule="evenodd" />
<path id="logo_right" data-name="Path 2133"
d="M15007.646,8683.345h15.934v-20.727l14.643-14.622-13.891-13.883-20.393,20.382v9.213h-9.207l-3.361,3.371Z"
transform="translate(-14938.223 -8597.992)" fill="#003197" fill-rule="evenodd" />
</svg>
</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 ========================================================= -->
<!--News ============================================================= -->
<section class="news news_page">
<div class="auto_container">
<div class="news_wrap">
<h3 class="main_title">
Last news
</h3>
<div class="news_box">
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".1s">
<div class="news_box-item-photo">
<img src="images/news-1.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<a href="#" class="news_box-item-title">
Вылететь в Россию для туркменистанцев стало еще проще
</a>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Гражданам Туркменистана по-прежнему не нужно использовать мобильное приложение «Путешествую
без COVID-19» при въезде на территорию России. Об этом проинформировало Посольство
Российской Федерации в Туркменистане на своем сайте. Данное решение российского
правительства будет действовать до 15 октября.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".2s">
<div class="news_box-item-photo">
<img src="images/news-2.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<a href="#" class="news_box-item-title">
Цены на газ в мире могут вырасти на 147% в течение текущего года МВФ
</a>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Средняя цена на природный газ в мире может подскочить на 147% в течение 2022 года,
прогнозирует Международный валютный фонд (МВФ) в своем обновленном докладе.
Примерной цены на голубое топливо, которая могла бы установиться в ближайшее время,
организация не приводит, фиксируя лишь возможную динамику роста стоимости.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".3s">
<div class="news_box-item-photo">
<img src="images/news-1.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<a href="#" class="news_box-item-title">
Вылететь в Россию для туркменистанцев стало еще проще
</a>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Гражданам Туркменистана по-прежнему не нужно использовать мобильное приложение «Путешествую
без COVID-19» при въезде на территорию России. Об этом проинформировало Посольство
Российской Федерации в Туркменистане на своем сайте. Данное решение российского
правительства будет действовать до 15 октября.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".1s">
<div class="news_box-item-photo">
<img src="images/news-1.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<a href="#" class="news_box-item-title">
Вылететь в Россию для туркменистанцев стало еще проще
</a>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Гражданам Туркменистана по-прежнему не нужно использовать мобильное приложение «Путешествую
без COVID-19» при въезде на территорию России. Об этом проинформировало Посольство
Российской Федерации в Туркменистане на своем сайте. Данное решение российского
правительства будет действовать до 15 октября.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".2s">
<div class="news_box-item-photo">
<img src="images/news-2.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<a href="#" class="news_box-item-title">
Цены на газ в мире могут вырасти на 147% в течение текущего года МВФ
</a>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Средняя цена на природный газ в мире может подскочить на 147% в течение 2022 года,
прогнозирует Международный валютный фонд (МВФ) в своем обновленном докладе.
Примерной цены на голубое топливо, которая могла бы установиться в ближайшее время,
организация не приводит, фиксируя лишь возможную динамику роста стоимости.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".3s">
<div class="news_box-item-photo">
<img src="images/news-1.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<a href="#" class="news_box-item-title">
Вылететь в Россию для туркменистанцев стало еще проще
</a>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Гражданам Туркменистана по-прежнему не нужно использовать мобильное приложение «Путешествую
без COVID-19» при въезде на территорию России. Об этом проинформировало Посольство
Российской Федерации в Туркменистане на своем сайте. Данное решение российского
правительства будет действовать до 15 октября.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".1s">
<div class="news_box-item-photo">
<img src="images/news-1.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<a href="#" class="news_box-item-title">
Вылететь в Россию для туркменистанцев стало еще проще
</a>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Гражданам Туркменистана по-прежнему не нужно использовать мобильное приложение «Путешествую
без COVID-19» при въезде на территорию России. Об этом проинформировало Посольство
Российской Федерации в Туркменистане на своем сайте. Данное решение российского
правительства будет действовать до 15 октября.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".2s">
<div class="news_box-item-photo">
<img src="images/news-2.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<a href="#" class="news_box-item-title">
Цены на газ в мире могут вырасти на 147% в течение текущего года МВФ
</a>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Средняя цена на природный газ в мире может подскочить на 147% в течение 2022 года,
прогнозирует Международный валютный фонд (МВФ) в своем обновленном докладе.
Примерной цены на голубое топливо, которая могла бы установиться в ближайшее время,
организация не приводит, фиксируя лишь возможную динамику роста стоимости.
</p>
</div>
<div class="news_box-item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".3s">
<div class="news_box-item-photo">
<img src="images/news-1.jpg" alt="news-photo">
<a href="#" class="news_link">
<img src="images/svg/news_arrow.svg" alt="arrow-icon">
</a>
</div>
<a href="#" class="news_box-item-title">
Вылететь в Россию для туркменистанцев стало еще проще
</a>
<p class="news_box-item-date">
21.04.2022
</p>
<p class="news_box-item-txt">
Гражданам Туркменистана по-прежнему не нужно использовать мобильное приложение «Путешествую
без COVID-19» при въезде на территорию России. Об этом проинформировало Посольство
Российской Федерации в Туркменистане на своем сайте. Данное решение российского
правительства будет действовать до 15 октября.
</p>
</div>
</div>
<div class="cat_end">
<a href="#" class="cat_arrow left">
<img src="images/svg/arrow-right.svg" alt="">
</a>
<form action="#" class="cat_form">
<input type="text" placeholder="1">
</form>
<a href="#" class="cat_arrow ">
<img src="images/svg/arrow-right.svg" alt="">
</a>
<div class="cat_page">
15 страниц
</div>
</div>
</div>
</div>
</section>
<!--News end ========================================================= -->
<!--Footer ============================================================= -->
<footer class="footer">
<div class="auto_container">
<div class="footer_wrap">
<div class="footer_content">
<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_box mt20">
<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">
<div class="foot_phone-box">
<h4 class="foot_phone-text">
Tell:
</h4>
<div>
<a href="tel:+99312446015">+99312446015</a>
<a href="tel:+99312446015">+99312446015</a>
<a href="tel:+99312446015">+99312446015</a>
</div>
</div>
</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/wow.min.js"></script>
<script src="js/main.js"></script>
<script>
new WOW().init();
</script>
<!-- <script src="js/extra.js"></script> -->
</body>
</html>

507
shablon/news_post.html Normal file
View File

@ -0,0 +1,507 @@
<!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/phone_box.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/main.css">
<title>News Page</title>
</head>
<body>
<!-- Password ==================================================== -->
<section class="password ">
<div class="auto_container">
<div class="pass_wrap">
<div class="pass_mail active">
<div class="pass_title">
Забыли пароль
</div>
<form action="#" class="password_form">
<div class="pass_input">
<input type="text" placeholder="Ваш электронный адрес">
</div>
<button type="submit" class="pass_btn">
Отправить
</button>
</form>
</div>
<div class="pass_change active">
<div class="pass_title">
Забыли пароль
</div>
<form action="#" class="password_form">
<div class="pass_input">
<input type="text" placeholder="Введите новый пароль">
</div>
<div class="pass_input">
<input type="text" placeholder="Введите еще раз новый пароль">
</div>
<button type="submit" class="pass_btn">
Отправить
</button>
</form>
</div>
</div>
</div>
</section>
<!-- Password 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 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s">
<div class="header_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828"
viewBox="0 0 24.828 14.828">
<g id="trend_up" transform="translate(0.414 -4.586)">
<path class="trend_line" data-name="Контур 121" d="M23,6l-9.5,9.5-5-5L1,18"
fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
<path class="trend_arrow" data-name="Контур 122" d="M17,6h6v6" fill="none"
stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
</g>
</svg>
</div>
<div class="currency">
usd
</div>
<div class="head_num">
3.5000
</div>
</div>
<div class="header_contact wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="header_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828"
viewBox="0 0 24.828 14.828">
<g id="trending-up" transform="translate(1.414 1.414)">
<path class="trend_line" data-name="Контур 121" d="M23,18,13.5,8.5l-5,5L1,6"
transform="translate(-1 -6)" fill="none" stroke="red" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" />
<path class="trend_arrow" data-name="Контур 122" d="M17,12h6V6"
transform="translate(-1)" fill="none" stroke="red" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" />
</g>
</svg>
</div>
<div class="currency">
eur
</div>
<div class="head_num">
4.3430
</div>
</div>
<div class="header_contact wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">
<div class="header_icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828"
viewBox="0 0 24.828 14.828">
<g id="trend_up" transform="translate(0.414 -4.586)">
<path class="trend_line" data-name="Контур 121" d="M23,6l-9.5,9.5-5-5L1,18"
fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
<path class="trend_arrow" data-name="Контур 122" d="M17,6h6v6" fill="none"
stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
</g>
</svg>
</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">
<svg id="Group_14" data-name="Group 14" xmlns="http://www.w3.org/2000/svg" width="100"
height="100.001" viewBox="0 0 100 100.001">
<path id="logo_left" data-name="Path 2130"
d="M12613.869,7717.147l20.387-20.38v-9.209h9.2l3.371-3.372-16.276-16.277h-15.936v20.717l-14.645,14.635Z"
transform="translate(-12599.973 -7653.263)" fill="#003197" fill-rule="evenodd" />
<path id="logo_top" data-name="Path 2131"
d="M14257.869,7055.751l16.273-16.274v-15.936h-20.728l-14.622-14.645-13.891,13.886,20.389,20.4h9.215v9.209Z"
transform="translate(-14188.795 -7008.896)" fill="#aba17d" fill-rule="evenodd" />
<path id="logo_bottom" data-name="Path 2132"
d="M13308.307,9433.256l-20.394-20.391h-9.2v-9.215l-3.371-3.357-16.274,16.274V9432.5h20.706l14.647,14.644Z"
transform="translate(-13244.428 -9347.147)" fill="#0056ff" fill-rule="evenodd" />
<path id="logo_right" data-name="Path 2133"
d="M15007.646,8683.345h15.934v-20.727l14.643-14.622-13.891-13.883-20.393,20.382v9.213h-9.207l-3.361,3.371Z"
transform="translate(-14938.223 -8597.992)" fill="#003197" fill-rule="evenodd" />
</svg>
</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 ========================================================= -->
<!-- New post ========================================================= -->
<section class="news_post">
<div class="auto_container">
<div class="news_post-wrap">
<div class="news_post-box">
<div class="news_post-info">
<h4 class="news_post-info-title">
Вылететь в Россию для туркменистанцев стало еще проще
</h4>
<p class="news_post-info-date">
21.04.2022
</p>
<div class="news_post-info-photo">
<img src="images/news-1.jpg" alt="news-photo">
</div>
<p class="news_post-info-txt">
Гражданам Туркменистана по-прежнему не нужно использовать мобильное приложение «Путешествую
без COVID-19» при въезде на территорию России. Об этом проинформировало Посольство
Российской Федерации в Туркменистане на своем сайте. Данное решение российского
правительства будет действовать до 15 октября.
</p>
<p class="news_post-info-txt">
Тем не менее, остаются в силе правила о необходимости предоставить справку об отсутствии
коронавируса, срок действия которой 48 часов.
</p>
<p class="news_post-info-txt">
Кроме того, консульский отдел российского диппредставительства в Туркменистане сообщил о
сокращении для иностранцев сроков ожидания вылета в РФ до двух с половиной трех месяцев.
Российские граждане будут ожидать своего вылета по-прежнему полтора-два месяца.
</p>
</div>
<div class="news_post-aside">
<h1 class="news_aside-title">
Last news
</h1>
<div class="news_aside-item">
<p class="news_aside-item-date">
22.04.2022
</p>
<a href="#" class="news_aside-item-title">
Опубликован Уголовный кодекс Туркменистана в новой редакции
</a>
</div>
<div class="news_aside-item">
<p class="news_aside-item-date">
22.04.2022
</p>
<a href="#" class="news_aside-item-title">
В Балканабате прошли главные скачки года, где был разыгран приз президента Туркменистана
</a>
</div>
<div class="news_aside-item">
<p class="news_aside-item-date">
22.04.2022
</p>
<a href="#" class="news_aside-item-title">
Сектор мирового туризма ожидает бум путешествий, рост рабочих мест и зеленые критерии
</a>
</div>
<div class="news_aside-item">
<p class="news_aside-item-date">
22.04.2022
</p>
<a href="#" class="news_aside-item-title">
Туркменистан и Италия обменялись предложениями по активизации культурного диалога
</a>
</div>
<div class="news_aside-item">
<p class="news_aside-item-date">
22.04.2022
</p>
<a href="#" class="news_aside-item-title">
Опубликован Уголовный кодекс Туркменистана в новой редакции
</a>
</div>
<div class="news_aside-item">
<p class="news_aside-item-date">
22.04.2022
</p>
<a href="#" class="news_aside-item-title">
В Балканабате прошли главные скачки года, где был разыгран приз президента Туркменистана
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- New post end ========================================================= -->
<!--Footer ============================================================= -->
<footer class="footer">
<div class="auto_container">
<div class="footer_wrap">
<div class="footer_content">
<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_box mt20">
<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">
<div class="foot_phone-box">
<h4 class="foot_phone-text">
Tell:
</h4>
<div>
<a href="tel:+99312446015">+99312446015</a>
<a href="tel:+99312446015">+99312446015</a>
<a href="tel:+99312446015">+99312446015</a>
</div>
</div>
</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/wow.min.js"></script>
<script src="js/main.js"></script>
<script>
new WOW().init();
</script>
<!-- <script src="js/extra.js"></script> -->
</body>
</html>

View File

@ -9,94 +9,12 @@
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet"> <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-theme.css">
<link rel="stylesheet" href="css/slick.css"> <link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
<title>Product</title> <title>Product</title>
</head> </head>
<body> <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 ========================================================= --> <!-- Header Top ========================================================= -->
<section class="header_top" id="head-top"> <section class="header_top" id="head-top">
<div class="auto_container"> <div class="auto_container">
@ -199,7 +117,7 @@
</header> </header>
<!--Header end ========================================================= --> <!--Header end ========================================================= -->
<!--Navs ============================================================= --> <!--Navs ============================================================= -->
<nav class="navs" id="nav"> <nav class="navs" id="nav">
<div class="auto_container"> <div class="auto_container">
<div class="navs_wrap"> <div class="navs_wrap">
@ -303,7 +221,7 @@
</div> </div>
</div> </div>
</nav> </nav>
<!--Navs end ========================================================= --> <!--Navs end ========================================================= -->
<!--Product detail ========================================================= --> <!--Product detail ========================================================= -->
<section class="detail"> <section class="detail">
@ -313,19 +231,24 @@
<div class="detail_body"> <div class="detail_body">
<div class="detail_gallery"> <div class="detail_gallery">
<div class="detail_photo_box"> <div class="detail_photo_box">
<div class="detail_photo"> <div class="detail_photo fancybox" href="images/goods.png" data-fancybox="images-preview-1"
data-width="1500" data-height="1000">
<img src="images/goods.png" alt=""> <img src="images/goods.png" alt="">
</div> </div>
<div class="detail_photo"> <div class="detail_photo fancybox" href="images/cat-1.png" data-fancybox="images-preview-1"
data-width="1500" data-height="1000">
<img src="images/cat-1.png" alt=""> <img src="images/cat-1.png" alt="">
</div> </div>
<div class="detail_photo"> <div class="detail_photo fancybox" href="images/goods.png" data-fancybox="images-preview-1"
data-width="1500" data-height="1000">
<img src="images/goods.png" alt=""> <img src="images/goods.png" alt="">
</div> </div>
<div class="detail_photo"> <div class="detail_photo fancybox" href="images/cat-1.png" data-fancybox="images-preview-1"
data-width="1500" data-height="1000">
<img src="images/cat-1.png" alt=""> <img src="images/cat-1.png" alt="">
</div> </div>
<div class="detail_photo"> <div class="detail_photo fancybox" href="images/goods.png" data-fancybox="images-preview-1"
data-width="1500" data-height="1000">
<img src="images/goods.png" alt=""> <img src="images/goods.png" alt="">
</div> </div>
</div> </div>
@ -347,6 +270,29 @@
</div> </div>
</div> </div>
</div> </div>
<div style="display: none;">
<a download target="blank" href="images/goods.png" class="fancy_img fancybox"
data-fancybox-arrows="true" data-arrows="true" data-fancybox="images-preview-1"
data-width="1500" data-height="1000" data-thumb="images/goods.png"></a>
<a download target="blank" href="images/cat-1.png" class="fancy_img fancybox"
data-fancybox-arrows="true" data-arrows="true" data-fancybox="images-preview-1"
data-width="1500" data-height="1000" data-thumb="images/cat-1.png"></a>
<a download target="blank" href="images/goods.png" class="fancy_img fancybox"
data-fancybox-arrows="true" data-arrows="true" data-fancybox="images-preview-1"
data-width="1500" data-height="1000" data-thumb="images/goods.png"></a>
<a download target="blank" href="images/cat-1.png" class="fancy_img fancybox"
data-fancybox-arrows="true" data-arrows="true" data-fancybox="images-preview-1"
data-width="1500" data-height="1000" data-thumb="images/cat-1.png"></a>
<a download target="blank" href="images/goods.png" class="fancy_img fancybox"
data-fancybox-arrows="true" data-arrows="true" data-fancybox="images-preview-1"
data-width="1500" data-height="1000" data-thumb="images/goods.png"></a>
</div>
<div class="detail_info"> <div class="detail_info">
<div class="detail_about"> <div class="detail_about">
<div class="detail_title"> <div class="detail_title">
@ -769,7 +715,8 @@
<script src="js/jquery.js"></script> <script src="js/jquery.js"></script>
<script src="js/slick.js"></script> <script src="js/slick.js"></script>
<script src="js/slider.js"></script> <script src="js/slider.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
</body> </body>
</html> </html>