Karmastore

LMgaga · LMgaga · commit d56f16624da2 · 2022-07-22T21:56:36.000+01:00
diff --git a/css/style.css b/css/style.css
@@ -177,10 +177,30 @@ form div {
 }
 .homepage_feature {
     float: left;
+    margin-right: 70px;
 }
 .feature {
     margin-left: 10%;
 }
 .terms {
     color: #e0633a;
-}
+}
+.Karma_action {
+    height: 280px;
+    padding-top: 10%;
+    background-color: #fcf0ec;
+    width: 90%;
+}
+.submit_button {
+        background-color: #e0633a;
+        height: 40px;
+        width: 140px;
+        margin-left: 10%;
+        border-radius: 3px;
+        border: none;
+        color: white;
+    }
+    .quotation_mark {
+        color: #e0633a;
+        font-size: 30px;
+    }
diff --git a/index.html b/index.html
@@ -51,12 +51,14 @@ <h3>Pay as You Go</h3>
         </div>
         <div class="clear"></div>
         <div class="feature">
-            <div >
-                <img class="homepage_feature" src="/img/homepage-feature.png">
-                <div>
-                    <p>"Wherever I am, I just don't worry about my connection anymore!"</p>
-                    <!-- <button>Get Karma today</button>-->
-                </div>
+            <div class="homepage_feature">
+                <img src="/img/homepage-feature.png">
+            </div>
+            <div class="Karma_action">
+                <form action="store.html" method="get">
+                    <p><span class="quotation_mark">"</span>Wherever I am, I just don't worry about my connection anymore!<span class="quotation_mark">"</span></p>
+                     <input class="submit_button" type="submit" value="Get Karma today"></input>
+                </form>
             </div>
             
         </div>
diff --git a/store.html b/store.html
@@ -21,7 +21,7 @@
             <ul>
                 <li><a href="#">Meet Karma</a></li>
                 <li><a href="#">How it Works</a></li>
-                <li><a href="#">Store</a></li>
+                <li><a href="index.html">Store</a></li>
                 <li><a href="#">Blog</a></li>
                 <li><a href="#">Help</a></li>
             </ul>
