diff --git a/index.html b/index.html
index aaf8e02f..2de2b86d 100644
--- a/index.html
+++ b/index.html
@@ -152,6 +152,12 @@
         flex-direction: row;
         align-items: center;
       }
+
+      .card button{
+        margin-bottom: 20px;
+        border-radius: 10px;
+        padding: 15px;
+      }
     </style>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
   </head>
@@ -335,7 +341,7 @@ <h3>
       <div class="cards">
         <div class="card">
           <div class="card-icon">
-            <img src="/icons/route-solid.svg" />
+            <img src="./icons/route-solid.svg" />
           </div>
           <h4>Travel</h4>
           <p>
@@ -343,10 +349,11 @@ <h4>Travel</h4>
             serene mountains to sunny beaches, find your next adventure
             without breaking the bank. Start exploring now!
           </p>
+          <button id="btn"><a href="book.html ">Explore Itineraries</a></button>
         </div>
         <div class="card">
           <div class="card-icon">
-            <img src="/icons/bed-solid.svg" />
+            <img src="./icons/bed-solid.svg" />
           </div>
           <h4>Hotel</h4>
           <p>
@@ -354,10 +361,11 @@ <h4>Hotel</h4>
             Book your perfect stay today and enjoy premium accommodations
             without the premium price tag!
           </p>
+          <button id="btn"><a href="book.html ">See Hotels</a></button>
         </div>
         <div class="card">
           <div class="card-icon">
-            <img src="/icons/plane-departure-solid.svg" />
+            <img src="./icons/plane-departure-solid.svg" />
           </div>
           <h4>Fly</h4>
           <p>
@@ -365,6 +373,7 @@ <h4>Fly</h4>
             the best flight deals, combining comfort and affordability for
             perfect journey. Book now and take off for less!
           </p>
+          <button id="btn"><a href="book.html ">See Flights</a></button>
         </div>
       </div>
     </section>