updating styles for dream

BracketNerd101 · Jul 21, 2024 · d883523 · d883523
1 parent 8a4f211
commit d883523
Show file tree

Hide file tree

Showing 8 changed files with 75 additions and 32 deletions.
diff --git a/dream.html b/dream.html
@@ -91,13 +91,13 @@ <h4 class="stacked-logo">arthur <br> charles<br>edwards</h4>
     </div>
   </div>
 
-  <body class="custom-dark">
+  <body class="">
     <nav class="navbar fixed-top naked-nav">
       <div class="container">
         <a class="navbar-brand custom-logo-style" href="index.html">
 
         </a>
-        <a
+        <!-- <a
           class="text-black plus-button-style"
           data-bs-toggle="offcanvas"
           data-bs-target="#offcanvasRight"
@@ -114,39 +114,61 @@ <h4 class="stacked-logo">arthur <br> charles<br>edwards</h4>
             <path
               d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z"
             /></svg
-        ></a>
+        ></a> -->
       </div>
     </nav>
     <section class="hero-slider-container">
       <div class="container-fluid">
         <div class="row">
           <div class="col-lg-4">
             <h1
-              class="san-serif-headline fw-bold text-dark pt-5">
+              class="san-serif-headline special-intro fw-bold text-black display-7">
               arthur charles edwards
             </h1>
-                    <h3 class="lead text-secondary meet-designer">I'm a visual designer, ready to build more mobile apps, marketing campaigns, and brand strategies.</h3>
+            <p class="lead text-black px-4">I'm a visual designer, ready to build more mobile apps, marketing campaigns, and brand strategies.</p>
+
 
-                    <!-- <p class="cover-text pt-4 fw-light display-7">
-                Selected work below. &nbsp; <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-down-circle-fill" viewBox="0 0 16 16">
-  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/>
-</svg>
-            </p>    -->
 
         </div>
         <div class="col-lg-8">
-          <div id="slidy-container">
-            <figure id="slidy">
-              <img src="/img/netsol-img/park-poaster.png" alt="eyes" height="100%" >
-              <img src="/img/bill-refresh/payment-success.jpg" alt="lou" height="100%" >
-              <img src="/img/blue-img/blue-hero-3.png" alt="lucie-2" height="100%" >
-              <img src="/img/dmn-img/award-3.png" alt="lucie" height="100%" >
-            </figure>
+          <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
+          <div class="carousel-inner">
+            <div class="carousel-item">
+              <div class="thumb-netsol d-block w-100" alt="..."></div>
+            </div>
+            <div class="carousel-item">
+              <div  class="thumb-web-friday d-block w-100" alt="..."></div>
+            </div>
+            <div class="carousel-item">
+              <div class="thumb-workspace border d-block w-100" alt="..."></div>
+            </div>
+            <div class="carousel-item">
+              <div class="thumb-dmn-social d-block w-100" alt="..."></div>
+            </div>
           </div>
         </div>
+
+        </div>
         </div>
       </div>
 
+    </section>
+
+    <section class="announcement pt-2">
+      <div class="container">
+      <div class="row pt-5 mt-5">
+        <div class="col-lg-12">
+          <h3 class="display-1 san-serif-headline">I have 8 years of professional experience 
+          </h3>
+        </div>
+        <div class="col-lg-12">
+
+          <p class="display-5">
+             I've designed marketing campaigns, coded with Front-End Developers, and created modern design systems.
+          </p>
+        </div>
+      </div>
+    </div>
     </section>
         <!-- <div class="container">
       <div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade" data-bs-ride="carousel">

diff --git a/expertise.html b/expertise.html
@@ -172,7 +172,6 @@ <h3 class="display-5">Visual Design
         <div class="col-lg-5">
           <hr class="text-black">
           <h3 class="display-6">Web Development 
-
           </h3>
         </div>
         <div class="col-lg-7">

diff --git a/scss/dream-slider.css b/scss/dream-slider.css
@@ -1,9 +1,16 @@
-#slidy-container {
+.hero-slider-container {
+  height: inherit;
   width: 100%;
-  overflow: hidden;
+  margin-top: 0px;
+  padding-top: 0px;
 }
 
-.hero-slider-container {
-  width: 100vw;
-  height: 100%;
+.hero-slider-container .special-intro {
+  margin-top: 20rem;
+  margin-left: 1.5rem;
+}
+
+.announcement {
+  background-color: #5c03b1;
+  color: #FFFFFF;
 }
diff --git a/scss/dream-slider.min.css b/scss/dream-slider.min.css
@@ -1 +1 @@
-#slidy-container{width:100%;overflow:hidden}.hero-slider-container{width:100vw;height:100%}
+.hero-slider-container{height:inherit;width:100%;margin-top:0px;padding-top:0px}.hero-slider-container .special-intro{margin-top:20rem;margin-left:1.5rem}.announcement{background-color:#5c03b1;color:#FFFFFF}
diff --git a/scss/dream-slider.scss b/scss/dream-slider.scss
@@ -1,12 +1,27 @@
 
 
+.hero-slider-container{
+
+
+    height: inherit;
+    width: 100%;
+    margin-top: 0px;
+    padding-top: 0px;
+
+    // background-color: #03c7c1;
+
+    .special-intro {
+
+        margin-top: 20rem;
+        margin-left: 1.5rem;
+    }
 
-#slidy-container { 
-  width: 100%; overflow: hidden; 
 }
 
-.hero-slider-container{
+.announcement {
+
+    background-color: #5c03b1;
+    color: #FFFFFF;
+
 
-    width: 100vw;
-    height: 100%;
 }
diff --git a/scss/nav-style.css b/scss/nav-style.css
@@ -114,7 +114,7 @@
 }
 
 .thumb-web-friday {
-  background: url("../img/web-img/wall-1.svg") center/cover no-repeat;
+  background: url("..img/web-img/ipad-black-friday.jpg") center/cover no-repeat;
   height: 43rem;
   width: 100vw;
   margin-left: auto;

diff --git a/scss/nav-style.min.css b/scss/nav-style.min.css
diff --git a/scss/nav-style.scss b/scss/nav-style.scss
@@ -155,7 +155,7 @@ padding-top: 1.5rem;
 
 .thumb-web-friday {
 
-    background: url("../img/web-img/wall-1.svg") center / cover no-repeat; 
+    background: url("..img/web-img/ipad-black-friday.jpg") center / cover no-repeat; 
 
     height: 43rem;
     width: 100vw;
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		#slidy-container{width:100%;overflow:hidden}.hero-slider-container{width:100vw;height:100%}
		.hero-slider-container{height:inherit;width:100%;margin-top:0px;padding-top:0px}.hero-slider-container .special-intro{margin-top:20rem;margin-left:1.5rem}.announcement{background-color:#5c03b1;color:#FFFFFF}