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

Compare commits

base: nimtaurel:26c518f6f32d3a9f778165d32ce51b345f04cc98
Branches Tags
nimtaurel:master
nimtaurel:fix
...
compare: nimtaurel:9a693d9231dc38bfb49054448b602039b82f8185
Branches Tags
nimtaurel:master
nimtaurel:fix

2 Commits
26c518f6f3 ... 9a693d9231

Author SHA1 Message Date
nimtaurel 9a693d9231 fix 2023-12-28 14:31:10 +06:00
nimtaurel b1966a6bd9 fix 2023-12-28 14:02:44 +06:00
5 changed files with 112 additions and 8 deletions
Show Stats Expand all files Collapse all files

15
.idea/git_toolbox_prj.xml Normal file
View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="GitToolBoxProjectSettings">
<option name="commitMessageIssueKeyValidationOverride">
<BoolValueOverride>
<option name="enabled" value="true" />
</BoolValueOverride>
</option>
<option name="commitMessageValidationEnabledOverride">
<BoolValueOverride>
<option name="enabled" value="true" />
</BoolValueOverride>
</option>
</component>
</project>

6
index.html
View File

@ -1,7 +1,7 @@
<!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 href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
@ -38,8 +38,8 @@
<div class="PF-container col-md-6 col-sm-12"> <div class="PF-container col-md-6 col-sm-12">
<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-end">

45
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 {
@ -31,7 +32,7 @@ header {
} }
.logo-container p { .logo-container p {
font-weight: 300; font-weight: 300;
font-size: 20px; font-size: 1.3rem;
margin-bottom: 0; margin-bottom: 0;
} }
.logo-container p b { .logo-container p b {
@ -44,7 +45,7 @@ header {
} }
.logo-container .sm-text { .logo-container .sm-text {
font-size: 11px; font-size: 11px;
letter-spacing: 1.4px; letter-spacing: 1.7px;
} }
.main-text-wrapper { .main-text-wrapper {
@ -164,4 +165,44 @@ header {
background-color: #001529; background-color: #001529;
} }
@media (max-width: 768px) {
.PBP-container, .PF-container {
height: 50vh;
}
.PBP-container header, .PF-container header {
height: 50px;
}
.PBP-container header p, .PF-container header p {
font-size: 0.8rem;
letter-spacing: 1.2px;
}
.PBP-container header .sm-text, .PF-container header .sm-text {
font-size: 0.6rem;
letter-spacing: 0;
}
.PBP-container main, .PF-container main {
height: calc(50vh - 50px);
min-height: fit-content;
}
.PBP-container main .container, .PF-container main .container {
height: 100%;
bottom: 0;
}
.PBP-container main .container .main-text-wrapper, .PF-container main .container .main-text-wrapper {
margin-bottom: 10px;
}
.PBP-container main .container .main-text-wrapper h1, .PF-container main .container .main-text-wrapper h1 {
font-size: 1.5rem;
}
.PBP-container main .container .main-text-wrapper .line, .PF-container main .container .main-text-wrapper .line {
width: 120px;
}
.PBP-container main .container h5, .PF-container main .container h5 {
font-size: 1rem;
}
.PBP-container main .container p, .PF-container main .container p {
font-size: 0.8rem;
}
}
/*# 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;;;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;;;AAKN;EACE;IACE;;EAEA;IACE;;EAEA;IACE;IACA;;EAEF;IACE;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;;EAGJ;IACE;;EAEF;IACE","file":"styles.css"}

52
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 {
@ -31,7 +32,7 @@ header {
p { p {
font-weight: 300; font-weight: 300;
font-size: 20px; font-size: 1.3rem;
margin-bottom: 0; margin-bottom: 0;
b { b {
@ -47,7 +48,7 @@ header {
.sm-text { .sm-text {
font-size: 11px; font-size: 11px;
letter-spacing: 1.4px; letter-spacing: 1.7px;
} }
} }
@ -194,3 +195,50 @@ header {
} }
} }
@media (max-width: 768px) {
.PBP-container, .PF-container {
height: 50vh;
header {
height: 50px;
p {
font-size: 0.8rem;
letter-spacing: 1.2px;
}
.sm-text {
font-size: 0.6rem;
letter-spacing: 0;
}
}
main {
height: calc(50vh - 50px);
min-height: fit-content;
.container {
height: 100%;
bottom: 0;
.main-text-wrapper {
margin-bottom: 10px;
h1 {
font-size: 1.5rem;
}
.line {
width: 120px;
}
}
h5 {
font-size: 1rem;
}
p {
font-size: 0.8rem
}
}
}
}
}