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

start

Browse Source
This commit is contained in:
karimaldeen 2024-09-10 20:51:38 +03:00
parent 2fb9a217c2
commit 78fcb7c23d
4 changed files with 9366 additions and 6841 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16164
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

BIN
public/Home/Frame 1000002708.png Normal file
View File

Binary file not shown.
Side by Side

After

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

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

@ -5,9 +5,15 @@
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');
@ -81,19 +87,13 @@
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;
@ -138,9 +138,7 @@
h1{
margin-left:14vw;
font-size:4.8vw;
&:nth-child(2){
padding-top: 18vw;
}
}
.bottom_text_container{
// margin-left: 20vw;
@ -203,9 +201,7 @@
h1{
margin-left: 65px;
font-size:15px;
&:nth-child(2){
padding-top: 80px;
}
}
.bottom_text_container{
width: 100%;
@ -224,3 +220,18 @@
}
}
.Words{
// background-color: red;
position: relative;
&::after{
position: absolute;
top: 0;
left: 0;
content: "";
width: 10%;
height: 100%;
background: green;
}
}