Admin Pannel
All checks were successful
Create and publish a Docker image / build-and-push-image (push) Successful in 9s
All checks were successful
Create and publish a Docker image / build-and-push-image (push) Successful in 9s
This commit is contained in:
Vsevo;od
parent
598bcb5b83
commit
9d7bce6bc8
95
admin_pannel/banks.cshtml
Normal file
95
admin_pannel/banks.cshtml
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="./css/style.css">
|
||||||
|
<link rel="stylesheet" href="./css/bootstrap-grid.min.css">
|
||||||
|
<link rel="stylesheet" href="./css/bootstrap.min.css">
|
||||||
|
<title>Admin</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="admin_menu_block">
|
||||||
|
<div class="admin_menu">
|
||||||
|
<div class="admin_logo"><img class="admin_img" src="./img/logoPayDay.png" alt="logo"></div>
|
||||||
|
<div class="admin_team_name">PayDay</div>
|
||||||
|
<button class="admin_main">Главная</button>
|
||||||
|
<button class="admin_banks">Банки</button>
|
||||||
|
<button class="admin_university">Институты</button>
|
||||||
|
<button class="admin_exit">Выход</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<senction class="banks">
|
||||||
|
<div class="flex_column">
|
||||||
|
<div class="page">Главная/Банки</div>
|
||||||
|
<form id="navigation_row_block" class="navigation_input_block">
|
||||||
|
<input type="hidden" name="universityId" value="6">
|
||||||
|
<input type="text" name="searchString" class="navigation_input" placeholder="Введите название банка...">
|
||||||
|
<input type="image" src="/img/Vector.svg" alt="search" class="navigation_search">
|
||||||
|
</form>
|
||||||
|
<div class="hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row flex_row">
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">Альфа Банк</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="bank" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший банк (наверное)</span>Берите кредит в нашем банке хороший процент и выгодно</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">Альфа Банк</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="bank" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший банк (наверное)</span>Берите кредит в нашем банке хороший процент и выгодно</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">Альфа Банк</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="bank" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший банк (наверное)</span>Берите кредит в нашем банке хороший процент и выгодно</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">Альфа Банк</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="bank" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший банк (наверное)</span>Берите кредит в нашем банке хороший процент и выгодно</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">Альфа Банк</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="bank" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший банк (наверное)</span>Берите кредит в нашем банке хороший процент и выгодно</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">Альфа Банк</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="bank" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший банк (наверное)</span>Берите кредит в нашем банке хороший процент и выгодно</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">Альфа Банк</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="bank" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший банк (наверное)</span>Берите кредит в нашем банке хороший процент и выгодно</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</senction>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
6
admin_pannel/css/bootstrap-grid.min.css
vendored
Normal file
6
admin_pannel/css/bootstrap-grid.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6
admin_pannel/css/bootstrap.min.css
vendored
Normal file
6
admin_pannel/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
admin_pannel/css/style.css
Normal file
1
admin_pannel/css/style.css
Normal file
@ -0,0 +1 @@
|
|||||||
|
*{font-family:"Roboto",sans-serif}.admin_menu_block{position:fixed;z-index:3;left:0px;min-height:800px;width:220px;background-color:#fff}.admin_menu{z-index:1;height:360px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.admin_img{width:100%}.admin_logo{display:-webkit-box;display:-ms-flexbox;display:flex;width:100px;height:100px}.admin_main{width:100%;height:61px;background-color:#25a991;border:0}.admin_banks{width:100%;height:61px;background-color:#4cb853;border:0}.admin_university{width:100%;height:61px;background-color:#4cb877;border:0}.admin_exit{position:absolute;bottom:45px;width:100%;height:61px;background-color:#4cb877;border:0}.admin_team_name{text-align:center}.hamburger{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:block;position:absolute;right:50px;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;width:50px;background-color:#20d37d;border-radius:9px}.hamburger span{display:block;height:5px;width:32px;background-color:#fff;margin:0 9px 6px 9px}.hamburger span:nth-child(1){margin-top:12px}.hamburger span:nth-child(3){margin-bottom:12px}.hamburger span_active{-webkit-transition:.8 all;transition:.8 all}.hamburger span_active span:nth-child(1){margin-top:12px;-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.hamburger span_active span:nth-child(2){display:none}.hamburger span_active span:nth-child(3){margin-top:12px;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.banks{min-height:850px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:justify;align-content:space-between;padding-left:221px;background-color:#ececec}.banks_description{color:var(--primary-color, #7749F8);font-size:16px;font-style:normal;font-weight:400}.banks span{color:var(--primary-color, #7749F8);font-size:20px;font-style:normal;font-weight:600}.banks .page{display:-webkit-box;display:-ms-flexbox;display:flex;width:300px;text-align:center;height:54px;margin-left:30px;margin-top:30px;width:160px;color:#000;font-size:18px;font-style:normal;font-weight:500}.banks_search_block{margin-left:30px;height:46px;width:35%;margin-top:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.banks_search{width:100%}.banks_card_block{position:relative;border-bottom:1px solid var(--gray-300, #DEE2E6);background:var(--gray-100, #F8F9FA);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:35px 0 25px 30px;width:350px;min-height:300px;border-radius:15px;border:1px solid #7749f8}.banks_title{color:var(--gray-900, #212529);font-size:20px;font-style:normal;font-weight:600}.banks_card{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banks_img{height:50px}.banks_description{padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#navigation_row_block{margin:0 auto;margin-bottom:35px;margin-top:30px;width:90%;padding-left:0px;padding-right:0px;height:60px;z-index:1}.navigation_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;margin-bottom:60px;margin-top:35px}.navigation_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px;font-size:20px;padding-right:20px}.navigation_search{height:35px;width:35px;position:absolute;right:30px}.flex_row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex_column{position:relative}/*# sourceMappingURL=style.css.map */
|
||||||
1
admin_pannel/css/style.css.map
Normal file
1
admin_pannel/css/style.css.map
Normal file
@ -0,0 +1 @@
|
|||||||
|
{"version":3,"sources":["../sass/style.sass","../sass/_general.sass"],"names":[],"mappings":"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","file":"style.css"}
|
||||||
3
admin_pannel/img/Vector.svg
Normal file
3
admin_pannel/img/Vector.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="35" height="36" viewBox="0 0 35 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M34.8925 34.7695C34.8925 35.0977 34.7967 35.3848 34.6052 35.6309C34.4137 35.877 34.149 36 33.8111 36C33.5183 36 33.2648 35.8887 33.0508 35.666L19.7874 21.8848C18.7061 22.8105 17.5233 23.5195 16.2392 24.0117C14.9551 24.5039 13.6035 24.75 12.1842 24.75C11.0916 24.75 10.0384 24.6035 9.02462 24.3105C8.01086 24.0176 7.06468 23.6016 6.18609 23.0625C5.30749 22.5234 4.50775 21.8789 3.78685 21.1289C3.06595 20.3789 2.4408 19.541 1.91139 18.6152C1.38198 17.6895 0.982106 16.7051 0.711769 15.6621C0.441432 14.6191 0.300632 13.5234 0.289368 12.375C0.289368 11.2383 0.430168 10.1426 0.711769 9.08789C0.99337 8.0332 1.39324 7.04883 1.91139 6.13477C2.42953 5.2207 3.04906 4.38867 3.76995 3.63867C4.49085 2.88867 5.29623 2.23828 6.18609 1.6875C7.07595 1.13672 8.02213 0.720703 9.02462 0.439453C10.0271 0.158203 11.0803 0.0117188 12.1842 0C13.2768 0 14.33 0.146484 15.3437 0.439453C16.3575 0.732422 17.3037 1.14844 18.1823 1.6875C19.0609 2.22656 19.8606 2.87109 20.5815 3.62109C21.3024 4.37109 21.9276 5.20898 22.457 6.13477C22.9864 7.06055 23.3863 8.04492 23.6566 9.08789C23.9269 10.1309 24.0677 11.2266 24.079 12.375C24.079 13.8398 23.8425 15.2402 23.3694 16.5762C22.8963 17.9121 22.2148 19.1484 21.3249 20.2852L22.288 21.2871C22.7611 21.7793 23.3356 22.3652 24.0114 23.0449C24.6873 23.7246 25.4194 24.4688 26.2079 25.2773C26.9964 26.0859 27.7961 26.9121 28.6071 27.7559C29.4182 28.5996 30.201 29.4199 30.9557 30.2168C31.7104 31.0137 32.3806 31.7344 32.9663 32.3789C33.5521 33.0234 34.0195 33.5566 34.3687 33.9785C34.7179 34.4004 34.8925 34.6641 34.8925 34.7695ZM12.1842 22.5C13.5246 22.5 14.7862 22.2363 15.9689 21.709C17.1516 21.1816 18.1823 20.4551 19.0609 19.5293C19.9395 18.6035 20.6322 17.5312 21.1391 16.3125C21.646 15.0938 21.905 13.7812 21.9163 12.375C21.9163 10.9805 21.6629 9.66797 21.156 8.4375C20.6491 7.20703 19.9507 6.13477 19.0609 5.2207C18.171 4.30664 17.1404 3.58594 15.9689 3.05859C14.7974 2.53125 13.5359 2.26172 12.1842 2.25C10.8438 2.25 9.58219 2.51367 8.39947 3.04102C7.21675 3.56836 6.18609 4.29492 5.30749 5.2207C4.4289 6.14648 3.73616 7.21875 3.22928 8.4375C2.7224 9.65625 2.46333 10.9688 2.45206 12.375C2.45206 13.7695 2.7055 15.082 3.21238 16.3125C3.71927 17.543 4.41763 18.6152 5.30749 19.5293C6.19735 20.4434 7.22801 21.1641 8.39947 21.6914C9.57093 22.2188 10.8325 22.4883 12.1842 22.5Z" fill="#03D764"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
BIN
admin_pannel/img/logoPayDay.png
Normal file
BIN
admin_pannel/img/logoPayDay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
56
admin_pannel/main.cshtml
Normal file
56
admin_pannel/main.cshtml
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="./css/style.css">
|
||||||
|
<link rel="stylesheet" href="./css/bootstrap-grid.min.css">
|
||||||
|
<link rel="stylesheet" href="./css/bootstrap.min.css">
|
||||||
|
<title>Admin</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="admin_menu_block">
|
||||||
|
<div class="admin_menu">
|
||||||
|
<div class="admin_logo"><img class="admin_img" src="./img/logoPayDay.png" alt="logo"></div>
|
||||||
|
<button class="admin_main">Главная</button>
|
||||||
|
<button class="admin_banks">Банки</button>
|
||||||
|
<button class="admin_university">Институты</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<senction class="banks">
|
||||||
|
<div class="flex_column">
|
||||||
|
<div class="page">Главная/Институты</div>
|
||||||
|
<form id="navigation_row_block" class="navigation_input_block">
|
||||||
|
<input type="hidden" name="universityId" value="6">
|
||||||
|
<input type="text" name="searchString" class="navigation_input" placeholder="Введите название Вуза">
|
||||||
|
<input type="image" src="/img/Vector.svg" alt="search" class="navigation_search">
|
||||||
|
</form>
|
||||||
|
<div class="hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row flex_row">
|
||||||
|
<div class="row row-cols-lg-10 g-5 g-lg-3">
|
||||||
|
|
||||||
|
<div class="col-12 navigation_card navigation_bank_text" id="add">
|
||||||
|
<div class="navigation_bank" id="add_text">
|
||||||
|
<img src="./img/icons/alpha.png" alt="navigation" class="navigation_icon add_img" >
|
||||||
|
Альфа Банк
|
||||||
|
<span> на 4 года </span>
|
||||||
|
</div>
|
||||||
|
<div class="navigation_credit add_procent" >
|
||||||
|
<span class="navigation_credit_prosent" id="add_text">Потребительский кредит от 13% в год</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</senction>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
199
admin_pannel/sass/_general.sass
Normal file
199
admin_pannel/sass/_general.sass
Normal file
@ -0,0 +1,199 @@
|
|||||||
|
.admin
|
||||||
|
&_menu_block
|
||||||
|
position: fixed
|
||||||
|
z-index: 3
|
||||||
|
left: 0px
|
||||||
|
min-height: 800px
|
||||||
|
width: 220px
|
||||||
|
background-color: #fff
|
||||||
|
&_menu
|
||||||
|
z-index: 1
|
||||||
|
height: 360px
|
||||||
|
display: flex
|
||||||
|
justify-content: space-around
|
||||||
|
align-items: center
|
||||||
|
flex-direction: column
|
||||||
|
&_img
|
||||||
|
width: 100%
|
||||||
|
&_logo
|
||||||
|
display: flex
|
||||||
|
width: 100px
|
||||||
|
height: 100px
|
||||||
|
&_main
|
||||||
|
width: 100%
|
||||||
|
height: 61px
|
||||||
|
background-color: #25A991
|
||||||
|
border: 0
|
||||||
|
&_banks
|
||||||
|
width: 100%
|
||||||
|
height: 61px
|
||||||
|
background-color: #4CB853
|
||||||
|
border: 0
|
||||||
|
&_university
|
||||||
|
width: 100%
|
||||||
|
height: 61px
|
||||||
|
background-color: #4CB877
|
||||||
|
border: 0
|
||||||
|
&_exit
|
||||||
|
position: absolute
|
||||||
|
bottom: 45px
|
||||||
|
width: 100%
|
||||||
|
height: 61px
|
||||||
|
background-color: #4CB877
|
||||||
|
border: 0
|
||||||
|
&_team_name
|
||||||
|
text-align: center
|
||||||
|
|
||||||
|
.hamburger
|
||||||
|
-moz-user-select: none
|
||||||
|
-khtml-user-select: none
|
||||||
|
user-select: none
|
||||||
|
display: block
|
||||||
|
position: absolute
|
||||||
|
right: 50px
|
||||||
|
top: 20px
|
||||||
|
transform: translateX(-50%)
|
||||||
|
height: 50px
|
||||||
|
width: 50px
|
||||||
|
background-color: #20D37D
|
||||||
|
border-radius: 9px
|
||||||
|
span
|
||||||
|
display: block
|
||||||
|
height: 5px
|
||||||
|
width: 32px
|
||||||
|
background-color: #fff
|
||||||
|
margin: 0 9px 6px 9px
|
||||||
|
&:nth-child(1)
|
||||||
|
margin-top: 12px
|
||||||
|
&:nth-child(3)
|
||||||
|
margin-bottom: 12px
|
||||||
|
&_active
|
||||||
|
transition: 0.8 all
|
||||||
|
span
|
||||||
|
&:nth-child(1)
|
||||||
|
margin-top: 12px
|
||||||
|
transform: translateY(12px) rotate(-45deg)
|
||||||
|
&:nth-child(2)
|
||||||
|
display: none
|
||||||
|
&:nth-child(3)
|
||||||
|
margin-top: 12px
|
||||||
|
transform: translateY(-5px) rotate(45deg)
|
||||||
|
|
||||||
|
.banks
|
||||||
|
min-height: 850px
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
align-content: space-between
|
||||||
|
padding-left: 221px
|
||||||
|
background-color: #ECECEC
|
||||||
|
&_description
|
||||||
|
color: var(--primary-color, #7749F8)
|
||||||
|
font-size: 16px
|
||||||
|
font-style: normal
|
||||||
|
font-weight: 400
|
||||||
|
span
|
||||||
|
color: var(--primary-color, #7749F8)
|
||||||
|
font-size: 20px
|
||||||
|
font-style: normal
|
||||||
|
font-weight: 600
|
||||||
|
|
||||||
|
.page
|
||||||
|
display: flex
|
||||||
|
width: 300px
|
||||||
|
text-align: center
|
||||||
|
height: 54px
|
||||||
|
margin-left: 30px
|
||||||
|
margin-top: 30px
|
||||||
|
width: 160px
|
||||||
|
color: #000
|
||||||
|
font-size: 18px
|
||||||
|
font-style: normal
|
||||||
|
font-weight: 500
|
||||||
|
&_search_block
|
||||||
|
|
||||||
|
margin-left: 30px
|
||||||
|
height: 46px
|
||||||
|
width: 35%
|
||||||
|
margin-top: 22px
|
||||||
|
display: flex
|
||||||
|
justify-content: space-between
|
||||||
|
&_search
|
||||||
|
width: 100%
|
||||||
|
&_card_block
|
||||||
|
position: relative
|
||||||
|
border-bottom: 1px solid var(--gray-300, #DEE2E6)
|
||||||
|
background: var(--gray-100, #F8F9FA)
|
||||||
|
display: flex
|
||||||
|
justify-content: start
|
||||||
|
flex-direction: column
|
||||||
|
margin: 35px 0 25px 30px
|
||||||
|
width: 350px
|
||||||
|
min-height: 300px
|
||||||
|
border-radius: 15px
|
||||||
|
border: 1px solid #7749F8
|
||||||
|
|
||||||
|
&_title
|
||||||
|
color: var(--gray-900, #212529)
|
||||||
|
font-size: 20px
|
||||||
|
font-style: normal
|
||||||
|
font-weight: 600
|
||||||
|
&_card
|
||||||
|
display: flex
|
||||||
|
justify-content: space-around
|
||||||
|
align-items: center
|
||||||
|
&_img
|
||||||
|
height: 50px
|
||||||
|
&_description
|
||||||
|
padding-left: 20px
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
align-content: center
|
||||||
|
justify-content: space-between
|
||||||
|
#navigation_row_block
|
||||||
|
margin: 0 auto
|
||||||
|
margin-bottom: 35px
|
||||||
|
margin-top: 30px
|
||||||
|
width: 90%
|
||||||
|
padding-left: 0px
|
||||||
|
padding-right: 0px
|
||||||
|
height: 60px
|
||||||
|
z-index: 1
|
||||||
|
|
||||||
|
.navigation_input_block
|
||||||
|
display: -webkit-box
|
||||||
|
display: -ms-flexbox
|
||||||
|
display: flex
|
||||||
|
position: relative
|
||||||
|
-webkit-box-pack: center
|
||||||
|
-ms-flex-pack: center
|
||||||
|
justify-content: center
|
||||||
|
-webkit-box-align: center
|
||||||
|
-ms-flex-align: center
|
||||||
|
align-items: center
|
||||||
|
height: 60px
|
||||||
|
margin-bottom: 60px
|
||||||
|
margin-top: 35px
|
||||||
|
|
||||||
|
.navigation_input
|
||||||
|
padding-left: 20px
|
||||||
|
height: 100%
|
||||||
|
border-radius: 40px
|
||||||
|
display: block
|
||||||
|
width: 100%
|
||||||
|
border: 0px
|
||||||
|
font-size: 20px
|
||||||
|
padding-right: 20px
|
||||||
|
|
||||||
|
.navigation_search
|
||||||
|
height: 35px
|
||||||
|
width: 35px
|
||||||
|
position: absolute
|
||||||
|
right: 30px
|
||||||
|
.flex_row
|
||||||
|
width: 100%
|
||||||
|
display: flex
|
||||||
|
flex-direction: row
|
||||||
|
align-items: center
|
||||||
|
justify-content: center
|
||||||
|
.flex_column
|
||||||
|
position: relative
|
||||||
0
admin_pannel/sass/_media.sass
Normal file
0
admin_pannel/sass/_media.sass
Normal file
0
admin_pannel/sass/_mixins.sass
Normal file
0
admin_pannel/sass/_mixins.sass
Normal file
127
admin_pannel/sass/dist/_media.css
vendored
Normal file
127
admin_pannel/sass/dist/_media.css
vendored
Normal file
@ -0,0 +1,127 @@
|
|||||||
|
@media (max-width: 1200px) {
|
||||||
|
.menu_item {
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
.menu_link {
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.promo_header {
|
||||||
|
font-size: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefit_block {
|
||||||
|
height: 250px;
|
||||||
|
}
|
||||||
|
.benefit_text {
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.menu_item {
|
||||||
|
padding-right: 8px;
|
||||||
|
}
|
||||||
|
.menu_link {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subheader_logo img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.subheader_oficial {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
.subheader_phone {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.subheader_btn {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 24px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.promo_header {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
.promo_subheader {
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefit_block {
|
||||||
|
height: 370px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-content: start;
|
||||||
|
}
|
||||||
|
.benefit_round {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
.benefit_text {
|
||||||
|
height: 250px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
nav {
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fixed .menu {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: -100%;
|
||||||
|
width: 50%;
|
||||||
|
height: 100vh;
|
||||||
|
padding: 20px 15px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.8);
|
||||||
|
transition: 1 all;
|
||||||
|
}
|
||||||
|
.fixed .menu_active {
|
||||||
|
left: 0px;
|
||||||
|
}
|
||||||
|
.fixed .menu_item {
|
||||||
|
margin-top: 15px;
|
||||||
|
padding-right: 0px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.fixed .menu_link {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 20px;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
height: 16px;
|
||||||
|
width: 26px;
|
||||||
|
}
|
||||||
|
.hamburger span {
|
||||||
|
display: block;
|
||||||
|
height: 2px;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
.hamburger span:nth-child(1) {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
.hamburger_active {
|
||||||
|
margin-top: 6px;
|
||||||
|
transition: 0.8 all;
|
||||||
|
}
|
||||||
|
.hamburger_active span:nth-child(1) {
|
||||||
|
margin-top: -2px;
|
||||||
|
transform: translateY(3px) rotate(-45deg);
|
||||||
|
}
|
||||||
|
.hamburger_active span:nth-child(2) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.hamburger_active span:nth-child(3) {
|
||||||
|
margin-top: -2px;
|
||||||
|
transform: translateY(3px) rotate(45deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
0
admin_pannel/sass/dist/_mixins.css
vendored
Normal file
0
admin_pannel/sass/dist/_mixins.css
vendored
Normal file
556
admin_pannel/sass/dist/style.css
vendored
Normal file
556
admin_pannel/sass/dist/style.css
vendored
Normal file
@ -0,0 +1,556 @@
|
|||||||
|
* {
|
||||||
|
font-family: "Roboto", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
position: relative;
|
||||||
|
height: 50px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
background-color: #212121;
|
||||||
|
z-index: 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 13px 70px;
|
||||||
|
margin: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
.menu_link {
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
.menu_item {
|
||||||
|
border-right: 2px dotted black;
|
||||||
|
padding-right: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subheader {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
top: 50px;
|
||||||
|
height: 90px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.6);
|
||||||
|
/* 116.667% */
|
||||||
|
}
|
||||||
|
.subheader_logo {
|
||||||
|
display: block;
|
||||||
|
margin-top: 20px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.subheader_oficial {
|
||||||
|
margin-top: 3px;
|
||||||
|
opacity: 0.5;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 100;
|
||||||
|
}
|
||||||
|
.subheader_call {
|
||||||
|
margin-top: 25px;
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 14px;
|
||||||
|
}
|
||||||
|
.subheader_phone {
|
||||||
|
display: block;
|
||||||
|
margin-top: 5px;
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 12px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.subheader_btn {
|
||||||
|
margin-top: 25px;
|
||||||
|
height: 46px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: linear-gradient(0deg, #1EACC7 0%, #4CE2FF 100%);
|
||||||
|
box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.12) inset;
|
||||||
|
}
|
||||||
|
.subheader_btn:hover {
|
||||||
|
background-image: none;
|
||||||
|
background-color: #1eacc7;
|
||||||
|
}
|
||||||
|
.subheader_btn_text {
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.21);
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.promo {
|
||||||
|
padding-top: 157px;
|
||||||
|
padding-bottom: 185px;
|
||||||
|
min-height: 800px;
|
||||||
|
background: url(../img/first_section/uber_bg.jpg) center center/cover no-repeat;
|
||||||
|
}
|
||||||
|
.promo_header {
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 60px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
line-height: 24px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.promo_subheader {
|
||||||
|
margin-top: 20px;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 36px;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 48px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.promo_text {
|
||||||
|
margin-top: 16px;
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.promo_btn {
|
||||||
|
width: 260px;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 116px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: linear-gradient(0deg, #1EACC7 0%, #4CE2FF 100%);
|
||||||
|
box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.12) inset;
|
||||||
|
height: 65px;
|
||||||
|
}
|
||||||
|
.promo_btn:hover {
|
||||||
|
background-image: none;
|
||||||
|
background-color: #1eacc7;
|
||||||
|
}
|
||||||
|
.promo_btn_text {
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.21);
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefit {
|
||||||
|
min-height: 850px;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container_flex {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 115px;
|
||||||
|
height: 30px;
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin: 33px 0 16px 0;
|
||||||
|
color: #222;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 38px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subtitle {
|
||||||
|
color: #222;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 17px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label_text {
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 11px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefit_info {
|
||||||
|
min-height: 700px;
|
||||||
|
}
|
||||||
|
.benefit_block {
|
||||||
|
height: 150px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.benefit_round {
|
||||||
|
margin-right: 25px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
min-height: 116px;
|
||||||
|
max-height: 116px;
|
||||||
|
min-width: 116px;
|
||||||
|
max-width: 116px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #1EACC7;
|
||||||
|
}
|
||||||
|
.benefit .round {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
.benefit_text_title {
|
||||||
|
color: #1EACC7;
|
||||||
|
font-size: 17px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile {
|
||||||
|
min-height: 864px;
|
||||||
|
padding: 48px 0 79px 0;
|
||||||
|
background: url(../img/third_section/mobile_bg.png) center center/cover no-repeat;
|
||||||
|
}
|
||||||
|
.mobile .row {
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
|
.mobile_item {
|
||||||
|
position: relative;
|
||||||
|
height: 280px;
|
||||||
|
max-width: 320px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-bottom: 19px;
|
||||||
|
margin-right: 68px;
|
||||||
|
padding-top: 92px;
|
||||||
|
}
|
||||||
|
.mobile_item_1 {
|
||||||
|
background: url(../img/third_section/Card_1.png) center center/cover no-repeat;
|
||||||
|
}
|
||||||
|
.mobile_item_2 {
|
||||||
|
background: url(../img/third_section/Card_2.png) center center/cover no-repeat;
|
||||||
|
}
|
||||||
|
.mobile_item_3 {
|
||||||
|
background: url(../img/third_section/Card_3.png) center center/cover no-repeat;
|
||||||
|
}
|
||||||
|
.mobile_item_4 {
|
||||||
|
background: url(../img/third_section/Card_4.png) center center/cover no-repeat;
|
||||||
|
}
|
||||||
|
.mobile_item_5 {
|
||||||
|
background: url(../img/third_section/Card_5.png) center center/cover no-repeat;
|
||||||
|
}
|
||||||
|
.mobile_item_6 {
|
||||||
|
background: url(../img/third_section/Card_6.png) center center/cover no-repeat;
|
||||||
|
}
|
||||||
|
.mobile_item_subtitle {
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 24px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 31px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.mobile_item_plus {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 35px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 26px;
|
||||||
|
height: 26px;
|
||||||
|
background-color: #000;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-radius: 100%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.mobile_item_plus:before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 14px;
|
||||||
|
height: 2px;
|
||||||
|
background-color: #1eacc7;
|
||||||
|
transition: 0.3s all;
|
||||||
|
}
|
||||||
|
.mobile_item_plus::after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 2px;
|
||||||
|
height: 14px;
|
||||||
|
background-color: #1eacc7;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
transition: 0.3s all;
|
||||||
|
}
|
||||||
|
.mobile_item_plus:hover::before, .mobile_item_plus:hover::after {
|
||||||
|
background-color: #bf1d1d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auto {
|
||||||
|
position: relative;
|
||||||
|
min-height: 900px;
|
||||||
|
}
|
||||||
|
.auto_top_color {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 562px;
|
||||||
|
background-color: #070716;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.auto_bottom_color {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 1px;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 361px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.auto .label {
|
||||||
|
margin-top: 60px;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.auto .label_text {
|
||||||
|
color: #070716;
|
||||||
|
}
|
||||||
|
.auto .title {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.auto .subtitle {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.auto_img {
|
||||||
|
margin-top: 54px;
|
||||||
|
}
|
||||||
|
.auto_text {
|
||||||
|
width: 320px;
|
||||||
|
height: 50px;
|
||||||
|
color: #222;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.require {
|
||||||
|
min-height: 920px;
|
||||||
|
}
|
||||||
|
.require_top_text {
|
||||||
|
margin-top: 33px;
|
||||||
|
}
|
||||||
|
.require_bottom_text {
|
||||||
|
margin-top: 61px;
|
||||||
|
}
|
||||||
|
.require_bottom_text .require_title {
|
||||||
|
color: #FF5656;
|
||||||
|
}
|
||||||
|
.require_bottom_text .require_list li::before {
|
||||||
|
background: url(../img/fifth_section/Layer_31_copy_7.svg);
|
||||||
|
}
|
||||||
|
.require_title {
|
||||||
|
color: #1CA8C3;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
.require_list {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
.require_list li {
|
||||||
|
position: relative;
|
||||||
|
color: #222;
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.require_list li::before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: -32px;
|
||||||
|
top: 3px;
|
||||||
|
height: 20px;
|
||||||
|
width: 21px;
|
||||||
|
background: url(../img/fifth_section/Rectangle.svg);
|
||||||
|
}
|
||||||
|
.require_block_text {
|
||||||
|
margin-top: 21px;
|
||||||
|
}
|
||||||
|
.require_text {
|
||||||
|
height: 40px;
|
||||||
|
margin-top: 25px;
|
||||||
|
color: #1CA8C3;
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cities {
|
||||||
|
height: 716px;
|
||||||
|
background: url(../img/sixth_section/world_bg.jpg) center center/cover no-repeat;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.cities .label {
|
||||||
|
margin-top: 48px;
|
||||||
|
background-color: #fff;
|
||||||
|
height: 25px;
|
||||||
|
width: 75px;
|
||||||
|
}
|
||||||
|
.cities .label_text {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.cities .title {
|
||||||
|
color: #fff;
|
||||||
|
margin: 23px 0 0 0;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
.cities .subtitle {
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
.cities_text {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 21px;
|
||||||
|
color: #1FBAD6;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 68px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer_container {
|
||||||
|
height: 156px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.footer_container .social_media {
|
||||||
|
height: 35px;
|
||||||
|
margin: 50px 135px 0 23px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.footer_container .social_media a {
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
|
}
|
||||||
|
.footer_container .round {
|
||||||
|
display: flex;
|
||||||
|
margin-right: 6px;
|
||||||
|
height: 35px;
|
||||||
|
width: 35px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
.footer_container .round .footer_img {
|
||||||
|
width: 50%;
|
||||||
|
height: 50%;
|
||||||
|
}
|
||||||
|
.footer_container .footer_line {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
height: 7px;
|
||||||
|
width: 300px;
|
||||||
|
background-color: #1FBAD6;
|
||||||
|
}
|
||||||
|
.footer_container .footer_links {
|
||||||
|
width: 400px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.footer_container .footer_download_items {
|
||||||
|
display: flex;
|
||||||
|
justify-content: left;
|
||||||
|
margin: 50px 21px 0 0;
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
.footer_container .footer_download_items .footer_download_item {
|
||||||
|
width: 120px;
|
||||||
|
height: 37px;
|
||||||
|
}
|
||||||
|
.footer_container .footer_download_img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.footer_container .footer_links_title {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
.footer_container .footer_links_title_item {
|
||||||
|
color: #070716;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-transform: uppercase;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.footer_container .footer_links_content_block {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
.footer_container .footer_flex_center {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.footer_container .footer_links_text {
|
||||||
|
color: #999;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-transform: uppercase;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.footer_container .footer_language {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.footer_container .footer_language_text {
|
||||||
|
color: #1FBAD6;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 11px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
text-transform: uppercase;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
.menu_item {
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
.menu_link {
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.promo_header {
|
||||||
|
font-size: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
8
admin_pannel/sass/style.sass
Normal file
8
admin_pannel/sass/style.sass
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
|
||||||
|
*
|
||||||
|
font-family: 'Roboto', sans-serif
|
||||||
|
|
||||||
|
|
||||||
|
@import "mixins"
|
||||||
|
@import "general"
|
||||||
|
@import "media"
|
||||||
102
admin_pannel/university.cshtml
Normal file
102
admin_pannel/university.cshtml
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="./css/style.css">
|
||||||
|
<link rel="stylesheet" href="./css/bootstrap-grid.min.css">
|
||||||
|
<link rel="stylesheet" href="./css/bootstrap.min.css">
|
||||||
|
<title>Admin</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="admin_menu_block">
|
||||||
|
<div class="admin_menu">
|
||||||
|
<div class="admin_logo"><img class="admin_img" src="./img/logoPayDay.png" alt="logo"></div>
|
||||||
|
<button class="admin_main">Главная</button>
|
||||||
|
<button class="admin_banks">Банки</button>
|
||||||
|
<button class="admin_university">Институты</button>
|
||||||
|
<button class="admin_exit">Выход</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<senction class="banks">
|
||||||
|
<div class="flex_column">
|
||||||
|
<div class="page">Главная/Институты</div>
|
||||||
|
<form id="navigation_row_block" class="navigation_input_block">
|
||||||
|
<input type="hidden" name="universityId" value="6">
|
||||||
|
<input type="text" name="searchString" class="navigation_input" placeholder="Введите название Вуза">
|
||||||
|
<input type="image" src="/img/Vector.svg" alt="search" class="navigation_search">
|
||||||
|
</form>
|
||||||
|
<div class="hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row flex_row">
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">ЮФУ</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="university" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший Вуз в мире (наверное)</span>Поступайте к нам и получайте востребованное образование</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">ЮФУ</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="university" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший Вуз в мире (наверное)</span>Поступайте к нам и получайте востребованное образование</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">ЮФУ</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="university" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший Вуз в мире (наверное)</span>Поступайте к нам и получайте востребованное образование</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">ЮФУ</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="university" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший Вуз в мире (наверное)</span>Поступайте к нам и получайте востребованное образование</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">ЮФУ</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="university" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший Вуз в мире (наверное)</span>Поступайте к нам и получайте востребованное образование</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">ЮФУ</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="university" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший Вуз в мире (наверное)</span>Поступайте к нам и получайте востребованное образование</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">ЮФУ</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="university" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший Вуз в мире (наверное)</span>Поступайте к нам и получайте востребованное образование</div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_card_block col-4">
|
||||||
|
<div class="banks_card">
|
||||||
|
<div class="banks_title">ЮФУ</div>
|
||||||
|
<div><img src="./img/logoPayDay.png" alt="university" class="banks_img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banks_description"><span>Лучший Вуз в мире (наверное)</span>Поступайте к нам и получайте востребованное образование</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</senction>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user