PAYDAY/PaydayFrontend
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Вторая секция

Browse Source
This commit is contained in:
Vsevo;od 2023-07-29 08:55:59 +03:00
parent d02015032a
commit 9ff5fafd63
5 changed files with 147 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/css/style.css
View File

File diff suppressed because one or more lines are too long

2
src/css/style.css.map
View File

@ -1 +1 @@
{"version":3,"sources":["../sass/style.sass","../sass/_general.sass"],"names":[],"mappings":"AACA,EACI,+BAAA,CCFJ,OACI,iBAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,6BAAA,CACA,yBAAA,CAAA,oBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,qBAAA,CACJ,MACI,WAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,qBAAA,CAAA,kBAAA,CAAA,oBAAA,CACA,yBAAA,CAAA,oBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,gBAAA,CACA,WACI,UAAA,CACA,WAAA,CACJ,mBACI,gBAAA,CACA,wBACI,aAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CAER,gBACI,aAAA,CACA,iBAAA,CACA,SAAA,CACA,QAAA,CACA,kCAAA,CAAA,0BAAA,CACA,WAAA,CACA,UAAA,CACA,wBAAA,CACA,iBAAA,CACA,qBACI,aAAA,CACA,UAAA,CACA,UAAA,CACA,qBAAA,CACA,oBAAA,CACA,kCACI,eAAA,CACJ,kCACI,kBAAA,CACR,uBACI,yBAAA,CAAA,iBAAA,CAGI,yCACI,eAAA,CACA,iDAAA,CAAA,yCAAA,CACJ,yCACI,YAAA,CACJ,yCACI,eAAA,CACA,gDAAA,CAAA,wCAAA,CACpB,cACI,aAAA,CACA,WAAA,CACA,iBAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,iBAAA,CACA,WAAA,CACA,WAAA,CACA,wBAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,mBACI,eAAA,CACA,WAAA,CACA,gBAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACR,UACI,iBAAA,CACA,gBAAA,CACA,qBAAA,CACA,8FAAA,CAAA,kEAAA,CACA,sBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,iBAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,WAAA,CACA,kBAAA,CACJ,gBACI,iBAAA,CACA,WAAA,CACA,kBAAA,CACA,aAAA,CACA,UAAA,CACA,UAAA,CACA,sBACI,YAAA,CACA,qBAAA,CAER,iBACI,WAAA,CACA,UAAA,CACA,iBAAA,CACA,UAAA,CACJ,eACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,yBAAA,CAAA,oBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,gBAAA,CACA,YAAA,CACA,WAAA,CACA,qBAAA,CACA,kBAAA,CAGA,oBACI,aAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,yBACI,aAAA,CACA,iBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAEZ,eACI,YAAA,CACA,WAAA,CACJ,eACI,WAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,iBAAA,CACA,WAAA,CACA,QAAA,CACA,kCAAA,CAAA,0BAAA,CACA,sBACI,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,qBAAA,CACJ,uBAEI,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,wBAAA","file":"style.css"} {"version":3,"sources":["../sass/style.sass","../sass/_general.sass"],"names":[],"mappings":"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","file":"style.css"}

38
src/index.html
View File

@ -26,28 +26,32 @@
Вход через <span class="header_login_text">ЕСИА</span> Вход через <span class="header_login_text">ЕСИА</span>
</button> </button>
</header> </header>
<section class="universe"> <section class="navigation">
<div class="container container_flex"> <div class="container container_flex">
<div class="row"> <div class="row">
<div class="universe_input_block col-md-12"><input type="text" class="universe_input" placeholder="Введите название вуза или суза..."><img src="/img/logo/search.svg" alt="search" class="universe_search"></div> <div class="navigation_input_block col-md-12"><input type="text" class="navigation_input" placeholder="Введите код или название направления"><img src="/img/logo/search.svg" alt="search" class="navigation_search"></div>
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon"> </div>
ЮФУ <span>от 135т руб</span></div> <div class="row row-cols-lg-1 g-5 g-lg-3">
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/kubgu.jpg" alt="universe" class="universe_icon"> <div class="col-md-12">
КубГУ <span>от 135т руб</span></div> <div class="navigation_info navigation_info_text p-3">09.03.04 - Программная инженерия <span class="navigation_cost">От 5600 в мес.</span> 10+ Банков</div>
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/vshe.png" alt="universe" class="universe_icon"> </div>
ВШЭ <span>от 135т руб</span></div> <div class="col-md-12">
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon"> <div class="navigation_info navigation_info_text p-3">09.03.04 - Программная инженерия <span class="navigation_cost">От 5600 в мес.</span> 10+ Банков</div>
ЮФУ <span>от 135т руб</span></div> </div>
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon"> <div class="col-md-12">
ЮФУ <span>от 135т руб</span></div> <div class="navigation_info navigation_info_text p-3">09.03.04 - Программная инженерия <span class="navigation_cost">От 5600 в мес.</span> 10+ Банков</div>
</div>
<div class="col-md-12">
<div class="navigation_info navigation_info_text p-3">09.03.04 - Программная инженерия <span class="navigation_cost">От 5600 в мес.</span> 10+ Банков</div>
</div>
</div> </div>
</div> </div>
<div class="universe_slid"> <div class="navigation_slid">
<span class="universe_slid_active"></span> <span class="navigation_slid_disable"></span>
<span class="universe_slid_disable"></span> <span class="navigation_slid_active"></span>
<span class="universe_slid_disable"></span> <span class="navigation_slid_disable"></span>
<span class="universe_slid_disable"></span> <span class="navigation_slid_disable"></span>
</div> </div>
</section> </section>
<script src="js/script.js"></script> <script src="js/script.js"></script>

55
src/index1.html Normal file
View File

@ -0,0 +1,55 @@
<!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>PayDay</title>
</head>
<body>
<header>
<div class="menu">
<div class="menu_hamburger">
<span></span>
<span></span>
<span></span>
</div>
<img src="/img/logo/logoPayDay.png" alt="logo" class="menu_logo">
<div class="menu_project_name menu_project_name_text">Имя проекта</div>
</div>
<button class="header_login">
Вход через <span class="header_login_text">ЕСИА</span>
</button>
</header>
<section class="universe">
<div class="container container_flex">
<div class="row">
<div class="universe_input_block col-md-12"><input type="text" class="universe_input" placeholder="Введите название вуза или суза..."><img src="/img/logo/search.svg" alt="search" class="universe_search"></div>
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon">
ЮФУ <span>от 135т руб</span></div>
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/kubgu.jpg" alt="universe" class="universe_icon">
КубГУ <span>от 135т руб</span></div>
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/vshe.png" alt="universe" class="universe_icon">
ВШЭ <span>от 135т руб</span></div>
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon">
ЮФУ <span>от 135т руб</span></div>
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon">
ЮФУ <span>от 135т руб</span></div>
</div>
</div>
<div class="universe_slid">
<span class="universe_slid_active"></span>
<span class="universe_slid_disable"></span>
<span class="universe_slid_disable"></span>
<span class="universe_slid_disable"></span>
</div>
</section>
<script src="js/script.js"></script>
</body>
</html>

68
src/sass/_general.sass
View File

@ -158,4 +158,72 @@ header
margin-right: 8px margin-right: 8px
border-radius: 50% border-radius: 50%
background-color: #AEAEAE background-color: #AEAEAE
.navigation
background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #E8E8E8
position: relative
min-height: 640px
padding: 22px 0 30px 0
&_input_block
display: flex
position: relative
justify-content: center
align-items: center
height: 60px
margin-bottom: 60px
&_input
padding-left: 20px
height: 100%
border-radius: 40px
display: block
width: 100%
border: 0px
font-size: 20px
&:focus
outline: none
border: 1px solid grey
&_search
height: 35px
width: 35px
position: absolute
right: 30px
&_info
position: relative
display: flex
justify-content: space-between
align-items: center
height: 56px
background-color: #fff
border-radius: 50px
&_text
color: #545454
font-size: 20px
font-style: normal
font-weight: 500
&_cost
position: absolute
right: 150px
color: #20D37D
font-size: 20px
font-style: normal
font-weight: 500
&_slid
height: 18px
width: 112px
display: flex
position: absolute
bottom: 30px
left: 50%
transform: translateX(-50%)
&_active
width: 20px
margin-right: 8px
border-radius: 50%
background-color: #fff
&_disable
span
width: 20px
margin-right: 8px
border-radius: 50%
background-color: #AEAEAE