TPS/birzha
TPS
/
birzha
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

new error page

This commit is contained in:
Meylis Gazakow 2022-03-04 15:26:40 +03:00
parent f124e7780e
commit e723d4c020
2 changed files with 140 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
shablon/404.html Normal file
View File

@ -0,0 +1,65 @@
<!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>404 page</title>
</head>
<body>
<div class="acc_lang">
<div class="auto_container">
<div class="inner">
<a href="#" class="acc_lang-item">
EN
</a>
<a href="#" class="acc_lang-item">
RU
</a>
<a href="#" class="acc_lang-item">
TM
</a>
</div>
</div>
</div>
<!-- Register ======================================================== -->
<section class="register">
<div class="auto_container">
<div class="register_wrap">
<div class="register_body">
<div class="register_banner error_body">
<div class="register_logo">
<img src="images/register_logo.png" alt="">
</div>
<div class="register_title">
404
</div>
<div class="register_text">
Государственная
товарно-сырьевая
биржа Туркменистана
</div>
<div class="register_foot">
<a href="#" class="error_link">
Главная страница
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Register end ==================================================== -->
</body>
</html>

77
shablon/css/main.css
View File

@ -209,7 +209,7 @@ li {
left: 50%;
transform: translate(-50%, -50%); */
display: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
@ -242,7 +242,7 @@ li {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 49, 151, .3);
background: rgba(0, 49, 151, .2);
width: 100%;
height: 100%;
z-index: -1;
@ -529,6 +529,29 @@ li {
line-height: 1.4;
}
.error_body {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.error_link {
color: var(--blue);
background: #fff;
padding: 10px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
border-radius: 5px;
}
/* Profile ======================= */
.profile_info-group {
display: flex;
align-items: center;
@ -4937,6 +4960,10 @@ input::-webkit-calendar-picker-indicator {
width: 100%;
}
.error_body {
height: 100%;
}
.user_btn {
padding: 25px 30px;
}
@ -5102,6 +5129,10 @@ input::-webkit-calendar-picker-indicator {
display: none;
}
.error_body {
display: flex;
}
.user_btn {
border-right: 1px solid var(--rgba-black);
}
@ -5864,6 +5895,24 @@ input::-webkit-calendar-picker-indicator {
@media(max-width: 800px) {
.error_body {
padding: 50px 35px;
}
.register_logo {
width: 100px;
height: 100px;
}
.register_title {
font-size: 44px;
}
.register_text {
font-size: 22px;
margin-bottom: 50px;
}
.form_title {
font-size: 28px;
}
@ -6907,6 +6956,30 @@ input::-webkit-calendar-picker-indicator {
}
@media(max-width: 420px) {
.acc_lang {
top: 40px;
}
.register_logo {
width: 85px;
height: 85px;
}
.register_title {
font-size: 36px;
margin: 20px 0 10px;
}
.register_text {
font-size: 16px;
margin-bottom: 25px;
}
.error_link {
font-size: 14px;
padding: 8px 15px;
}
.intro {
padding-top: 30px;
}