Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>About Us | Jeevit Jal</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap'); | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| } | |
| .founder-bg { | |
| background-image: url('http://static.photos/people/640x360/42'); | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-green-50"> | |
| <!-- Navbar --> | |
| <nav class="bg-white shadow-md"> | |
| <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16 items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <i data-feather="droplet" class="text-green-600 h-8 w-8"></i> | |
| <span class="ml-2 text-xl font-bold text-green-800">Jeevit Jal</span> | |
| </div> | |
| <div class="hidden md:block"> | |
| <div class="ml-10 flex items-center space-x-4"> | |
| <a href="index.html" class="text-gray-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-green-100">Home</a> | |
| <a href="about.html" class="text-green-700 px-3 py-2 rounded-md text-sm font-medium hover:bg-green-100">About</a> | |
| <a href="#" class="text-gray-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-green-100">Benefits</a> | |
| <a href="#" class="text-gray-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-green-100">Testimonials</a> | |
| <a href="#" class="bg-green-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-green-700">Order Now</a> | |
| </div> | |
| </div> | |
| <div class="md:hidden"> | |
| <button class="text-gray-600 hover:text-gray-900"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Founder Section --> | |
| <section class="py-16 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> | |
| Our Visionary Founder | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| The mind behind Jeevit Jal's revolutionary formula | |
| </p> | |
| </div> | |
| <div class="grid lg:grid-cols-2 gap-12 items-center"> | |
| <div class="founder-bg rounded-2xl shadow-xl h-96 w-full"></div> | |
| <div> | |
| <h3 class="text-2xl font-bold text-green-700 mb-4">Avinash Chandravanshi</h3> | |
| <p class="text-lg font-semibold text-gray-600 mb-6">Founder & CEO of Jeevit Jal (Living Water)</p> | |
| <p class="text-gray-600 mb-4">Avinash Chandravanshi is a visionary entrepreneur and Ayurveda enthusiast who dedicated years to researching and developing Jeevit Jal, the revolutionary Ayurvedic Living Water.</p> | |
| <p class="text-gray-600 mb-6">His journey began with a personal mission to find natural solutions for kidney health after witnessing family members struggle with renal issues. Combining ancient Ayurvedic wisdom with modern scientific understanding, Avinash formulated Jeevit Jal to help people achieve optimal health naturally.</p> | |
| <div class="bg-green-50 p-6 rounded-xl"> | |
| <p class="italic text-green-700">"Jeevit Jal isn't just water - it's a life-transforming elixir. Our mission is to bring the healing power of Ayurveda to every household."</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Mission Section --> | |
| <section class="py-16 bg-green-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center"> | |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-6"> | |
| Our Mission | |
| </h2> | |
| <p class="max-w-4xl text-xl text-gray-600 mx-auto"> | |
| To revolutionize health and wellness through the power of Ayurvedic Living Water, making natural healing accessible to everyone. | |
| </p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Jeevit Jal</h3> | |
| <p class="text-gray-400 text-sm">The Ayurvedic Living Water for holistic health and vitality.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Quick Links</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li><a href="about.html" class="hover:text-green-400 transition">About Us</a></li> | |
| <li><a href="#" class="hover:text-green-400 transition">Science & Research</a></li> | |
| <li><a href="#" class="hover:text-green-400 transition">FAQs</a></li> | |
| <li><a href="#" class="hover:text-green-400 transition">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Legal</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li><a href="#" class="hover:text-green-400 transition">Privacy Policy</a></li> | |
| <li><a href="#" class="hover:text-green-400 transition">Terms of Service</a></li> | |
| <li><a href="#" class="hover:text-green-400 transition">Shipping Policy</a></li> | |
| <li><a href="#" class="hover:text-green-400 transition">Returns</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Contact</h3> | |
| <div class="space-y-2 text-gray-400"> | |
| <p class="flex items-center"> | |
| <i data-feather="mail" class="mr-2"></i> contact@jeevitjal.com | |
| </p> | |
| <p class="flex items-center"> | |
| <i data-feather="phone" class="mr-2"></i> +91 9876543210 | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-400 text-sm">© 2023 Jeevit Jal. All rights reserved.</p> | |
| <div class="flex space-x-6 mt-4 md:mt-0"> | |
| <img src="https://via.placeholder.com/100x30?text=AYUSH" alt="AYUSH Certified" class="h-8"> | |
| <img src="https://via.placeholder.com/100x30?text=Organic" alt="Organic Certified" class="h-8"> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |