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>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
<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">
</head>
<body>
<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">
<div class="logo-container">
<p><b>ESEP </b>ПБП</p>
@ -17,7 +17,7 @@
</header>
<main class="d-flex justify-content-center align-items-center">
<img src="img/pb_bg.jpg" alt="">
<div class="container px-2">
<div class="main-container px-2">
<div class="main-text-wrapper">
<h1>
ПОРТАЛ<br>
@ -35,16 +35,16 @@
</div>
</main>
</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">
<div class="logo-container">
<p><b>ESEP </b>ПЛАН<span>ФАКТ</span></p>
<p class="sm-text">ОБЛАЧНАЯ БУХГАЛТЕРИЯ</p>
</div>
</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="">
<div class="container px-2">
<div class="main-container px-2">
<div class="main-text-wrapper">
<h1>
ОБЛАЧНАЯ БУХГАЛТЕРИЯ

19
styles.css
View File

@ -1,6 +1,7 @@
html,
body {
font-family: "Roboto", sans-serif;
font-size: 1rem;
}
.row, p {
@ -11,11 +12,12 @@ header {
height: 70px;
}
.container {
max-height: 50vh;
.main-container {
max-height: 100%;
display: flex;
justify-content: end;
justify-content: center;
flex-direction: column;
flex-grow: 1;
align-items: center;
position: absolute;
bottom: 5%;
@ -164,4 +166,15 @@ header {
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 */

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,
body {
font-family: 'Roboto', sans-serif;
font-size: 1rem;
}
.row, p {
@ -11,11 +12,12 @@ header {
height: 70px;
}
.container {
max-height: 50vh;
.main-container {
max-height: 100%;
display: flex;
justify-content: end;
justify-content: center;
flex-direction: column;
flex-grow: 1;
align-items: center;
position: absolute;
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%;
}
}