| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>ECOBIOCARE SOLUTIONS PVT LTD - Complete Mining Solutions</title> |
| <link rel="stylesheet" href="style.css"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script src="components/navbar.js"></script> |
| <script src="components/footer.js"></script> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
| </style> |
| </head> |
| <body class="font-inter bg-gray-50"> |
| <custom-navbar></custom-navbar> |
|
|
| |
| <section class="relative bg-gradient-to-r from-blue-900 to-gray-900 text-white overflow-hidden"> |
| <div class="absolute inset-0 bg-black opacity-40"></div> |
| <div class="container mx-auto px-6 py-24 relative z-10"> |
| <div class="grid md:grid-cols-2 gap-12 items-center"> |
| <div> |
| <h6 class="text-blue-400 font-semibold mb-4 tracking-wider">WELCOME TO ECOBIOCARE SOLUTIONS PVT LTD</h6> |
| <h1 class="text-5xl md:text-6xl font-bold mb-6 leading-tight"> |
| Innovating the<br> |
| <span class="text-blue-400">Future of Mining</span> |
| </h1> |
| <p class="text-xl text-gray-300 mb-8 max-w-lg"> |
| Pioneering research and development for sustainable mining Solutions |
| </p> |
| <a href="#about" class="inline-flex items-center bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 shadow-lg"> |
| LEARN MORE |
| <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i> |
| </a> |
| </div> |
| <div class="relative"> |
| <img src="https://www.worldconsultancyservices.in/assets/images/resource/why2.png" alt="Mining Innovation" class="rounded-2xl shadow-2xl transform hover:scale-105 transition-transform duration-500"> |
| <div class="absolute -top-4 -right-4 bg-blue-500 text-white px-4 py-2 rounded-full text-sm font-semibold animate-pulse"> |
| Experts in Mining Technology |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| |
| <img src="https://www.worldconsultancyservices.in/assets/images/slider/shape5.png" alt="" class="absolute top-10 left-10 opacity-20 animate-float"> |
| <img src="https://www.worldconsultancyservices.in/assets/images/slider/shape-2.png" alt="" class="absolute bottom-10 right-10 opacity-20 animate-float-delayed"> |
| <img src="https://www.worldconsultancyservices.in/assets/images/slider/round3.png" alt="" class="absolute top-1/2 left-1/4 opacity-30 animate-spin-slow"> |
| </section> |
|
|
| |
| <section id="about" class="py-20 bg-white"> |
| <div class="container mx-auto px-6"> |
| <div class="grid md:grid-cols-2 gap-16 items-center"> |
| <div class="relative"> |
| <img src="https://www.worldconsultancyservices.in/assets/images/resource/why2.png" alt="About WCS" class="rounded-2xl shadow-xl"> |
| <div class="absolute -bottom-6 -left-6 bg-blue-600 text-white p-6 rounded-2xl shadow-2xl"> |
| <h4 class="text-xl font-bold mb-2">About Us</h4> |
| </div> |
| </div> |
| <div> |
| <h2 class="text-4xl font-bold text-gray-900 mb-6"> |
| Complete Mining Solutions<br> |
| <span class="text-blue-600">under One Roof</span> |
| </h2> |
| <p class="text-gray-600 text-lg mb-8 leading-relaxed"> |
| ECOBIOCARE SOLUTIONS PVT LTD is dedicated to providing high-quality, cost-effective solutions tailored to meet the unique needs of each client. Through the application of cutting-edge technology, robust data analytics, and global industry insights, we enable our clients to effectively address the challenges associated with mineral exploration, mine planning, and environmental management. |
| </p> |
| |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8"> |
| <div class="bg-gray-100 p-4 rounded-lg text-center"> |
| <i data-feather="award" class="w-8 h-8 text-blue-600 mx-auto mb-2"></i> |
| <p class="text-sm font-semibold">ISO 9001:2015</p> |
| </div> |
| <div class="bg-gray-100 p-4 rounded-lg text-center"> |
| <i data-feather="shield" class="w-8 h-8 text-blue-600 mx-auto mb-2"></i> |
| <p class="text-sm font-semibold">NABET EIA/AEA</p> |
| </div> |
| <div class="bg-gray-100 p-4 rounded-lg text-center"> |
| <i data-feather="flask" class="w-8 h-8 text-blue-600 mx-auto mb-2"></i> |
| <p class="text-sm font-semibold">NABL Lab</p> |
| </div> |
| <div class="bg-gray-100 p-4 rounded-lg text-center"> |
| <i data-feather="drone" class="w-8 h-8 text-blue-600 mx-auto mb-2"></i> |
| <p class="text-sm font-semibold">ORSAC Empaneled</p> |
| </div> |
| </div> |
|
|
| |
| <div class="flex flex-wrap gap-6 items-center"> |
| <img src="https://www.worldconsultancyservices.in/assets/images/resource/brn23.png" alt="Certification" class="h-12 grayscale hover:grayscale-0 transition-all duration-300"> |
| <img src="https://www.worldconsultancyservices.in/assets/images/resource/brn24.png" alt="Certification" class="h-12 grayscale hover:grayscale-0 transition-all duration-300"> |
| <img src="https://www.worldconsultancyservices.in/assets/images/resource/brn25.png" alt="Certification" class="h-12 grayscale hover:grayscale-0 transition-all duration-300"> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-gradient-to-br from-gray-50 to-blue-50"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-16"> |
| <h2 class="text-4xl font-bold text-gray-900 mb-4"> |
| WE SERVE THE PERFECT<br> |
| <span class="text-blue-600">MINING INDUSTRY SOLUTION</span> |
| </h2> |
| <img src="https://www.worldconsultancyservices.in/assets/images/slider/round.png" alt="" class="mx-auto opacity-20 animate-pulse"> |
| </div> |
|
|
| <div class="grid md:grid-cols-3 gap-8"> |
| <div class="bg-white p-8 rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2"> |
| <i data-feather="search" class="w-12 h-12 text-blue-600 mb-6"></i> |
| <h4 class="text-xl font-bold mb-4">Mineral Exploration</h4> |
| <p class="text-gray-600 mb-6">Advanced geological and geophysical exploration services</p> |
| <a href="https://www.worldconsultancyservices.in/geological_services.html" class="text-blue-600 font-semibold hover:text-blue-700 transition-colors duration-300"> |
| Explore Services → |
| </a> |
| </div> |
|
|
| <div class="bg-white p-8 rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2"> |
| <i data-feather="layout" class="w-12 h-12 text-blue-600 mb-6"></i> |
| <h4 class="text-xl font-bold mb-4">Mine Planning & Designing</h4> |
| <p class="text-gray-600 mb-6">Comprehensive mine planning and design solutions</p> |
| <a href="https://www.worldconsultancyservices.in/Mine.html" class="text-blue-600 font-semibold hover:text-blue-700 transition-colors duration-300"> |
| Explore Services → |
| </a> |
| </div> |
|
|
| <div class="bg-white p-8 rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2"> |
| <i data-feather="tree" class="w-12 h-12 text-blue-600 mb-6"></i> |
| <h4 class="text-xl font-bold mb-4">Forest & Environment Services</h4> |
| <p class="text-gray-600 mb-6">Environmental impact assessment and management</p> |
| <a href="https://www.worldconsultancyservices.in/environment.html" class="text-blue-600 font-semibold hover:text-blue-700 transition-colors duration-300"> |
| Explore Services → |
| </a> |
| </div> |
| </div> |
|
|
| <div class="text-center mt-12"> |
| <a href="https://www.worldconsultancyservices.in/remote%20sensing%20&%20GIS.html" class="inline-flex items-center bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-lg font-semibold transition-all duration-300"> |
| View All Services |
| <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-gray-900 text-white relative overflow-hidden"> |
| <div class="container mx-auto px-6 relative z-10"> |
| <div class="text-center mb-16"> |
| <h2 class="text-4xl font-bold mb-4"> |
| GOT NEW PROJECT<br> |
| <span class="text-blue-400">WE ARE HERE</span> |
| </h2> |
| </div> |
|
|
| <div class="grid md:grid-cols-4 gap-8 text-center"> |
| <div class="bg-gray-800 p-8 rounded-2xl hover:bg-gray-700 transition-all duration-300 transform hover:scale-105"> |
| <div class="text-5xl font-bold text-blue-400 mb-4">18K+</div> |
| <h4 class="text-xl font-semibold">Project Complete</h4> |
| </div> |
|
|
| <div class="bg-gray-800 p-8 rounded-2xl hover:bg-gray-700 transition-all duration-300 transform hover:scale-105"> |
| <div class="text-5xl font-bold text-blue-400 mb-4">18K+</div> |
| <h4 class="text-xl font-semibold">Satisfied Clients</h4> |
| </div> |
|
|
| <div class="bg-gray-800 p-8 rounded-2xl hover:bg-gray-700 transition-all duration-300 transform hover:scale-105"> |
| <div class="text-5xl font-bold text-blue-400 mb-4">36+</div> |
| <h4 class="text-xl font-semibold">Expert Member</h4> |
| </div> |
|
|
| <div class="bg-gray-800 p-8 rounded-2xl hover:bg-gray-700 transition-all duration-300 transform hover:scale-105"> |
| <div class="text-5xl font-bold text-blue-400 mb-4">100%</div> |
| <h4 class="text-xl font-semibold">Our Success Rate</h4> |
| </div> |
| </div> |
|
|
| |
| <img src="https://www.worldconsultancyservices.in/assets/images/resource/counter1.png" alt="" class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-10 w-64 animate-pulse"> |
| </div> |
| </section> |
|
|
| <custom-footer></custom-footer> |
|
|
| <script>feather.replace();</script> |
| <script src="script.js"></script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
