Update home

alissatroiano · Apr 23, 2022 · d96471a · d96471a
1 parent b8da920
commit d96471a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 17 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -5,16 +5,12 @@
 :root {
     --bg-gray-1: #fafafa;
     --bg-gray-2: #f0f0f0;
-    --bg-blue-dark: #1a1a1a;
-    --bg-blue-light: #95befd;
     --p-blue-1: #303854;
-    --p-blue-2: #0957a2;
-    --p-green: #529651;
-    --s-yellow: #E8A413;
+    --p-yellow: #E8A413;
+    --p-blue-3: #0d1018;
     --s-blue: #79C1CC;
     --s-green-1: #9df19c;
-    --t-blue: #0d1018;
-    --t-green: #b6f5b5;
+    --s-green-2: #b6f5b5;
 }
 
 * {
@@ -44,29 +40,30 @@ h6 {
 }
 
 .btn.btn-main {
-    background-color: var(--p-blue-2);
+    background-color: #4b5887;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     color: var(--bg-gray-1);
     margin-left: 10px;
 }
 
 .btn.btn-main:hover {
-    background-color: var(--bg-blue-light);
+    background-color: var(--p-blue-1);
+    color: var(--bg-gray-1);
+
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-    color: var(--p-blue-1);
     margin-left: 10px;
 }
 
-.btn.btn-blue {
-    background-color: var(--p-green);
+/* .btn.btn-blue {
+    background-color: #79c1cc;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     color: var(--p-blue-1);
     margin-left: 10px;
 }
 
 .btn.btn-blue:hover {
     background-color: #79c1cca8;
-}
+} */
 
 /* Navbar */
 .navbar {
@@ -88,7 +85,7 @@ h6 {
     text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
 }
 
-#cta-nav {
+/* #cta-nav {
     background-color: #79c1cc;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     color: var(--p-blue-1);
@@ -98,7 +95,7 @@ h6 {
 #cta-nav:hover {
     background-color: #79c1cca8;
     color: var(--p-blue-1);
-}
+} */
 
 /* Landing Page */
 .jumbotron {

diff --git a/index.html b/index.html
@@ -29,8 +29,7 @@ <h1 class="display-4">Welcome to Electrillo</h1>
             <p class="lead my-3 my-md-4 my-lg-5 pe-3 pe-md-5">Electrillo is a web application that will let users find
               out how driving an electric vehicle
               can save them money and improve the planet.</p>
-            <a class="btn btn-main btn-lg cta-button" href="questions.html" role="button">Start Here</a>
-            <a class="btn btn-blue btn-lg cta-button" href="#mission" role="button">Mission Statement</a>
+            <a class="btn btn-main btn-lg cta-button me-2 me-md-4" href="questions.html" role="button">Start Here</a>
             </p>
           </div>
           <div class="col-12 col-md-7" id="img-column">