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

Compare commits

base: moaz_dw:7d722f143560c0ed8573dd0141ab74ecdf9642ad
Branches Tags
moaz_dw:main
moaz_dw:dev
..
compare: moaz_dw:2fb9a217c26b9ec9d7c145e3d62866ed0f64a0d2
Branches Tags
moaz_dw:main
moaz_dw:dev

No commits in common. "7d722f143560c0ed8573dd0141ab74ecdf9642ad" and "2fb9a217c26b9ec9d7c145e3d62866ed0f64a0d2" have entirely different histories.
7d722f1435 ... 2fb9a217c2

8 changed files with 6855 additions and 9432 deletions
Show Stats Expand all files Collapse all files

16170
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

BIN
public/Home/Frame 1000002708.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 927 KiB

4
src/Components/Home/HeroSection.tsx
View File

@ -27,8 +27,8 @@ const HeroSection = ({data, isLoading}:THeaderPage) => {
</div> </div>
<div className="main_text_section"> <div className="main_text_section">
<div className="Words"> <div>
{/* <img src="/Home/HeroBorder.svg" alt="hero_image" /> */} <img src="/Home/HeroBorder.svg" alt="hero_image" />
<h1>{t("WE")}</h1> <h1>{t("WE")}</h1>
<h1>{t("DEVELOP")}</h1> <h1>{t("DEVELOP")}</h1>
<h1>{t("EDUCATION APPLICATIONS")}</h1> <h1>{t("EDUCATION APPLICATIONS")}</h1>

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

@ -4,8 +4,6 @@
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%;

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

@ -1,21 +1,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;
}
}
.HeroSection{ .HeroSection{
width: 100%; width: 100%;
position: relative; position: relative;
@ -23,15 +5,9 @@
background: #000; background: #000;
border-bottom: 1px solid var(--white); border-bottom: 1px solid var(--white);
padding-bottom: 120px; padding-bottom: 120px;
min-height: 90vh;
// display: flex;
// align-items: center;
align-items: center;
&::after{ &::after{
width: 100%; width: 100%;
height: 100%; height: 100%;
top: 0;
left: 0;
content: ""; content: "";
position: absolute; position: absolute;
background-image: url('/public/Home/HeroBg.png'); background-image: url('/public/Home/HeroBg.png');
@ -105,13 +81,19 @@
z-index: 999 !important; z-index: 999 !important;
color: var(--white); color: var(--white);
position: relative; position: relative;
img{
position: absolute;
top: 80px;
width: 13vw;
}
h1{ h1{
margin-left: 8vw; margin-left: 8vw;
font-size:3.8vw; font-size:3.8vw;
font-weight: bold; font-weight: bold;
z-index: 9999 !important; z-index: 9999 !important;
&:nth-child(2){
padding-top: 13.5vw;
}
} }
.bottom_text_container{ .bottom_text_container{
z-index: 9999; z-index: 9999;
@ -149,34 +131,16 @@
// 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;
&:nth-child(2){
padding-top: 18vw;
}
} }
.bottom_text_container{ .bottom_text_container{
// margin-left: 20vw; // margin-left: 20vw;
@ -207,26 +171,6 @@
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{
@ -257,17 +201,19 @@
width: 87px; width: 87px;
} }
h1{ h1{
margin-left:5vw; margin-left: 65px;
font-size:5vw; font-size:15px;
&:nth-child(2){
padding-top: 80px;
}
} }
.bottom_text_container{ .bottom_text_container{
width: 100%; width: 100%;
padding-left: 30VW; padding-left: 100px;
// margin-left: 100px; // margin-left: 100px;
> p{ > p{
width: 90%; width: 70%;
font-size: 3vw; font-size: 10px;
} }
.button_container{ .button_container{
width: 120px; width: 120px;
@ -277,5 +223,4 @@
} }
} }
} }

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

@ -5,8 +5,6 @@
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,14 +2,12 @@
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%;

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

@ -5,14 +5,12 @@
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%;
position: absolute; position: absolute;
left: 0; left: 0;
z-index: 0 !important; z-index: 0 !important;
object-fit: cover;
} }
.works_container{ .works_container{
width: 90%; width: 90%;
@ -40,17 +38,17 @@
} }
.swiper_container{ .swiper_container{
width: 90%; width: 86%;
} }
} }
} }
.works_Swiper{ .works_Swiper{
img{ img{
width: 170px; width: 138px;
} }
} }
@media screen and (max-width:600px) { @media screen and (max-width:500px) {
.works{ .works{
padding-bottom: 100px; padding-bottom: 100px;
.works_container{ .works_container{
@ -74,7 +72,7 @@
padding-right: 5px; padding-right: 5px;
img{ img{
width: 37vw; width: 37vw;
height: 270px;
} }
.swiper-slide{ .swiper-slide{
@include Flex; @include Flex;