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 className="main_text_section">
<div className="Words">
{/* <img src="/Home/HeroBorder.svg" alt="hero_image" /> */}
<div>
<img src="/Home/HeroBorder.svg" alt="hero_image" />
<h1>{t("WE")}</h1>
<h1>{t("DEVELOP")}</h1>
<h1>{t("EDUCATION APPLICATIONS")}</h1>

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

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

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

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

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

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

@ -5,14 +5,12 @@
position: relative;
padding-bottom: 110px;
transition: ease-in-out .4s;
min-height: 90vh;
.works_image{
width: 100%;
height: 100%;
position: absolute;
left: 0;
z-index: 0 !important;
object-fit: cover;
}
.works_container{
width: 90%;
@ -40,17 +38,17 @@
}
.swiper_container{
width: 90%;
width: 86%;
}
}
}
.works_Swiper{
img{
width: 170px;
width: 138px;
}
}
@media screen and (max-width:600px) {
@media screen and (max-width:500px) {
.works{
padding-bottom: 100px;
.works_container{
@ -74,7 +72,7 @@
padding-right: 5px;
img{
width: 37vw;
height: 270px;
}
.swiper-slide{
@include Flex;