From 8926e349069fc2b6e9bee396144435de3b493db5 Mon Sep 17 00:00:00 2001
From: Sandile-Dev01 <sandilegofx@gmail.com>
Date: Sun, 30 Jul 2023 08:16:44 +0200
Subject: [PATCH] added more pages

---
 index.html               | 101 +++++++++++++++++++++++++++++++++++++--
 sass/mixins/_mixins.scss |  17 +++----
 sass/styles.css          |  55 ++++++++++++++++++++-
 sass/styles.css.map      |   2 +-
 sass/styles.scss         |  38 +++++++++++++--
 5 files changed, 196 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index c51c773..7329b38 100644
--- a/index.html
+++ b/index.html
@@ -41,9 +41,6 @@
               <div class="navbar-brand logo">WEDESIGN</div>
 
               <ul class="nav">
-                <li class="nav-item">
-                  <a href="#" class="nav-link">Home</a>
-                </li>
                 <li class="nav-item">
                   <a href="#" class="nav-link">WORK</a>
                 </li>
@@ -57,7 +54,7 @@
             </nav>
 
             <div class="content">
-              <h1 class="text-center">Elegance.</h1>
+              <h1 class="text-center">Elegant.</h1>
               <p>
                 Welcome to We Design, where modern elegance meets architectural
                 mastery. We are a premier architecture firm dedicated to
@@ -77,5 +74,101 @@ <h1 class="text-center">Elegance.</h1>
         </div>
       </div>
     </div>
+    <div class="container-fluid" id="one">
+      <div class="overlay container">
+        <div class="row">
+          <div class="col-md-12">
+            <div class="content">
+              <h1 class="text-center">Innovative.</h1>
+              <p>
+                At We Design, innovation is at the very core of our DNA. We take
+                pride in being pioneers in the field of modern mansion design,
+                consistently pushing the boundaries of what is possible and
+                reimagining the concept of luxury living.
+              </p>
+              <a
+                class="home_button"
+                href="https://www.sandilendimande.com/"
+                target="_blank"
+                >Get Started</a
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container-fluid" id="two">
+      <div class="overlay container">
+        <div class="row">
+          <div class="col-md-12">
+            <div class="content">
+              <h1 class="text-center">Modern.</h1>
+              <p>
+                At our company, modernity is not just a word; it's a driving
+                force that permeates every aspect of our operations. We pride
+                ourselves on being at the forefront of architectural innovation,
+                embracing cutting-edge technologies, and continuously pushing
+                the boundaries of design to create modern living spaces that are
+                second to none.
+              </p>
+              <a
+                class="home_button"
+                href="https://www.sandilendimande.com/"
+                target="_blank"
+                >Get Started</a
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container-fluid" id="three">
+      <div class="overlay container">
+        <div class="row">
+          <div class="col-md-12">
+            <div class="content">
+              <h1 class="text-center">Brilliant.</h1>
+              <p>
+                At our company, brilliance is not just a claim; it's an inherent
+                quality that shines through in everything we do. We take immense
+                pride in our unwavering commitment to excellence, relentless
+                pursuit of perfection, and the ability to transform
+                architectural dreams into awe-inspiring reality.
+              </p>
+              <a
+                class="home_button"
+                href="https://www.sandilendimande.com/"
+                target="_blank"
+                >Get Started</a
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container-fluid" id="four">
+      <div class="overlay container">
+        <div class="row">
+          <div class="col-md-12">
+            <div class="content">
+              <h1 class="text-center">Luxury.</h1>
+              <p>
+                The designs crafted by our company epitomize luxury in every
+                sense of the word. Each architectural masterpiece is
+                meticulously planned and executed to offer an unparalleled
+                living experience that indulges the senses and celebrates
+                opulence.
+              </p>
+              <a
+                class="home_button"
+                href="https://www.sandilendimande.com/"
+                target="_blank"
+                >Get Started</a
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </body>
 </html>
diff --git a/sass/mixins/_mixins.scss b/sass/mixins/_mixins.scss
index 6c2cba3..965cecf 100644
--- a/sass/mixins/_mixins.scss
+++ b/sass/mixins/_mixins.scss
@@ -1,12 +1,13 @@
-@mixin positioning($position, $width, $height){
-    position: $position;
-    width: $width;
-    height: $height;
+@mixin positioning($position, $width, $height) {
+  position: $position;
+  width: $width;
+  height: $height;
 }
 
 @mixin background($position, $size) {
-    background-position: $position;
-    background-size: $size;
+  background-position: $position;
+  background-repeat: no-repeat;
+  background-size: $size;
+  background-attachment: fixed;
+  filter: contrast(1.2);
 }
-
-    
\ No newline at end of file
diff --git a/sass/styles.css b/sass/styles.css
index 7ef6045..6b0e14a 100644
--- a/sass/styles.css
+++ b/sass/styles.css
@@ -4,18 +4,68 @@ body {
   box-sizing: border-box;
   margin: 0;
   color: white;
+  scroll-behavior: smooth;
+}
+
+::-webkit-scrollbar {
+  display: none;
 }
 
 @media (min-width: 0px) {
   #container {
+    background-image: url(https://cdn.homedit.com/wp-content/uploads/2021/11/Modern-Mansion.jpg);
     position: relative;
     width: 100%;
     height: 100dvh;
     background-position: center;
+    background-repeat: no-repeat;
     background-size: cover;
-    background-image: url(https://cdn.homedit.com/wp-content/uploads/2021/11/Modern-Mansion.jpg);
+    background-attachment: fixed;
+    filter: contrast(1.2);
+  }
+  #one {
+    background-image: url("https://cdn.homedsgn.com/wp-content/uploads/2014/05/Modern-Mansion-on-Sunset-Plaza-Drive-06.jpg");
+    position: relative;
+    width: 100%;
+    height: 100dvh;
+    background-position: center;
+    background-repeat: no-repeat;
     background-size: cover;
+    background-attachment: fixed;
+    filter: contrast(1.2);
+  }
+  #two {
+    background-image: url("https://images.squarespace-cdn.com/content/v1/58487dc4b8a79b6d02499b60/d779760a-5028-4209-ac02-6c72b19e6455/Francis+York+Bespoke+Modern+Mansion+in+the+Hills+of+Bel+Air+4.jpg");
+    position: relative;
+    width: 100%;
+    height: 100dvh;
+    background-position: center;
     background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+    filter: contrast(1.2);
+  }
+  #three {
+    background-image: url("https://e0.pxfuel.com/wallpapers/235/719/desktop-wallpaper-modern-mansions-background-1920x1080-mansion.jpg");
+    position: relative;
+    width: 100%;
+    height: 100dvh;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+    filter: contrast(1.2);
+  }
+  #four {
+    background-image: url("https://images.squarespace-cdn.com/content/v1/5e30b4c769dcbf426b421101/1627933275320-72S5CGBXSZ8248X2K9X0/01-Bundy-Drive-Brentwood-Luxury-Poolside-Living.jpg");
+    position: relative;
+    width: 100%;
+    height: 100dvh;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+    filter: contrast(1.2);
   }
   .navbar-brand {
     font-family: "Orbitron";
@@ -35,6 +85,9 @@ body {
   .nav li a {
     color: #ffffff;
   }
+  .nav li a:hover, .nav li a:active, .nav li a:focus {
+    color: #ebc590;
+  }
   .content {
     position: absolute;
     bottom: 10%;
diff --git a/sass/styles.css.map b/sass/styles.css.map
index 4de65ca..448d6d1 100644
--- a/sass/styles.css.map
+++ b/sass/styles.css.map
@@ -1 +1 @@
-{"version":3,"sources":["styles.scss","styles.css","mixins/_mixins.scss","fonts/_fonts.scss"],"names":[],"mappings":"AAEA;;;EAGE,sBAAA;EACA,SAAA;EACA,YAAA;ACDF;;ADUA;EACE;IEhBE,kBFiBqB;IEhBrB,WFgB+B;IEf/B,cFeqC;IEXrC,2BFYoB;IEXpB,sBFW4B;IAE5B,4FAAA;IACA,sBAAA;IACA,4BAAA;ECLF;EDQA;IACE,uBG3BM;IH4BN,cAdW;IAeX,eAAA;ECNF;EDQE;IACE,eAAA;IACA,cAnBS;ECab;EDUA;IACE,+BGrCQ;EF6BV;EDUE;IACE,iBAAA;ECRJ;EDUI;IACE,cAlCI;EC0BV;EDiBA;IACE,kBAAA;IACA,WAAA;IACA,iBAAA;IACA,UAAA;IACA,aAAA;IACA,sBAAA;IACA,kBAAA;ECfF;EDiBE;IACE,eAAA;IACA,gBAAA;IACA,0BAAA;IACA,cApDS;IAqDT,uBGnEI;EFoDR;EDkBE;IACE,cA7DM;IA8DN,2BAAA;IACA,+BGxEM;EFwDV;EDoBA;IACE,qBAAA;IACA,aAAA;IACA,kBAAA;IACA,2BAAA;IACA,yBAAA;IACA,cArEW;IAsEX,6BAAA;IACA,uBGrFM;IHsFN,iCAAA;EClBF;EDoBE;IACE,yBA3ES;IA4ET,YA/EK;IAgFL,iBAAA;EClBJ;AACF;ADsBA;EAEI;IACE,eAAA;ECrBJ;AACF;ADyBA;EACE;IACE,UAAA;ECvBF;AACF;AD0BA;EACE;IACE,UAAA;ECxBF;AACF;AD2BA;EAEI;IACE,eAAA;EC1BJ;AACF;AD8BA;EACE;IACE,+BG7HQ;EFiGV;ED8BE;IACE,iBAAA;EC5BJ;ED8BI;IACE,cA1HI;EC8FV;EDiCA;IACE,UAAA;EC/BF;EDiCE;IACE,eAAA;IACA,gBAAA;EC/BJ;EDkCE;IACE,+BGjJM;EFiHV;EDoCA;IACE,kBAAA;IACA,UAAA;IACA,SAAA;EClCF;AACF","file":"styles.css"}
\ No newline at end of file
+{"version":3,"sources":["styles.scss","styles.css","mixins/_mixins.scss","fonts/_fonts.scss"],"names":[],"mappings":"AAEA;;;EAGE,sBAAA;EACA,SAAA;EACA,YAAA;EACA,uBAAA;ACDF;;ADIA;EACE,aAAA;ACDF;;ADUA;EACE;IACE,4FAAA;IEtBF,kBFuBuB;IEtBvB,WFsBiC;IErBjC,cFqBuC;IEjBvC,2BFkBsB;IEjBtB,4BAAA;IACA,sBFgB8B;IEf9B,4BAAA;IACA,qBAAA;EDaA;EDIA;IACE,wHAAA;IE5BF,kBF6BuB;IE5BvB,WF4BiC;IE3BjC,cF2BuC;IEvBvC,2BFwBsB;IEvBtB,4BAAA;IACA,sBFsB8B;IErB9B,4BAAA;IACA,qBAAA;EDwBA;EDDA;IACE,sMAAA;IElCF,kBFmCuB;IElCvB,WFkCiC;IEjCjC,cFiCuC;IE7BvC,2BF8BsB;IE7BtB,4BAAA;IACA,sBF4B8B;IE3B9B,4BAAA;IACA,qBAAA;EDmCA;EDNA;IACE,oIAAA;IExCF,kBFyCuB;IExCvB,WFwCiC;IEvCjC,cFuCuC;IEnCvC,2BFoCsB;IEnCtB,4BAAA;IACA,sBFkC8B;IEjC9B,4BAAA;IACA,qBAAA;ED8CA;EDXA;IACE,sLAAA;IE9CF,kBF+CuB;IE9CvB,WF8CiC;IE7CjC,cF6CuC;IEzCvC,2BF0CsB;IEzCtB,4BAAA;IACA,sBFwC8B;IEvC9B,4BAAA;IACA,qBAAA;EDyDA;EDhBA;IACE,uBGrDM;IHsDN,cAnCW;IAoCX,eAAA;ECkBF;EDhBE;IACE,eAAA;IACA,cAxCS;EC0Db;EDdA;IACE,+BG/DQ;EF+EV;EDdE;IACE,iBAAA;ECgBJ;EDdI;IACE,cAvDI;ECuEV;EDdM;IAGE,cAxDK;ECsEb;EDJA;IACE,kBAAA;IACA,WAAA;IACA,iBAAA;IACA,UAAA;IACA,aAAA;IACA,sBAAA;IACA,kBAAA;ECMF;EDJE;IACE,eAAA;IACA,gBAAA;IACA,0BAAA;IACA,cA/ES;IAgFT,uBGnGI;EFyGR;EDHE;IACE,cAxFM;IAyFN,2BAAA;IACA,+BGxGM;EF6GV;EDDA;IACE,qBAAA;IACA,aAAA;IACA,kBAAA;IACA,2BAAA;IACA,yBAAA;IACA,cAhGW;IAiGX,6BAAA;IACA,uBGrHM;IHsHN,iCAAA;ECGF;EDDE;IACE,yBAtGS;IAuGT,YA1GK;IA2GL,iBAAA;ECGJ;AACF;ADCA;EAEI;IACE,eAAA;ECAJ;AACF;ADIA;EACE;IACE,UAAA;ECFF;AACF;ADKA;EACE;IACE,UAAA;ECHF;AACF;ADMA;EAEI;IACE,eAAA;ECLJ;AACF;ADSA;EACE;IACE,+BG7JQ;EFsJV;EDSE;IACE,iBAAA;ECPJ;EDSI;IACE,cArJI;EC8IV;EDYA;IACE,UAAA;ECVF;EDYE;IACE,eAAA;IACA,gBAAA;ECVJ;EDaE;IACE,+BGjLM;EFsKV;EDeA;IACE,kBAAA;IACA,UAAA;IACA,SAAA;ECbF;AACF","file":"styles.css"}
\ No newline at end of file
diff --git a/sass/styles.scss b/sass/styles.scss
index afd826f..b168875 100644
--- a/sass/styles.scss
+++ b/sass/styles.scss
@@ -6,6 +6,11 @@ body {
   box-sizing: border-box;
   margin: 0;
   color: white;
+  scroll-behavior: smooth;
+}
+
+::-webkit-scrollbar {
+  display: none;
 }
 
 $light-clr: #ffffff;
@@ -16,12 +21,33 @@ $accent-clr-3: #ebc590;
 
 @media (min-width: 0px) {
   #container {
+    background-image: url(https://cdn.homedit.com/wp-content/uploads/2021/11/Modern-Mansion.jpg);
     @include positioning(relative, 100%, 100dvh);
     @include background(center, cover);
+  }
 
-    background-image: url(https://cdn.homedit.com/wp-content/uploads/2021/11/Modern-Mansion.jpg);
-    background-size: cover;
-    background-repeat: no-repeat;
+  #one {
+    background-image: url("https://cdn.homedsgn.com/wp-content/uploads/2014/05/Modern-Mansion-on-Sunset-Plaza-Drive-06.jpg");
+    @include positioning(relative, 100%, 100dvh);
+    @include background(center, cover);
+  }
+
+  #two {
+    background-image: url("https://images.squarespace-cdn.com/content/v1/58487dc4b8a79b6d02499b60/d779760a-5028-4209-ac02-6c72b19e6455/Francis+York+Bespoke+Modern+Mansion+in+the+Hills+of+Bel+Air+4.jpg");
+    @include positioning(relative, 100%, 100dvh);
+    @include background(center, cover);
+  }
+
+  #three {
+    background-image: url("https://e0.pxfuel.com/wallpapers/235/719/desktop-wallpaper-modern-mansions-background-1920x1080-mansion.jpg");
+    @include positioning(relative, 100%, 100dvh);
+    @include background(center, cover);
+  }
+
+  #four {
+    background-image: url("https://images.squarespace-cdn.com/content/v1/5e30b4c769dcbf426b421101/1627933275320-72S5CGBXSZ8248X2K9X0/01-Bundy-Drive-Brentwood-Luxury-Poolside-Living.jpg");
+    @include positioning(relative, 100%, 100dvh);
+    @include background(center, cover);
   }
 
   .navbar-brand {
@@ -43,6 +69,12 @@ $accent-clr-3: #ebc590;
 
       a {
         color: $light-clr;
+
+        &:hover,
+        &:active,
+        &:focus {
+          color: $accent-clr-3;
+        }
       }
     }
   }