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

Compare commits

base: nimtaurel:83c1d0c53163ccaa13e1019e66089afee500f15e
Branches Tags
nimtaurel:master
nimtaurel:fix
..
compare: nimtaurel:57f87dab87b37ac9977897ff9cc3aabba3211666
Branches Tags
nimtaurel:master
nimtaurel:fix

No commits in common. "83c1d0c53163ccaa13e1019e66089afee500f15e" and "57f87dab87b37ac9977897ff9cc3aabba3211666" have entirely different histories.
83c1d0c531 ... 57f87dab87

3 changed files with 17 additions and 36 deletions
Show Stats Expand all files Collapse all files

26
styles.css
View File

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

25
styles.scss
View File

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