From eb26368e8bae9692bffc8a3592a9f0d06a553835 Mon Sep 17 00:00:00 2001
From: karimaldeen <mhmadkarimaldeen@gmail.com>
Date: Tue, 10 Sep 2024 21:30:22 +0300
Subject: [PATCH] fix pages

---
 src/Styles/Pages/Contact.scss  |  2 +
 src/Styles/Pages/Home.scss     | 87 +++++++++++++++++++++++++---------
 src/Styles/Pages/Projects.scss |  2 +
 src/Styles/Pages/Service.scss  |  2 +
 src/Styles/Pages/Works.scss    |  1 +
 5 files changed, 71 insertions(+), 23 deletions(-)

diff --git a/src/Styles/Pages/Contact.scss b/src/Styles/Pages/Contact.scss
index 2dd5b12..818f10b 100644
--- a/src/Styles/Pages/Contact.scss
+++ b/src/Styles/Pages/Contact.scss
@@ -4,6 +4,8 @@
     flex-direction: column;
     padding-bottom: 130px;
     position: relative;
+    min-height: 90vh;
+
     .contact_image{
         width: 100%;
         height: 100%;
diff --git a/src/Styles/Pages/Home.scss b/src/Styles/Pages/Home.scss
index 3d9efee..c07c0a0 100644
--- a/src/Styles/Pages/Home.scss
+++ b/src/Styles/Pages/Home.scss
@@ -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;
-
-    }
-}
\ No newline at end of file
diff --git a/src/Styles/Pages/Projects.scss b/src/Styles/Pages/Projects.scss
index e01a6e9..650a669 100644
--- a/src/Styles/Pages/Projects.scss
+++ b/src/Styles/Pages/Projects.scss
@@ -5,6 +5,8 @@
     position: relative;
     padding-bottom: 110px;
     transition: ease-in-out .4s;
+    min-height: 90vh;
+
     &::after{
         content: "";
         width: 100%;
diff --git a/src/Styles/Pages/Service.scss b/src/Styles/Pages/Service.scss
index 1ff3c36..a7fd9a3 100644
--- a/src/Styles/Pages/Service.scss
+++ b/src/Styles/Pages/Service.scss
@@ -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%;
diff --git a/src/Styles/Pages/Works.scss b/src/Styles/Pages/Works.scss
index 2278c3d..2849303 100644
--- a/src/Styles/Pages/Works.scss
+++ b/src/Styles/Pages/Works.scss
@@ -5,6 +5,7 @@
     position: relative;
     padding-bottom: 110px;
     transition: ease-in-out .4s;
+    min-height: 90vh;
     .works_image{
         width: 100%;
         height: 100%;