nimtaurel
/
landing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

pull/3/head
nimtaurel 2023-12-28 14:02:44 +06:00
parent 26c518f6f3
commit b1966a6bd9
4 changed files with 86 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@ -1,14 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
<title>ESEP</title> <title>ESEP</title>
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body> <body>
<div class="row"> <div class="row">
<div class="PBP-container col-md-6 col-sm-12"> <div class="PBP-container col-12 col-sm-12 col-md-6">
<header class="PBP-header p-2"> <header class="PBP-header p-2">
<div class="logo-container"> <div class="logo-container">
<p><b>ESEP </b>ПБП</p> <p><b>ESEP </b>ПБП</p>
@ -17,7 +17,7 @@
</header> </header>
<main class="d-flex justify-content-center align-items-center"> <main class="d-flex justify-content-center align-items-center">
<img src="img/pb_bg.jpg" alt=""> <img src="img/pb_bg.jpg" alt="">
<div class="container px-2"> <div class="main-container px-2">
<div class="main-text-wrapper"> <div class="main-text-wrapper">
<h1> <h1>
ПОРТАЛ<br> ПОРТАЛ<br>
@ -35,16 +35,16 @@
</div> </div>
</main> </main>
</div> </div>
<div class="PF-container col-md-6 col-sm-12"> <div class="PF-container col-12 col-sm-12 col-md-6">
<header class="PF-header p-2"> <header class="PF-header p-2">
<div class="logo-container"> <div class="logo-container">
<p><b>ESEP </b>ПЛАН<span>ФАКТ</span></p> <p><b>ESEP </b>ПЛАН<span>ФАКТ</span></p>
<p class="sm-text">ОБЛАЧНАЯ БУХГАЛТЕРИЯ</p> <p class="sm-text">ОБЛАЧНАЯ БУХГАЛТЕРИЯ</p>
</div> </div>
</header> </header>
<main class="main-pf d-flex justify-content-center align-items-end"> <main class="main-pf d-flex justify-content-center align-items-center">
<img src="img/pf_bg.jpg" alt=""> <img src="img/pf_bg.jpg" alt="">
<div class="container px-2"> <div class="main-container px-2">
<div class="main-text-wrapper"> <div class="main-text-wrapper">
<h1> <h1>
ОБЛАЧНАЯ БУХГАЛТЕРИЯ ОБЛАЧНАЯ БУХГАЛТЕРИЯ

19
styles.css
View File

@ -1,6 +1,7 @@
html, html,
body { body {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
font-size: 1rem;
} }
.row, p { .row, p {
@ -11,11 +12,12 @@ header {
height: 70px; height: 70px;
} }
.container { .main-container {
max-height: 50vh; max-height: 100%;
display: flex; display: flex;
justify-content: end; justify-content: center;
flex-direction: column; flex-direction: column;
flex-grow: 1;
align-items: center; align-items: center;
position: absolute; position: absolute;
bottom: 5%; bottom: 5%;
@ -164,4 +166,15 @@ header {
background-color: #001529; background-color: #001529;
} }
@media screen and (max-width: 768px) {
.main-container {
bottom: 25%;
}
}
@media screen and (max-width: 992px) {
.main-container {
bottom: 25%;
}
}
/*# sourceMappingURL=styles.css.map */ /*# sourceMappingURL=styles.css.map */

2
styles.css.map
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAKJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAQJ;EACE;;AAEF;EACE;;;AAOF;EACE;;AAEF;EACE","file":"styles.css"} {"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAKJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAQJ;EACE;;AAEF;EACE;;;AAOF;EACE;;AAEF;EACE;;;AAIN;EACE;IACE;;;AAGJ;EACE;IACE","file":"styles.css"}

19
styles.scss
View File

@ -1,6 +1,7 @@
html, html,
body { body {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
font-size: 1rem;
} }
.row, p { .row, p {
@ -11,11 +12,12 @@ header {
height: 70px; height: 70px;
} }
.container { .main-container {
max-height: 50vh; max-height: 100%;
display: flex; display: flex;
justify-content: end; justify-content: center;
flex-direction: column; flex-direction: column;
flex-grow: 1;
align-items: center; align-items: center;
position: absolute; position: absolute;
bottom: 5%; bottom: 5%;
@ -193,4 +195,13 @@ header {
} }
} }
} }
@media screen and (max-width: 768px) {
.main-container {
bottom: 25%;
}
}
@media screen and (max-width: 992px) {
.main-container {
bottom: 25%;
}
}