Update index.html

mdzaberalhamid · web-flow · commit 116e324d5f78 · 2023-04-26T02:33:40.000+06:00
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
         }
         body {
             font-family: Arial, Helvetica, sans-serif;
-            background-color: #eee;
+            background-color: #f7f7f7;
         }
         h1 {
             text-align: center;
@@ -24,28 +24,39 @@
             width: 90%;
             border: 1px solid black;
             border-collapse: collapse;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+            /* font-weight: bold; */
         }
         table th, td {
             border: 1px solid black;
             padding: 5px 20px;
         }
+        a {
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
         .center {
             text-align: center;
         }
+        #t-head {
+            background-color: yellow;
+        }
     </style>
 </head>
 <body>
     <h1>HTML CSS JavaScript Projects</h1>
     <table>
-        <tr>
+        <tr id="t-head">
             <th class="center">No.</th>
             <th>Project Name</th>
             <th>Live link</th>
         </tr>
         <tr>
             <td class="center">1</td>
             <td>Age Calculator</td>
-            <td class="center"><a href="#" target="_blank">Click here</a></td>
+            <td class="center"><a href="./project-1-age-calculator/index.html" target="_blank">Click here</a></td>
         </tr>
         <tr>
             <td class="center">2</td>
@@ -59,4 +70,4 @@ <h1>HTML CSS JavaScript Projects</h1>
         </tr>
     </table>
 </body>
-</html>
+</html>
