Rohit-1920 · siddheshsomvanshi1 · Dec 19, 2025 · Dec 19, 2025 · Dec 19, 2025 · Dec 19, 2025
diff --git a/car28.jpg b/car28.jpg
diff --git a/car29.jpg b/car29.jpg
diff --git a/demofile1 b/demofile1
diff --git a/earth1.jpg b/earth1.jpg
diff --git a/galaxy2.jpg b/galaxy2.jpg
diff --git a/html code b/html code
@@ -3,50 +3,100 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Simple Website UI</title>
+  <title>Modern Website UI</title>
   <script src="https://cdn.tailwindcss.com"></script>
 </head>
-<body class="bg-gray-50 text-gray-800">
-
-  <!-- Header -->
-  <header class="bg-white shadow">
-    <div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
-      <h1 class="text-2xl font-bold">MyWebsite</h1>
-      <nav class="space-x-4">
-        <a href="#" class="text-gray-600 hover:text-blue-500">Home</a>
-        <a href="#" class="text-gray-600 hover:text-blue-500">About</a>
-        <a href="#" class="text-gray-600 hover:text-blue-500">Contact</a>
-      </nav>
+
+<body class="bg-gradient-to-br from-slate-50 to-slate-100 text-gray-800">
+
+<!-- Header -->
+<header class="sticky top-0 z-50 backdrop-blur-md bg-white/70 shadow-sm">
+  <div class="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
+    <h1 class="text-2xl font-extrabold tracking-tight bg-gradient-to-r from-blue-600 to-indigo-600 bg-clip-text text-transparent">
+      MyWebsite
+    </h1>
+<h1>Welcome to My World</h1>
+    <nav class="space-x-6 font-medium">
+      <a href="#" class="hover:text-blue-600 transition">Home</a>
+      <a href="#" class="hover:text-blue-600 transition">About</a>
+      <a href="#" class="hover:text-blue-600 transition">Contact</a>
+    </nav>
+  </div>
+</header>
+
+<!-- Hero Section -->
+<section class="relative overflow-hidden py-28 text-center">
+  <div class="absolute inset-0 bg-gradient-to-r from-blue-500 to-indigo-600 opacity-90"></div>
+
+  <div class="relative max-w-3xl mx-auto px-6 text-white">
+    <h2 class="text-5xl font-extrabold mb-6 leading-tight">
+      Build Clean & Modern Interfaces
+    </h2>
+    <p class="text-lg text-blue-100 mb-10">
+      A minimal, elegant UI powered by Tailwind CSS and modern design principles.
+    </p>
+
+    <div class="flex justify-center gap-4">
+      <a href="#" class="px-8 py-3 rounded-full bg-white text-blue-600 font-semibold hover:scale-105 transition">
+        Get Started
+      </a>
+      <a href="#" class="px-8 py-3 rounded-full border border-white/50 hover:bg-white/10 transition">
+        Learn More
+      </a>
     </div>
-  </header>
-
-  <!-- Hero Section -->
-  <section class="bg-blue-100 py-20 text-center">
-    <h2 class="text-4xl font-bold mb-4">Welcome to My Website</h2>
-    <p class="text-lg mb-6">This is a clean and simple user interface using Tailwind CSS.</p>
-    <a href="#" class="bg-blue-600 text-white px-6 py-3 rounded-full hover:bg-blue-700 transition">Get Started</a>
-  </section>
-
-  <!-- Content Cards -->
-  <section class="py-16 max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-8">
-    <div class="bg-white shadow-lg rounded-2xl p-6">
-      <h3 class="text-xl font-semibold mb-2">Card Title 1</h3>
-      <p class="text-gray-600">Short description for the first card. Add some engaging content here.</p>
+  </div>
+</section>
+
+<!-- Feature Cards -->
+<section class="py-20 max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-3 gap-10">
+
+  <div class="group bg-white rounded-3xl p-8 shadow-md hover:shadow-xl transition transform hover:-translate-y-2">
+    <div class="w-12 h-12 flex items-center justify-center rounded-xl bg-blue-100 text-blue-600 mb-6">
+      🚀
     </div>
-    <div class="bg-white shadow-lg rounded-2xl p-6">
-      <h3 class="text-xl font-semibold mb-2">Card Title 2</h3>
-      <p class="text-gray-600">Another card with useful information. Tailwind makes this simple.</p>
+    <h3 class="text-xl font-semibold mb-3">Fast Development</h3>
+    <p class="text-gray-600">
+      Build UIs quickly using utility-first Tailwind classes without writing custom CSS.
+    </p>
+  </div>
+
+  <div class="group bg-white rounded-3xl p-8 shadow-md hover:shadow-xl transition transform hover:-translate-y-2">
+    <div class="w-12 h-12 flex items-center justify-center rounded-xl bg-indigo-100 text-indigo-600 mb-6">
+      🎨
     </div>
-    <div class="bg-white shadow-lg rounded-2xl p-6">
-      <h3 class="text-xl font-semibold mb-2">Card Title 3</h3>
-      <p class="text-gray-600">Responsive, mobile-friendly, and easy to build.</p>
+    <h3 class="text-xl font-semibold mb-3">Modern Design</h3>
+    <p class="text-gray-600">
+      Clean layouts, smooth animations, and consistent spacing across all screen sizes.
+    </p>
+  </div>
+
+  <div class="group bg-white rounded-3xl p-8 shadow-md hover:shadow-xl transition transform hover:-translate-y-2">
+    <div class="w-12 h-12 flex items-center justify-center rounded-xl bg-purple-100 text-purple-600 mb-6">
+      📱
     </div>
-  </section>
+    <h3 class="text-xl font-semibold mb-3">Fully Responsive</h3>
+    <p class="text-gray-600">
+      Mobile-first, responsive UI that adapts beautifully to all devices.
+    </p>
+  </div>
+
+</section>
+
+<!-- CTA Section -->
+<section class="py-24 text-center bg-gradient-to-r from-indigo-600 to-blue-600 text-white">
+  <h3 class="text-4xl font-bold mb-6">Ready to Build Something Amazing?</h3>
+  <p class="mb-10 text-blue-100">
+    Start crafting stunning interfaces with Tailwind CSS today.
+  </p>
+  <a href="#" class="bg-white text-blue-600 px-10 py-4 rounded-full font-semibold hover:scale-105 transition">
+    Start Now
+  </a>
+</section>
 
-  <!-- Footer -->
-  <footer class="bg-white border-t mt-12 py-6 text-center text-gray-500">
-    &copy; 2025 MyWebsite. All rights reserved.
-  </footer>
+<!-- Footer -->
+<footer class="py-8 text-center text-gray-500 bg-white">
+  © 2025 MyWebsite. Crafted with ❤️ using Tailwind CSS.
+</footer>
 
 </body>
 </html>
diff --git a/siddheshfile b/siddheshfile