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

Compare commits

merge into: nimtaurel:fix
Branches Tags
nimtaurel:master
nimtaurel:fix
...
pull from: nimtaurel:master
Branches Tags
nimtaurel:master
nimtaurel:fix

8 Commits
fix ... master

Author SHA1 Message Date
Aidyn d69398e4f2 Обновить index.html 2024-04-25 09:45:05 +00:00
Aidyn f6650f74d5 Merge pull request 'hotfix' (#3) from nim_instruct into master 
Reviewed-on: #3
 2024-04-25 09:39:44 +00:00
nimtaurel f6738ff7fa hotfix 2024-04-25 14:07:55 +05:00
nimtaurel 3781e71528 Обновить index.html 2024-04-24 07:21:44 +00:00
nimtaurel ef5f80db1a Обновить index.html 2024-04-19 11:54:41 +00:00
nimtaurel 9a693d9231 fix 2023-12-28 14:31:10 +06:00
nimtaurel b1966a6bd9 fix 2023-12-28 14:02:44 +06:00
nimtaurel 26c518f6f3 Merge pull request 'fix' (#2) from fix into master 
Reviewed-on: https://git.rs.a7.kz/nimtaurel/landing/pulls/2
 2023-12-28 04:24:42 +00:00
6 changed files with 189 additions and 23 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>

BIN
docs/ПланФакт_Инструкции_Пользователя.zip Normal file
View File

Binary file not shown.

45
index.html
View File

@ -1,10 +1,10 @@
<!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="styles.css">
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css?1" rel="stylesheet">
<link rel="stylesheet" href="styles.css?1">
</head>
<body>
<div class="row">
@ -25,12 +25,13 @@
</h1>
<div class="line"></div>
</div>
<a href="https://planner.kz/" class="btn btn-pb">Перейти</a>
<a href="https://pbp.esep.kz/" class="btn btn-pb">Перейти</a>
<div class="contact-us-wrapper d-flex flex-column justify-content-center align-items-center">
<h5>СВЯЗАТЬСЯ С НАМИ</h5>
<div class="line"></div>
<p>e-mail</p>
<p>sup.bplan@gmail.com</p>
<p>8 7172 97-26-36</p>
<p>8 800 004-07-10 (звонок бесплатный)</p>
<p>infobp@esep.kz</p>
</div>
</div>
</main>
@ -38,29 +39,49 @@
<div class="PF-container col-md-6 col-sm-12">
<header class="PF-header p-2">
<div class="logo-container">
<p><b>ESEP </b>ПЛАН<span>ФАКТ</span></p>
<p class="sm-text">ОБЛАЧНАЯ БУХГАЛТЕРИЯ</p>
<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">
<img src="img/pf_bg.jpg" alt="">
<div class="container px-2">
<div class="main-text-wrapper">
<div class="main-text-wrapper" id = 'pf-title'>
<h1>
ОБЛАЧНАЯ БУХГАЛТЕРИЯ
</h1>
<div class="line"></div>
</div>
<a href="https://planfact.kz/ru/" class="btn btn-pf">Перейти</a>
<div class="buttons-group d-flex flex-column column-gap-1 row-gap-1 justify-content-center align-items-center"><a href="https://planfact.kz/ru/" class="btn btn-pf mx-2">Перейти</a>
<div class="d-flex instructions-group">
<a href="https://www.youtube.com/@ESEP.PLANFACT/videos" target="_blank" class="btn btn-pf">Видеоинструкция</a>
<button onclick="downloadDoc()" class="btn btn-pf">Скачать инструкцию</button>
</div>
</div>
<div class="contact-us-wrapper d-flex flex-column justify-content-center align-items-center">
<h5>СВЯЗАТЬСЯ С НАМИ</h5>
<div class="line"></div>
<p>+7 7172 97-20-76</p>
<p>8 800 004-04-33</p>
<p>8 7172 97-20-76</p>
<p>8 800 004-04-33 (звонок бесплатный)</p>
<p>support@esep.kz</p>
</div>
</div>
</main>
</div>
</div>
<script>
function downloadDoc() {
const link = document.createElement('a');
link.href = 'docs/ПланФакт_Инструкции_Пользователя.zip'; // Укажите путь к файлу DOC
link.download = 'ПланФакт_Инструкции_Пользователя.zip'; // Укажите имя файла для скачивания
document.body.appendChild(link);
link.click(); // Программное нажатие на ссылку для скачивания
document.body.removeChild(link); // Удаление ссылки после скачивания
}
</script>
</body>
</html>

72
styles.css
View File

@ -1,6 +1,7 @@
html,
body {
font-family: "Roboto", sans-serif;
font-size: 1rem;
}
.row, p {
@ -31,7 +32,7 @@ header {
}
.logo-container p {
font-weight: 300;
font-size: 20px;
font-size: 1.3rem;
margin-bottom: 0;
}
.logo-container p b {
@ -44,7 +45,7 @@ header {
}
.logo-container .sm-text {
font-size: 11px;
letter-spacing: 1.4px;
letter-spacing: 1.7px;
}
.main-text-wrapper {
@ -53,7 +54,7 @@ header {
flex-direction: column;
justify-content: end;
align-items: center;
margin-bottom: 20%;
margin-bottom: 25%;
height: 100px;
}
.main-text-wrapper h1 {
@ -116,7 +117,7 @@ header {
color: white;
font-size: 16px;
font-weight: 500;
margin-bottom: 15%;
margin-bottom: 0;
transition: all 0.3s;
}
.PBP-container main .btn:active, .PF-container main .btn:active {
@ -127,12 +128,14 @@ header {
}
.PBP-container main .btn-pb, .PF-container main .btn-pb {
background-color: #1871b2;
margin-bottom: 10%;
}
.PBP-container main .btn-pb:hover, .PF-container main .btn-pb:hover {
background-color: #093460;
}
.PBP-container main .btn-pf, .PF-container main .btn-pf {
background-color: #146960;
width: fit-content;
}
.PBP-container main .btn-pf:hover, .PF-container main .btn-pf:hover {
background-color: #0e4f47;
@ -141,13 +144,15 @@ header {
font-weight: 600;
margin-bottom: 0;
text-shadow: 5px 3px 4px rgba(0, 0, 0, 0.17);
font-size: 1rem;
}
.PBP-container main .contact-us-wrapper .line, .PF-container main .contact-us-wrapper .line {
width: 100px;
height: 1px;
}
.PBP-container main .contact-us-wrapper p, .PF-container main .contact-us-wrapper p {
font-weight: bolder;
font-weight: 400;
font-size: 0.8rem;
}
.PF-container .main-text-wrapper p, .PF-container .main-text-wrapper h1, .PF-container .main-text-wrapper h5, .PF-container .contact-us-wrapper p, .PF-container .contact-us-wrapper h1, .PF-container .contact-us-wrapper h5 {
@ -164,4 +169,61 @@ header {
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 #pf-title, .PF-container main .container #pf-title {
margin-bottom: 10px;
}
.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;
}
}
.buttons-group {
margin-bottom: 10%;
}
.buttons-group .instructions-group {
gap: 0.4rem;
}
.buttons-group .instructions-group .btn {
background: linear-gradient(32deg, #D05353 24%, #E58F65 100%);
font-size: 12px;
}
#pf-title {
margin-bottom: calc(25% - 35px);
}
/*# 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;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;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;;EACA;IACE;;EAEF;IACE;;EACA;IACE;;EAGF;IACE;;EAGJ;IACE;;EAEF;IACE;;;AAOV;EACE;;AACA;EACE;;AACA;EACE;EACA;;;AAKN;EACE","file":"styles.css"}

78
styles.scss
View File

@ -1,6 +1,7 @@
html,
body {
font-family: 'Roboto', sans-serif;
font-size: 1rem;
}
.row, p {
@ -31,7 +32,7 @@ header {
p {
font-weight: 300;
font-size: 20px;
font-size: 1.3rem;
margin-bottom: 0;
b {
@ -47,7 +48,7 @@ header {
.sm-text {
font-size: 11px;
letter-spacing: 1.4px;
letter-spacing: 1.7px;
}
}
@ -57,7 +58,7 @@ header {
flex-direction: column;
justify-content: end;
align-items: center;
margin-bottom: 20%;
margin-bottom: 25%;
height: 100px;
h1 {
@ -126,7 +127,7 @@ header {
color: white;
font-size: 16px;
font-weight: 500;
margin-bottom: 15%;
margin-bottom: 0;
transition: all 0.3s;
&:active {
@ -139,6 +140,7 @@ header {
.btn-pb {
background-color: #1871b2;
margin-bottom: 10%;
&:hover {
background-color: #093460;
@ -147,6 +149,7 @@ header {
.btn-pf {
background-color: #146960;
width: fit-content;
&:hover {
background-color: #0e4f47;
@ -158,6 +161,7 @@ header {
font-weight: 600;
margin-bottom: 0;
text-shadow: 5px 3px 4px rgba(0, 0, 0, 0.17);
font-size: 1rem;
}
.line {
@ -166,7 +170,8 @@ header {
}
p {
font-weight: bolder;
font-weight: 400;
font-size: 0.8rem;
}
}
}
@ -194,3 +199,66 @@ 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;
#pf-title {
margin-bottom: 10px;
}
.main-text-wrapper {
margin-bottom: 10px;
h1 {
font-size: 1.5rem;
}
.line {
width: 120px;
}
}
h5 {
font-size: 1rem;
}
p {
font-size: 0.8rem
}
}
}
}
}
.buttons-group {
margin-bottom: 10%;
.instructions-group {
gap: 0.4rem;
.btn {
background: linear-gradient(32deg, #D05353 24%, #E58F65 100%);
font-size: 12px;
}
}
}
#pf-title {
margin-bottom: calc(25% - 35px);
}