connect two pages

Author: Ebtesammm

css/style.css

@@ -82,17 +82,17 @@ body{
 
  }
 
-button {
+.learn-more-btn {
    background-color:rgb(255, 94, 0);
     border-radius: 4px;
-    border:  rgb(255, 128, 0)  ;
+    border:  rgba(211, 181, 152, 0.822)  ;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 20px;
     padding-right: 20px;
     margin-top: 30px;
-    
- }
+    width:200px;
+}
 
 
 
@@ -173,7 +173,7 @@ color: rgba(0, 0, 0, 0.541);
     border-radius: 4px;
     border:  rgb(255, 128, 0)  ;
     color: white;
-
+    width:200px;
 
 }
 
@@ -233,7 +233,7 @@ color: rgba(0, 0, 0, 0.541);
             width: 48%; 
         }
 
-        button {
+       .submit-button {
             background-color: #f4623a;
             color: white;
             border: none;

index.html

@@ -23,7 +23,10 @@
             <ul class="navbar">
 <li><a href="#karma"> <b>Meet Karma</b></a> </li>
 <li> <a href="#how-it-work">How it work</a> </li>
+
+<a href="store.html">
 <li><a href="#store" >Store</a></li>
+</a>
 <li> <a href="#blog">Blog</a></li>
 <li><a href="#help">Help </a></li>
 <li> <aLogin</li>
@@ -39,7 +42,7 @@
 <section class="section-one">
     <h1> introducing karma</h1>
         <p>Bring wifi with you,everywhere you go</p>
-   <button> Learn More</button>
+   <button class="learn-more-btn"> Learn More</button>
 </section>
 
 <br><br>

store.html

@@ -76,7 +76,7 @@ <h1>Order your Karma wifi device today!</h1>
                 </div>
 
 
-                <button type="submit">Place my order</button>
+                <button type="submit">Place my order</button class="submit-button">
             </form>
         </div>