tmp work

output/author/aga.html

@@ -79,10 +79,9 @@
     </div>
 </nav><main>
     <div class="container">
-    <div class="row homepage">
-        <section id="section-links" class="section-links col col-5">
+    <div class="row justify-content-between homepage">
+        <section id="section-links" class="section-links col col-lg-5 col-md-12">
             <div class="section-links--content">
-                <img id="logo" src="../theme/images/logo.svg" alt="Cottage Labs Logo">
                 <h1>MAKE THE MOST OF YOUR DATA</h1>
                 <div class="line"></div>
                 <div class="links-container">
@@ -101,7 +100,7 @@ <h1>MAKE THE MOST OF YOUR DATA</h1>
                 </div>
             </div>
         </section>
-        <section id="section-clients" class="section-clients col-auto">
+        <section id="section-clients" class="section-clients col-lg-6 col-md-12">
 <h2>Trusted partners with</h2>
 <div class="clients-logos-container">
     <a href="http://antleaf.com/" title="Antleaf" target="_blank">

output/category/projects.html

@@ -79,10 +79,9 @@
     </div>
 </nav><main>
     <div class="container">
-    <div class="row homepage">
-        <section id="section-links" class="section-links col col-5">
+    <div class="row justify-content-between homepage">
+        <section id="section-links" class="section-links col col-lg-5 col-md-12">
             <div class="section-links--content">
-                <img id="logo" src="../theme/images/logo.svg" alt="Cottage Labs Logo">
                 <h1>MAKE THE MOST OF YOUR DATA</h1>
                 <div class="line"></div>
                 <div class="links-container">
@@ -101,7 +100,7 @@ <h1>MAKE THE MOST OF YOUR DATA</h1>
                 </div>
             </div>
         </section>
-        <section id="section-clients" class="section-clients col-auto">
+        <section id="section-clients" class="section-clients col-lg-6 col-md-12">
 <h2>Trusted partners with</h2>
 <div class="clients-logos-container">
     <a href="http://antleaf.com/" title="Antleaf" target="_blank">

output/index.html

@@ -79,10 +79,9 @@
     </div>
 </nav><main>
     <div class="container">
-    <div class="row homepage">
-        <section id="section-links" class="section-links col col-5">
+    <div class="row justify-content-between homepage">
+        <section id="section-links" class="section-links col col-lg-5 col-md-12">
             <div class="section-links--content">
-                <img id="logo" src="./theme/images/logo.svg" alt="Cottage Labs Logo">
                 <h1>MAKE THE MOST OF YOUR DATA</h1>
                 <div class="line"></div>
                 <div class="links-container">
@@ -101,7 +100,7 @@ <h1>MAKE THE MOST OF YOUR DATA</h1>
                 </div>
             </div>
         </section>
-        <section id="section-clients" class="section-clients col-auto">
+        <section id="section-clients" class="section-clients col-lg-6 col-md-12">
 <h2>Trusted partners with</h2>
 <div class="clients-logos-container">
     <a href="http://antleaf.com/" title="Antleaf" target="_blank">

output/theme/scss/base.scss

@@ -4,10 +4,12 @@ body {
   margin: 0;
   padding: 0;
   background-color: $baby-powder;
+  background-image: $nav-gradient;
   color: $black;
   display: flex;
   flex-direction: column;
   min-height: 100vh;
+
 }
 
 main {
@@ -19,6 +21,7 @@ main {
   .container {
     margin-top: $nav-height;
   }
+
 }
 
 ::-webkit-scrollbar {

output/theme/scss/components/_footer.scss

@@ -4,7 +4,7 @@ footer {
   width: 100%;
   padding: 1.5rem 0;
   min-height: $footer-height;
-  margin-top: 50px;
+  margin-top: -5rem;
   background: $black;
   color: $white;
 

output/theme/scss/components/_nav.scss

@@ -2,21 +2,18 @@ nav {
   position: fixed !important;
   top: 0;
   width: 100%;
-  background-image: $nav-gradient;
-  background-color: $baby-powder;
-  height: $nav-height;
   padding: 0;
-  z-index: 1;
+  z-index: 5;
 
   .container {
     display: flex;
     align-items: center;
-    justify-content: space-around;
+    width: 100%;
   }
 
   .nav-links {
     display: flex;
-    width: 50%;
+    width: 100%;;
     justify-content: flex-end;
 
   }

output/theme/scss/custom/_colors.scss

@@ -10,4 +10,4 @@ $blue: #005b93;
 $moonstone: #67A6D1;
 $black: #333333;
 $grey: #8c8c8c;
-$nav-gradient: linear-gradient(180deg, rgba(96, 62, 31, .2) 0%, rgba(255, 252, 248, 1) 100%);
+$nav-gradient: linear-gradient(180deg, rgba(96, 62, 31, .2) 0%, rgba(255, 252, 248, 1) 30%);