diff --git a/.idea/git_toolbox_prj.xml b/.idea/git_toolbox_prj.xml new file mode 100644 index 0000000..02b915b --- /dev/null +++ b/.idea/git_toolbox_prj.xml @@ -0,0 +1,15 @@ + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index cf77804..eed5940 100644 --- a/index.html +++ b/index.html @@ -3,64 +3,64 @@ ESEP - + -
-
-
-
-

ESEP ПБП

-

БЮДЖЕТНОЕ ПЛАНИРОВАНИЕ

+
+
+
+
+

ESEP ПБП

+

БЮДЖЕТНОЕ ПЛАНИРОВАНИЕ

+
+
+
+ +
+
+

+ ПОРТАЛ
+ БЮДЖЕТНОГО ПЛАНИРОВАНИЯ +

+
-
-
- -
-
-

- ПОРТАЛ
- БЮДЖЕТНОГО ПЛАНИРОВАНИЯ -

-
-
- Перейти -
-
СВЯЗАТЬСЯ С НАМИ
-
-

e-mail

-

sup.bplan@gmail.com

-
+ Перейти +
+
СВЯЗАТЬСЯ С НАМИ
+
+

e-mail

+

sup.bplan@gmail.com

-
-
-
-
-
-

ESEP ПЛАНФАКТ

-

ОБЛАЧНАЯ БУХГАЛТЕРИЯ

-
-
-
- -
-
-

- ОБЛАЧНАЯ БУХГАЛТЕРИЯ -

-
-
- Перейти -
-
СВЯЗАТЬСЯ С НАМИ
-
-

+7 7172 97-20-76

-

8 800 004-04-33

-
-
-
-
+
+ +
+
+
+

ESEP ПЛАНФАКТ

+

ОБЛАЧНАЯ БУХГАЛТЕРИЯ

+
+
+
+ +
+
+

+ ОБЛАЧНАЯ БУХГАЛТЕРИЯ +

+
+
+ Перейти +
+
СВЯЗАТЬСЯ С НАМИ
+
+

+7 7172 97-20-76

+

8 800 004-04-33

+
+
+
+
+ \ No newline at end of file diff --git a/styles.css b/styles.css index b9fb7ac..dd90fee 100644 --- a/styles.css +++ b/styles.css @@ -12,12 +12,11 @@ header { height: 70px; } -.main-container { - max-height: 100%; +.container { + max-height: 50vh; display: flex; - justify-content: center; + justify-content: end; flex-direction: column; - flex-grow: 1; align-items: center; position: absolute; bottom: 5%; @@ -33,7 +32,7 @@ header { } .logo-container p { font-weight: 300; - font-size: 20px; + font-size: 1.3rem; margin-bottom: 0; } .logo-container p b { @@ -46,7 +45,7 @@ header { } .logo-container .sm-text { font-size: 11px; - letter-spacing: 1.4px; + letter-spacing: 1.7px; } .main-text-wrapper { @@ -166,14 +165,43 @@ header { background-color: #001529; } -@media screen and (max-width: 768px) { - .main-container { - bottom: 25%; +@media (max-width: 768px) { + .PBP-container, .PF-container { + height: 50vh; } -} -@media screen and (max-width: 992px) { - .main-container { - bottom: 25%; + .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; } } diff --git a/styles.css.map b/styles.css.map index 3e2a7cc..8e07f47 100644 --- a/styles.css.map +++ b/styles.css.map @@ -1 +1 @@ -{"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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/styles.scss b/styles.scss index 0ad00fb..995e92a 100644 --- a/styles.scss +++ b/styles.scss @@ -12,12 +12,11 @@ header { height: 70px; } -.main-container { - max-height: 100%; +.container { + max-height: 50vh; display: flex; - justify-content: center; + justify-content: end; flex-direction: column; - flex-grow: 1; align-items: center; position: absolute; bottom: 5%; @@ -33,7 +32,7 @@ header { p { font-weight: 300; - font-size: 20px; + font-size: 1.3rem; margin-bottom: 0; b { @@ -49,7 +48,7 @@ header { .sm-text { font-size: 11px; - letter-spacing: 1.4px; + letter-spacing: 1.7px; } } @@ -195,13 +194,51 @@ header { } } } -@media screen and (max-width: 768px) { - .main-container { - bottom: 25%; - } -} -@media screen and (max-width: 992px) { - .main-container { - bottom: 25%; + +@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 + } + } + } } } +