Update index.html

mcbjt · Oct 29, 2024 · d518fd9 · d518fd9
1 parent dfd01b0
commit d518fd9
Showing 1 changed file with 27 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -6,10 +6,10 @@
     <title>Mata Chintpurni/Bala Ji Temple - Under Construction</title>
     <style>
         body {
-            font-family: Arial, sans-serif;
+            font-family: 'Arial', sans-serif;
             margin: 0;
-            padding: 20px; /* Added padding */
-            background-color: #f0f0f0;
+            padding: 20px;
+            background: linear-gradient(to right, #e0e0e0, #f8f8f8);
             color: #333;
             display: flex;
             justify-content: center;
@@ -20,25 +20,32 @@
         }
         h1 {
             color: #6a1b9a;
-            font-size: 3em; /* Adjust if needed */
+            font-size: 3.5em;
             margin: 0;
-            padding: 20px 0; /* Added padding */
+            padding: 20px 0;
+            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
         }
         p {
-            font-size: 1.2em;
+            font-size: 1.3em;
             margin: 15px 0;
+            line-height: 1.5;
         }
         .contact-info {
             background-color: white;
             padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+            border-radius: 10px;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
             max-width: 400px;
             margin-top: 20px;
+            transition: transform 0.3s;
+        }
+        .contact-info:hover {
+            transform: scale(1.05);
         }
         .contact-info h2 {
             color: #6a1b9a;
             margin-top: 0;
+            font-size: 2em;
         }
         .contact-info p {
             margin: 5px 0;
@@ -49,8 +56,8 @@
         img {
             max-width: 100%;
             height: auto;
-            border-radius: 8px;
-            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+            border-radius: 10px;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
         }
         .video-container {
             margin-top: 20px;
@@ -61,13 +68,22 @@
             width: 100%;
             height: 400px;
             border: none;
+            border-radius: 10px;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+        }
+        a {
+            color: #6a1b9a;
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
         }
     </style>
 </head>
 <body>
     <h1>Website Under Construction</h1>
     <h1>वेबसाइट निर्माणाधीन है</h1>
-    <p>We are working hard to bring temple's website to you. Please check back soon!</p>
+    <p>We are working hard to bring the temple's website to you. Please check back soon!</p>
     <p>हम आपके लिए मंदिर की वेबसाइट तैयार करने के लिए मेहनत कर रहे हैं। कृपया जल्द ही फिर से चेक करें!</p>
 
     <div class="contact-info">