s444386/mgr-frontend
2
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

quick fix

Browse Source
This commit is contained in:
szymonj98 2023-05-31 14:35:55 +02:00
parent 26bd219777
commit e3205cba15
1 changed files with 0 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

136
src/app/home-page/home-page/home-page.component.scss
View File

@ -1,140 +1,4 @@
.nav-bar-container {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
height: 80px;
background-color: black;
.logo-container {
flex: 1;
display: flex;
//justify-content: center;
align-items: center;
padding: 10px 30px;
.logo-image {
height: 70%
}
}
.navigation-button-container {
display: flex;
flex-direction: row;
color: white;
justify-content: center;
align-items: center;
justify-content: space-between;
column-gap: 40px;
.nav-text {
cursor: pointer;
transition: 0.3s;
&:hover {
color: #0097A7
}
}
}
.login-button-container {
flex: 1;
padding: 0 30px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
column-gap: 40px;
}
}
.home-page-content {
padding: 150px 15% 1px 15%;
.header-container {
display: flex;
justify-content: space-between;
.title-container {
max-width: 30%;
.main-header {
font-size: 60px;
color: white;
white-space: normal;
line-height: 1;
//margin: 0px 0px 35px 0px;
}
.sub-header {
font-size: 25px;
color: #0097A7;
margin: 0px 0px 35px 0px;
}
.header-description {
font-size: 20px;
color: white;
margin: 0px 0px 35px 0px;
}
}
}
.info-section {
margin: 150px 0 100px 0;
.info-section-container {
display: flex;
flex-direction: row;
justify-content: space-between;
column-gap: 150px;
.images-container {
display: flex;
flex-direction: column;
row-gap: 25px;
.row-1,
.row-2 {
column-gap: 25px;
display: flex;
flex-direction: row;
}
.row-1 {
.img-1 {
border-top-left-radius: 35px;
}
.img-2 {
border-top-right-radius: 35px;
}
}
.row-2 {
.img-3 {
border-bottom-left-radius: 35px;
}
.img-4 {
border-bottom-right-radius: 35px;
}
}
}
.text-container {
color: white;
font-size: 20px;
line-height: 1.5;
}
}
}
}
.home-page {
//height: 100%;
// background: rgb(99,94,175);
// background: linear-gradient(162deg, rgba(99,94,175,1) 0%, rgba(6,6,91,1) 27%, rgba(6,79,94,1) 100%);
background: rgb(0, 0, 0);
background: linear-gradient(35deg, rgba(0, 0, 0, 1) 0%, rgba(0, 85, 94, 1) 50%, rgba(0, 0, 0, 1) 100%);
height: fit-content