Update index.html

mcbjt · Oct 29, 2024 · 8581dee · 8581dee
1 parent d518fd9
commit 8581dee
Showing 1 changed file with 47 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Mata Chintpurni/Bala Ji Temple - Under Construction</title>
+    <title>Mata Chintpurni Bala Ji Temple - Under Construction</title>
     <style>
         body {
             font-family: 'Arial', sans-serif;
@@ -12,21 +12,31 @@
             background: linear-gradient(to right, #e0e0e0, #f8f8f8);
             color: #333;
             display: flex;
-            justify-content: center;
+            flex-direction: column;
             align-items: center;
+            justify-content: center;
             height: 100vh;
             text-align: center;
-            flex-direction: column;
+        }
+        header {
+            background-color: #6a1b9a;
+            color: white;
+            width: 100%;
+            padding: 20px 0;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
         }
         h1 {
-            color: #6a1b9a;
-            font-size: 3.5em;
+            font-size: 2.5em;
             margin: 0;
-            padding: 20px 0;
             text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
         }
+        h2 {
+            font-size: 1.8em;
+            margin-top: 10px;
+            font-style: italic;
+        }
         p {
-            font-size: 1.3em;
+            font-size: 1.2em;
             margin: 15px 0;
             line-height: 1.5;
         }
@@ -42,19 +52,13 @@
         .contact-info:hover {
             transform: scale(1.05);
         }
-        .contact-info h2 {
-            color: #6a1b9a;
-            margin-top: 0;
-            font-size: 2em;
-        }
-        .contact-info p {
-            margin: 5px 0;
-        }
         .image-container {
             margin-top: 20px;
+            width: 100%;
+            max-width: 600px;
         }
         img {
-            max-width: 100%;
+            width: 100%;
             height: auto;
             border-radius: 10px;
             box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
@@ -78,11 +82,36 @@
         a:hover {
             text-decoration: underline;
         }
+        @media (max-width: 768px) {
+            h1 {
+                font-size: 2em;
+            }
+            h2 {
+                font-size: 1.5em;
+            }
+            p {
+                font-size: 1em;
+            }
+        }
+        @media (max-width: 480px) {
+            h1 {
+                font-size: 1.5em;
+            }
+            h2 {
+                font-size: 1.2em;
+            }
+            p {
+                font-size: 0.9em;
+            }
+        }
     </style>
 </head>
 <body>
-    <h1>Website Under Construction</h1>
-    <h1>वेबसाइट निर्माणाधीन है</h1>
+    <header>
+        <h1>Mata Chintpurni Bala Ji Temple</h1>
+        <h2>Under Construction</h2>
+    </header>
+
     <p>We are working hard to bring the temple's website to you. Please check back soon!</p>
     <p>हम आपके लिए मंदिर की वेबसाइट तैयार करने के लिए मेहनत कर रहे हैं। कृपया जल्द ही फिर से चेक करें!</p>