moaz_dw/misbar-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix pages

Browse Source
This commit is contained in:
karimaldeen 2024-09-10 21:30:22 +03:00
parent b4d66def49
commit eb26368e8b
5 changed files with 71 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Styles/Pages/Contact.scss
View File

@ -4,6 +4,8 @@
flex-direction: column; flex-direction: column;
padding-bottom: 130px; padding-bottom: 130px;
position: relative; position: relative;
min-height: 90vh;
.contact_image{ .contact_image{
width: 100%; width: 100%;
height: 100%; height: 100%;

87
src/Styles/Pages/Home.scss
View File

@ -1,3 +1,21 @@
.Words{
// background-color: red;
position: relative;
&::after{
position: absolute;
top: -30%;
left: 0;
content: "";
width: 15%;
height: 180%;
background-image: url('/public/Home/HeroBorder.svg') !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
}
.HeroSection{ .HeroSection{
width: 100%; width: 100%;
position: relative; position: relative;
@ -131,12 +149,32 @@
// background-repeat: no-repeat !important; // background-repeat: no-repeat !important;
// background-size: contain !important; // background-size: contain !important;
// } // }
.Words{
// background-color: red;
position: relative;
&::after{
position: absolute;
top: -30%;
left: 0;
content: "";
width: 19%;
height: 200%;
background-image: url('/public/Home/HeroBorder.svg') !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
}
.main_text_section{ .main_text_section{
img{ img{
width: 19vw; width: 19vw;
} }
h1{ h1{
margin-left:14vw; // margin-left:14vw;
font-size:4.8vw; font-size:4.8vw;
} }
@ -169,6 +207,26 @@
background-position: right; background-position: right;
background-size: cover !important; background-size: cover !important;
} }
.Words{
// background-color: red;
position: relative;
&::after{
position: absolute;
top: -50%;
left: 0;
content: "";
width: 30%;
height: 300%;
background-image: url('/public/Home/HeroBorder.svg') !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
}
.media_section{ .media_section{
padding-left: 10px; padding-left: 10px;
p, hr{ p, hr{
@ -199,17 +257,17 @@
width: 87px; width: 87px;
} }
h1{ h1{
margin-left: 65px; margin-left:5vw;
font-size:15px; font-size:5vw;
} }
.bottom_text_container{ .bottom_text_container{
width: 100%; width: 100%;
padding-left: 100px; padding-left: 30VW;
// margin-left: 100px; // margin-left: 100px;
> p{ > p{
width: 70%; width: 90%;
font-size: 10px; font-size: 3vw;
} }
.button_container{ .button_container{
width: 120px; width: 120px;
@ -221,20 +279,3 @@
} }
} }
.Words{
// background-color: red;
position: relative;
&::after{
position: absolute;
top: -30%;
left: 0;
content: "";
width: 15%;
height: 180%;
background-image: url('/public/Home/HeroBorder.svg') !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
}

2
src/Styles/Pages/Projects.scss
View File

@ -5,6 +5,8 @@
position: relative; position: relative;
padding-bottom: 110px; padding-bottom: 110px;
transition: ease-in-out .4s; transition: ease-in-out .4s;
min-height: 90vh;
&::after{ &::after{
content: ""; content: "";
width: 100%; width: 100%;

2
src/Styles/Pages/Service.scss
View File

@ -2,12 +2,14 @@
width: 100%; width: 100%;
display: flex;justify-content: center;align-items: center; flex-direction: column; display: flex;justify-content: center;align-items: center; flex-direction: column;
position: relative; position: relative;
min-height: 40vh;
.service_image{ .service_image{
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
left: 0; left: 0;
opacity: .2; opacity: .2;
top: 0;
} }
.Title_link_container{ .Title_link_container{
width: 90%; width: 90%;

1
src/Styles/Pages/Works.scss
View File

@ -5,6 +5,7 @@
position: relative; position: relative;
padding-bottom: 110px; padding-bottom: 110px;
transition: ease-in-out .4s; transition: ease-in-out .4s;
min-height: 90vh;
.works_image{ .works_image{
width: 100%; width: 100%;
height: 100%; height: 100%;