This commit is contained in:
saparatayev 2022-04-15 16:46:56 +05:00
commit e19371c56b
8 changed files with 3177 additions and 58 deletions

2829
shablon/css/animate.css vendored Normal file

File diff suppressed because it is too large Load Diff

View File

@ -895,6 +895,10 @@ li {
display: none;
}
.pass_change.active {
display: block;
}
.pass_title {
font-size: 40px;
font-weight: 700;
@ -1022,6 +1026,49 @@ li {
-o-object-fit: contain;
}
.header_icon svg {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
.trend_line {
animation: trendUp 6.8s linear infinite;
animation-delay: .5s;
stroke-dasharray: 100;
pointer-events: none;
}
.trend_arrow {
animation: trendUp 6.8s linear infinite;
animation-delay: .5s;
stroke-dasharray: 120;
pointer-events: none;
}
@keyframes trendUp {
0% {
stroke-dashoffset: -31;
}
25% {
stroke-dashoffset: 31;
}
50% {
stroke-dashoffset: 31;
}
75% {
stroke-dashoffset: 31;
}
100% {
stroke-dashoffset: 31;
}
}
.head_text {
font-size: 14px;
font-weight: 400;
@ -1078,6 +1125,54 @@ li {
margin-right: 10px;
}
.header_img svg {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
#logo_top,
#logo_left,
#logo_right,
#logo_bottom {
animation: top 4s linear infinite;
}
#logo_right {
animation-delay: .3s;
}
#logo_bottom {
animation-delay: .5s;
}
#logo_left {
animation-delay: .8s;
}
@keyframes top {
0% {
fill: #aba17d;
}
25% {
fill: #003197;
}
50% {
fill: #0056ff;
}
75% {
fill: #003197;
}
100% {
fill: #aba17d;
}
}
.link {
margin: 30px 0 0 0;
display: flex;
@ -1622,6 +1717,26 @@ li {
height: 100%;
}
.slick-slide.slick-current .slider_item-img {
animation: slider_img 10s linear;
}
@keyframes slider_img {
0% {
transform: scale(2);
opacity: 0;
}
15% {
opacity: 1;
}
100% {
transform: scale(1);
}
}
.slider_item-img img {
width: 100%;
height: 100%;
@ -5164,6 +5279,31 @@ input::-webkit-calendar-picker-indicator {
padding: 0 50px;
}
.pass_mail,
.pass_change {
padding: 40px;
width: calc(100% - 50px);
max-width: 650px;
}
.pass_title {
font-size: 30px;
}
.pass_input input {
padding: 12px 20px;
font-size: 16px;
}
.pass_btn {
padding: 12px 0;
font-size: 16px;
}
.pass_input {
margin-bottom: 20px;
}
.acc_lang {
right: 50px;
top: 30px;
@ -6792,6 +6932,33 @@ input::-webkit-calendar-picker-indicator {
--text-20: 14px;
}
.pass_mail,
.pass_change {
padding: 30px;
}
.pass_title {
font-size: 24px;
}
.pass_input input {
padding: 12px 15px;
font-size: 14px;
}
.pass_input input::placeholder {
font-size: 14px;
}
.pass_btn {
padding: 12px 0;
font-size: 16px;
}
.pass_input {
margin-bottom: 20px;
}
.contact_title {
font-size: 18px;
}

View File

@ -0,0 +1,6 @@
<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="Path_2130" 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="Path_2131" 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="Path_2132" 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="Path_2133" 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>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -1,6 +1,6 @@
<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(0.414 -4.586)">
<path id="Контур_121" 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 id="Контур_122" data-name="Контур 122" d="M17,6h6v6" fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
<g id="trending-up" transform="translate(0.414 -4.586)">
<path id="Контур_121" 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 id="Контур_122" data-name="Контур 122" d="M17,6h6v6" fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 523 B

View File

@ -1,6 +1,6 @@
<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 id="Контур_121" 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 id="Контур_122" data-name="Контур 122" d="M17,12h6V6" transform="translate(-1)" fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
<g id="trending-up" transform="translate(1.414 1.414)">
<path id="Контур_121" 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 id="Контур_122" data-name="Контур 122" d="M17,12h6V6" transform="translate(-1)" fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 575 B

After

Width:  |  Height:  |  Size: 571 B

View File

@ -10,41 +10,20 @@
<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>Home</title>
</head>
<body>
<!-- Alert message =============================================== -->
<section class="alert active">
<div class="auto_container">
<div class="alet_wrap">
<div class="alert_row">
<h6 class="alert_text">
Вы не можете создавать и исползовать ресурсы некоторых сервисов. Пополните баланс, чтобы
возобновить работу.
</h6>
<div class="close_alert">
<svg viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M30.248 2.9785L17.5762 15.6479L30.248 28.3174C30.7812 28.8506 30.7812 29.7148 30.248 30.248C29.7148 30.7813 28.8507 30.7812 28.3174 30.248L15.6479 17.5762L2.9785 30.248C2.4453 30.7812 1.58113 30.7812 1.04787 30.248C0.514612 29.7148 0.514671 28.8507 1.04787 28.3174L13.7197 15.6479L1.04787 2.9785C0.514671 2.4453 0.514671 1.58113 1.04787 1.04787C1.58107 0.514612 2.44524 0.514671 2.9785 1.04787L15.6479 13.7197L28.3174 1.04787C28.8506 0.514671 29.7148 0.514671 30.248 1.04787C30.7813 1.58107 30.7812 2.44524 30.248 2.9785V2.9785Z"
fill="#003197" />
</svg>
</div>
</div>
</div>
</div>
</section>
<!-- Alert message end =========================================== -->
<!-- Register ======================================================== -->
<section class="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">
<div class="user_btn active" id="btn-1">
<img src="images/svg/log-in-blue.svg" alt="">
<span>Войти</span>
</div>
@ -1578,7 +1557,7 @@
</form>
</div>
<div class="register_content_2">
<div class="register_content_2 active">
<form action="#" class="register_form">
<div class="form_title">
Войти
@ -3083,11 +3062,11 @@
</div>
</div>
</div>
</section>
</section> -->
<!-- Register end ==================================================== -->
<!-- Password ==================================================== -->
<section class="password active">
<section class="password ">
<div class="auto_container">
<div class="pass_wrap">
<div class="pass_mail active">
@ -3150,9 +3129,19 @@
<img src="images/svg/up.svg" alt="">
</a>
<div class="info_block">
<div class="header_contact">
<div class="header_contact wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s">
<div class="header_icon">
<img src="images/svg/trend_up.svg" alt="">
<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
@ -3161,9 +3150,19 @@
3.5000
</div>
</div>
<div class="header_contact">
<div class="header_contact wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="header_icon">
<img src="images/svg/trending-down.svg" alt="">
<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
@ -3172,9 +3171,19 @@
4.3430
</div>
</div>
<div class="header_contact">
<div class="header_contact wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">
<div class="header_icon">
<img src="images/svg/trend_up.svg" alt="">
<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
@ -3195,7 +3204,21 @@
<div class="header_wrap">
<a href="index.html" class="header_logo">
<div class="header_img">
<img src="images/big_logo.png" alt="logo">
<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>
@ -3350,7 +3373,12 @@
возможность реализации товаров не в электронной коммерции.
</div>
</div>
<div class="slider_item-img">
<img src="../shablon/images/slide.png" alt="">
</div>
</div>
<div class="slider_item">
<div class="slider_content">
<div class="slider_title">
@ -3364,7 +3392,12 @@
возможность реализации товаров коммерции.
</div>
</div>
<div class="slider_item-img">
<img src="../shablon/images/slide.png" alt="">
</div>
</div>
<div class="slider_item">
<div class="slider_content">
<div class="slider_title">
@ -3377,7 +3410,12 @@
возможность реализации коммерции.
</div>
</div>
<div class="slider_item-img">
<img src="../shablon/images/slide.png" alt="">
</div>
</div>
<div class="slider_item">
<div class="slider_content">
<div class="slider_title">
@ -3390,6 +3428,10 @@
возможность коммерции.
</div>
</div>
<div class="slider_item-img">
<img src="../shablon/images/slide.png" alt="">
</div>
</div>
</div>
<div class="advert">
@ -3409,7 +3451,7 @@
</div>
<div class="categories">
<a href="#" class="cat_item">
<a href="#" class="cat_item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".1s">
<div class="cat_photo">
<img src="images/cat-1.png" alt="">
</div>
@ -3417,7 +3459,7 @@
Нефтехимия
</div>
</a>
<a href="#" class="cat_item">
<a href="#" class="cat_item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".2s">
<div class="cat_photo">
<img src="images/cat-2.png" alt="">
</div>
@ -3425,7 +3467,7 @@
Машиностроение
</div>
</a>
<a href="#" class="cat_item">
<a href="#" class="cat_item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".3s">
<div class="cat_photo">
<img src="images/cat-3.png" alt="">
</div>
@ -3433,7 +3475,7 @@
Легкая промышленность
</div>
</a>
<a href="#" class="cat_item">
<a href="#" class="cat_item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".4s">
<div class="cat_photo">
<img src="images/cat-4.png" alt="">
</div>
@ -3441,7 +3483,7 @@
Стройматериалы
</div>
</a>
<a href="#" class="cat_item">
<a href="#" class="cat_item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".5s">
<div class="cat_photo">
<img src="images/cat-2.png" alt="">
</div>
@ -3449,7 +3491,7 @@
Машиностроение
</div>
</a>
<a href="#" class="cat_item">
<a href="#" class="cat_item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".6s">
<div class="cat_photo">
<img src="images/cat-3.png" alt="">
</div>
@ -3457,7 +3499,7 @@
Легкая промышленность
</div>
</a>
<a href="#" class="cat_item">
<a href="#" class="cat_item wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".7s">
<div class="cat_photo">
<img src="images/cat-4.png" alt="">
</div>
@ -3518,7 +3560,7 @@
</div>
</div>
<div class="product_box">
<div class="product_item">
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="item_head">
<div class="item_lot">
Лот №:
@ -3569,7 +3611,7 @@
Подробнее
</a>
</div>
<div class="product_item">
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".2s">
<div class="item_head">
<div class="item_lot">
Лот №:
@ -3620,7 +3662,7 @@
Подробнее
</a>
</div>
<div class="product_item">
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="item_head">
<div class="item_lot">
Лот №:
@ -3671,7 +3713,7 @@
Подробнее
</a>
</div>
<div class="product_item">
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".4s">
<div class="item_head">
<div class="item_lot">
Лот №:
@ -3722,7 +3764,7 @@
Подробнее
</a>
</div>
<div class="product_item">
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="item_head">
<div class="item_lot">
Лот №:
@ -3773,7 +3815,7 @@
Подробнее
</a>
</div>
<div class="product_item">
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".2s">
<div class="item_head">
<div class="item_lot">
Лот №:
@ -3824,7 +3866,7 @@
Подробнее
</a>
</div>
<div class="product_item">
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="item_head">
<div class="item_lot">
Лот №:
@ -3875,7 +3917,7 @@
Подробнее
</a>
</div>
<div class="product_item">
<div class="product_item wow bounceInUp" data-wow-duration="1s" data-wow-delay=".4s">
<div class="item_head">
<div class="item_lot">
Лот №:
@ -4016,6 +4058,7 @@
<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>
@ -4038,7 +4081,11 @@
})
</script>
<script>
new WOW().init();
</script>
<!-- <script src="js/extra.js"></script> -->
</body>
</html>
</html>

3
shablon/js/wow.min.js vendored Normal file

File diff suppressed because one or more lines are too long

67
shablon/passwordPage.html Normal file
View File

@ -0,0 +1,67 @@
<!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/main.css">
<title>Home</title>
</head>
<body>
<!-- Password ==================================================== -->
<section class="password active">
<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 ==================================================== -->
<script src="js/jquery.js"></script>
<script src="js/slick.js"></script>
<script src="js/slider.js"></script>
<script src="js/custom-select.js"></script>
<script src="js/main.js"></script>
</body>
</html>