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

fix #1

Merged
nimtaurel merged 1 commits from fix into master 2023-12-27 11:57:34 +00:00
Conversation 0 Commits 1 Files Changed 3
3 changed files with 36 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
styles.css
View File

@ -11,6 +11,10 @@ p {
margin: 0; margin: 0;
} }
header {
height: 70px;
}
.PBP-container { .PBP-container {
padding: 0; padding: 0;
} }
@ -47,9 +51,11 @@ p {
} }
.PBP-container main { .PBP-container main {
position: relative; position: relative;
height: calc(100vh - 70px);
min-height: fit-content;
} }
.PBP-container main img { .PBP-container main img {
height: calc(100vh - 84px); height: 100%;
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;
background-position: center; background-position: center;
@ -66,12 +72,13 @@ p {
z-index: 1; z-index: 1;
} }
.PBP-container main .container { .PBP-container main .container {
max-height: 60%;
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: absolute; position: absolute;
top: 30%; top: 20%;
text-align: center; text-align: center;
z-index: 999; z-index: 999;
} }
@ -81,7 +88,7 @@ p {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-bottom: 100px; margin-bottom: 20%;
} }
.PBP-container main .container .main-text-wrapper h1 { .PBP-container main .container .main-text-wrapper h1 {
font-size: 29px; font-size: 29px;
@ -103,7 +110,7 @@ p {
color: white; color: white;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
margin-bottom: 200px; margin-bottom: 25%;
transition: all 0.3s; transition: all 0.3s;
} }
.PBP-container main .container .btn-pb:hover { .PBP-container main .container .btn-pb:hover {
@ -164,9 +171,11 @@ p {
} }
.PF-container .main-pf { .PF-container .main-pf {
position: relative; position: relative;
height: calc(100vh - 70px);
min-height: fit-content;
} }
.PF-container .main-pf img { .PF-container .main-pf img {
height: calc(100vh - 84px); height: 100%;
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;
position: relative; position: relative;
@ -184,12 +193,13 @@ p {
z-index: 1; z-index: 1;
} }
.PF-container .main-pf .container { .PF-container .main-pf .container {
max-height: 60%;
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: absolute; position: absolute;
top: 30%; top: 20%;
text-align: center; text-align: center;
z-index: 999; z-index: 999;
color: #D05353; color: #D05353;
@ -200,7 +210,7 @@ p {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-bottom: 125px; margin-bottom: 26%;
} }
.PF-container .main-pf .container .main-text-wrapper h1 { .PF-container .main-pf .container .main-text-wrapper h1 {
font-size: 29px; font-size: 29px;
@ -222,7 +232,7 @@ p {
color: white; color: white;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
margin-bottom: 200px; margin-bottom: 25%;
transition: all 0.3s; transition: all 0.3s;
} }
.PF-container .main-pf .container .btn-pb:hover { .PF-container .main-pf .container .btn-pb:hover {

2
styles.css.map
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EAEA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AAIN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;;AAMV;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EAEA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE","file":"styles.css"} {"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EAEA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AAIN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;;AAMV;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EAEA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE","file":"styles.css"}

25
styles.scss
View File

@ -10,6 +10,9 @@ body {
p { p {
margin: 0; margin: 0;
} }
header {
height: 70px;
}
.PBP-container { .PBP-container {
padding: 0; padding: 0;
.PBP-header { .PBP-header {
@ -46,8 +49,10 @@ p {
} }
main { main {
position: relative; position: relative;
height: calc(100vh - 70px);
min-height: fit-content;
img { img {
height: calc(100vh - 84px); height: 100%;
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;
background-position:center; background-position:center;
@ -64,12 +69,13 @@ p {
z-index: 1; z-index: 1;
} }
.container { .container {
max-height: 60%;
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: absolute; position: absolute;
top: 30%; top: 20%;
text-align: center; text-align: center;
z-index: 999; z-index: 999;
@ -79,7 +85,7 @@ p {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-bottom: 100px; margin-bottom: 20%;
h1 { h1 {
font-size: 29px; font-size: 29px;
font-weight: 600; font-weight: 600;
@ -101,7 +107,7 @@ p {
color: white; color: white;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
margin-bottom: 200px; margin-bottom: 25%;
transition: all 0.3s; transition: all 0.3s;
} }
.btn-pb:hover { .btn-pb:hover {
@ -170,8 +176,10 @@ p {
.main-pf { .main-pf {
position: relative; position: relative;
height: calc(100vh - 70px);
min-height: fit-content;
img { img {
height: calc(100vh - 84px); height: 100%;
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;
position: relative; position: relative;
@ -191,12 +199,13 @@ p {
} }
.container { .container {
max-height: 60%;
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: absolute; position: absolute;
top: 30%; top: 20%;
text-align: center; text-align: center;
z-index: 999; z-index: 999;
color: #D05353; color: #D05353;
@ -207,7 +216,7 @@ p {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-bottom: 125px; margin-bottom: 26%;
h1 { h1 {
font-size: 29px; font-size: 29px;
@ -232,7 +241,7 @@ p {
color: white; color: white;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
margin-bottom: 200px; margin-bottom: 25%;
transition: all 0.3s; transition: all 0.3s;
} }