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;
padding-bottom: 130px;
position: relative;
min-height: 90vh;
.contact_image{
width: 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{
width: 100%;
position: relative;
@ -131,12 +149,32 @@
// background-repeat: no-repeat !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{
img{
width: 19vw;
}
h1{
margin-left:14vw;
// margin-left:14vw;
font-size:4.8vw;
}
@ -169,6 +207,26 @@
background-position: right;
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{
padding-left: 10px;
p, hr{
@ -199,17 +257,17 @@
width: 87px;
}
h1{
margin-left: 65px;
font-size:15px;
margin-left:5vw;
font-size:5vw;
}
.bottom_text_container{
width: 100%;
padding-left: 100px;
padding-left: 30VW;
// margin-left: 100px;
> p{
width: 70%;
font-size: 10px;
width: 90%;
font-size: 3vw;
}
.button_container{
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;
padding-bottom: 110px;
transition: ease-in-out .4s;
min-height: 90vh;
&::after{
content: "";
width: 100%;

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

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

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

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