From 33bef0f0310fef97add4cbd8180d9672d67efb39 Mon Sep 17 00:00:00 2001
From: Rupesh Varshney <146447594+rupeshv2121@users.noreply.github.com>
Date: Thu, 2 Jan 2025 14:00:15 +0530
Subject: [PATCH] Fixes the Issues in landing page and footer

---
 assets/css/style.css | 29 +++++++++++++++++++----------
 index.html           | 11 ++++++-----
 styles.css           |  6 ++++++
 3 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 143d0fa..f230988 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -323,8 +323,10 @@ body.nav-active {
   #REUSED STYLE
 \*-----------------------------------*/
 
-.container {
-  padding-inline: 16px;
+#classic-elegance {
+  color: white;
+  font-weight: bolder;
+  font-size: 2rem;
 }
 
 .separator {
@@ -1675,6 +1677,16 @@ textarea.input-field {
   background-color: var(--black-alpha-80);
 }
 
+.footer-list-left{
+  padding: 15px;
+  margin-left: 2rem;
+}
+
+.footer-list-right{
+  margin-right: 2rem;
+  padding: 20px 10px;
+}
+
 .footer-link {
   color: #fff;
   font-weight: var(--weight-bold);
@@ -1688,6 +1700,10 @@ textarea.input-field {
   color: var(--gold-crayola);
 }
 
+.footer-bottom{
+  margin-bottom: -10rem;
+}
+
 .copyright {
   color: var(--quick-silver);
   background-color: var(--black-alpha-80);
@@ -1696,6 +1712,7 @@ textarea.input-field {
   height: 50px;
   padding-top: 10px;
   line-height: var(--lineHeight-3);
+  margin: 0;
 }
 
 .copyright .link {
@@ -2526,14 +2543,6 @@ section{
   }
 }
 
-
-
-
-
-
-
-
-
 /**
  * responsive for larger than 1400px screen
  */
diff --git a/index.html b/index.html
index 3823504..e5be75c 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,7 @@
     - custom css link
   -->
   <link rel="stylesheet" href="./assets/css/style.css">
+  <link rel="stylesheet" href="styles.css">
 
   <!-- 
     - preload images
@@ -252,7 +253,7 @@
               <img src="https://abhiram.sirv.com/609%20Workved/assets/sunmill-loc_batcheditor_fotor%20(1).avif?format=webp" width="1880" height="950" alt="" class="img-cover">
             </div>
 
-            <p class="label-2 section-subtitle slider-reveal newHero2">Classic Elegance</p>
+            <p class="label-2 section-subtitle slider-reveal newHero2" id="classic-elegance">Classic Elegance</p>
 
             <h1 class="display-1 hero-title slider-reveal newHero">
               Create Your Space <br>
@@ -279,7 +280,7 @@ <h1 class="display-1 hero-title slider-reveal newHero">
               <img src="https://abhiram.sirv.com/609%20Workved/assets/heroLocation%20(1).avif?format=webp" width="1880" height="950" alt="" class="img-cover">
             </div>
 
-            <p class="label-2 section-subtitle slider-revea newHero2">delightful experience</p>
+            <p class="label-2 section-subtitle slider-revea newHero2" id="classic-elegance">delightful experience</p>
 
             <h1 class="display-1 hero-title slider-reveal newHero">
               Transforming offices into <br>
@@ -307,7 +308,7 @@ <h1 class="display-1 hero-title slider-reveal newHero">
 
             </div>
 
-            <p class="label-2 section-subtitle slider-reveal newHero2">amazing & elegence</p>
+            <p class="label-2 section-subtitle slider-reveal newHero2" id="classic-elegance">amazing & elegence</p>
 
             <h1 class="display-1 hero-title slider-reveal newHero ">
               Where Every Floor <br>
@@ -766,7 +767,7 @@ <h3 class="card-title title-2 text-center">
 
         </div>
 
-        <ul class="footer-list">
+        <ul class="footer-list footer-list-left">
 
           <li>
             <a href="#" class="label-2 footer-link hover-underline">Home</a>
@@ -778,7 +779,7 @@ <h3 class="card-title title-2 text-center">
 
         </ul>
 
-        <ul class="footer-list">
+        <ul class="footer-list footer-list-right">
 
           <li>
             <a href="#" class="label-2 footer-link hover-underline">Facebook</a>
diff --git a/styles.css b/styles.css
index e69de29..4915037 100644
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,6 @@
+#classic-elegance {
+    color: white;
+    font-weight: bolder;
+    font-size: 2rem;
+}
+