diff --git a/index.html b/index.html
index 6c2dc78..26ea58f 100644
--- a/index.html
+++ b/index.html
@@ -43,7 +43,7 @@
         }
 
         .card {
-            background: rgba(30, 30, 30, 0.5);
+            background: rgba(33, 33, 33, 0.5);
             border: none;
             border-radius: 10px;
             transition: transform 0.3s ease;
@@ -138,8 +138,10 @@
                 <!-- Card 1 -->
                 <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
-                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
+                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 60px;">
+                           <a href="http://timesheet.wdipl.com" target="_blank">
                             <img src="images/kimai.png" alt="Kimai">
+                           </a>
                         </div>
                         <h5 class="card-title">Kimai</h5>
                         <div class="links-main">
@@ -157,8 +159,10 @@
                 <!-- Card 2 -->
                 <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
-                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
-                            <img src="images/codehub.png" alt="Codehub">
+                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 60px;">
+                            <a href="http://git.wdipl.com" target="_blank">
+                                <img src="images/codehub.png" alt="Codehub">
+                            </a>
                         </div>
                         <h5 class="card-title">Codehub</h5>
                         <div class="links-main">
@@ -176,8 +180,10 @@
                 <!-- Card 3 -->
                 <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
-                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
-                            <img src="images/bugzila.png" alt="Bugzilla">
+                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 60px;">
+                            <a href="http://bugzilla.wdipl.com" target="_blank">
+                                <img src="images/bugzila.png" alt="Bugzilla">
+                            </a>
                         </div>
                         <h5 class="card-title">Bugzilla</h5>
                         <div class="links-main">
@@ -195,8 +201,10 @@
                 <!-- Card 4 -->
                 <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
-                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
-                            <img src="images/hrms.png" alt="HRMS">
+                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 60px;">
+                            <a href="http://hrms.wdipl.com" target="_blank">
+                                <img src="images/hrms.png" alt="HRMS">
+                            </a>
                         </div>
                         <h5 class="card-title">HRMS</h5>
                         <div class="links-main">
@@ -214,8 +222,10 @@
                 <!-- Card 5 -->
                 <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
-                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
-                            <img src="images/hr-policy.png" alt="HR Policies">
+                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 60px;">
+                            <a href="images/WDI-Policies.pdf" target="_blank">
+                                <img src="images/hr-policy.png" alt="HR Policies">
+                            </a>
                         </div>
                         <h5 class="card-title">HR Policies</h5>
                         <div class="links-main justify-content-center">
@@ -233,8 +243,10 @@
                 <!-- Card 6 -->
                 <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
-                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
-                            <img src="images/leaves.png" alt="Leaves">
+                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 60px;">
+                            <a href="images/Holiday_list_24-25.pdf" target="_blank">
+                                <img src="images/leaves.png" alt="Leaves">
+                            </a>
                         </div>
                         <h5 class="card-title">Leaves</h5>
                         <div class="links-main justify-content-center">
@@ -252,8 +264,10 @@
                 <!-- Card 7 -->
                 <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
-                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
-                            <img src="images/contact-hr.png" alt="Contact HR">
+                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 60px;">
+                            <a href="skype:pooja-wdipl?chat" target="_blank">
+                                <img src="images/contact-hr.png" alt="Contact HR">
+                            </a>
                         </div>
                         <h5 class="card-title">Contact HR</h5>
                         <div class="links-main justify-content-center">
@@ -271,8 +285,10 @@
                 <!-- Card 8 -->
                 <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
-                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
-                            <img src="images/help.png" alt="Help">
+                        <div class="d-flex justify-content-center align-items-center mb-3" style="height: 60px;">
+                            <a href="mailto:hr@wdipl.com" target="_blank">
+                                <img src="images/help.png" alt="Help">
+                            </a>
                         </div>
                         <h5 class="card-title">Help</h5>
                         <div class="links-main justify-content-center">