js

sarayu-pr11 · Jun 5, 2023 · 1bedf65 · 1bedf65
1 parent 8684613
commit 1bedf65
Showing 1 changed file with 48 additions and 2 deletions.
diff --git a/_pages/javascript.html b/_pages/javascript.html
@@ -8,14 +8,54 @@
 <head>
   <title>Weather Data</title>
   <style>
+    body {
+      background-color: #D3E6F7;
+      font-family: Arial, sans-serif;
+      color: #333;
+      margin: 0;
+      padding: 20px;
+    }
+
+    h1 {
+      text-align: center;
+    }
+
     table {
       border-collapse: collapse;
       width: 100%;
+      margin-top: 20px;
+      background-color: #FFF;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     }
+
     th, td {
-      padding: 8px;
+      padding: 10px;
       text-align: left;
-      border-bottom: 1px solid #ddd;
+    }
+
+    th {
+      background-color: #B3DDEF;
+      font-weight: bold;
+      color: #333;
+    }
+
+    td {
+      border-bottom: 1px solid #E3F2FD;
+    }
+
+    tbody tr:hover {
+      background-color: #F1F8FE;
+    }
+
+    .unique {
+      text-align: center;
+      margin-top: 20px;
+    }
+
+    .unique img {
+      max-width: 300px;
+      border-radius: 50%;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
     }
   </style>
 </head>
@@ -33,6 +73,12 @@ <h1>Weather Data</h1>
     </tbody>
   </table>
 
+  <div class="unique">
+    <img src="https://example.com/unique-image.jpg" alt="Unique Image">
+    <h2>Stay curious, stay creative!</h2>
+    <p>Here's a unique image to spark your imagination.</p>
+  </div>
+
   <script>
     // Fetch weather data
     fetch('https://api.weatherapi.com/v1/forecast.json?key=9e0198f1aff848e6a6c53224230506&q=New%20York&days=5')