|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Evolvedge Ventures - Enterprise Digital Solutions</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
|
|
|
body { |
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; |
|
|
} |
|
|
|
|
|
.gradient-bg { |
|
|
background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%); |
|
|
} |
|
|
|
|
|
.service-card { |
|
|
border: 1px solid #e5e7eb; |
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); |
|
|
} |
|
|
|
|
|
.service-card:hover { |
|
|
transform: translateY(-4px); |
|
|
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1); |
|
|
border-color: #3b82f6; |
|
|
} |
|
|
|
|
|
.partner-logo { |
|
|
filter: grayscale(100%); |
|
|
opacity: 0.6; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.partner-logo:hover { |
|
|
filter: grayscale(0%); |
|
|
opacity: 1; |
|
|
} |
|
|
|
|
|
.stats-item { |
|
|
position: relative; |
|
|
padding-bottom: 1rem; |
|
|
} |
|
|
|
|
|
.stats-item::after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
bottom: 0; |
|
|
left: 50%; |
|
|
transform: translateX(-50%); |
|
|
width: 40px; |
|
|
height: 3px; |
|
|
background: #3b82f6; |
|
|
transition: width 0.3s ease; |
|
|
} |
|
|
|
|
|
.stats-item:hover::after { |
|
|
width: 80px; |
|
|
} |
|
|
|
|
|
.nav-scroll { |
|
|
background: rgba(255, 255, 255, 0.95); |
|
|
backdrop-filter: blur(10px); |
|
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
|
|
|
.tech-bar { |
|
|
transition: width 1s ease-in-out; |
|
|
} |
|
|
|
|
|
.animate-on-scroll { |
|
|
opacity: 0; |
|
|
transform: translateY(20px); |
|
|
transition: opacity 0.6s ease, transform 0.6s ease; |
|
|
} |
|
|
|
|
|
.animate-on-scroll.animated { |
|
|
opacity: 1; |
|
|
transform: translateY(0); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans antialiased text-gray-800"> |
|
|
|
|
|
<nav class="bg-white shadow-md sticky top-0 z-50"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex justify-between h-16"> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex-shrink-0 flex items-center"> |
|
|
<span class="text-2xl font-bold text-blue-800">Evolvedge</span> |
|
|
<span class="text-2xl font-light text-blue-600">Ventures</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> |
|
|
<a href="#" class="text-blue-800 hover:text-blue-600 px-3 py-2 text-sm font-medium">Solutions</a> |
|
|
<a href="#" class="text-gray-500 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a> |
|
|
<a href="#" class="text-gray-500 hover:text-blue-600 px-3 py-2 text-sm font-medium">Industries</a> |
|
|
<a href="#" class="text-gray-500 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a> |
|
|
<a href="https://evolvedge.co/schedule" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Schedule Consultation</a> |
|
|
</div> |
|
|
<div class="-mr-2 flex items-center md:hidden"> |
|
|
<button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false"> |
|
|
<span class="sr-only">Open main menu</span> |
|
|
<i class="fas fa-bars"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<div class="gradient-bg text-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24"> |
|
|
<div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center"> |
|
|
<div class="mb-12 lg:mb-0"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">Enterprise Solutions <br>for Digital Excellence</h1> |
|
|
<p class="text-xl text-blue-100 mb-8">Empowering businesses with innovative technology solutions for digital excellence and business transformation.</p> |
|
|
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="https://evolvedge.co/schedule" class="bg-white text-blue-800 hover:bg-gray-100 px-6 py-3 rounded-md text-lg font-semibold text-center">Schedule Consultation</a> |
|
|
<a href="https://evolvedge.co/solutions" class="border-2 border-white text-white hover:bg-blue-700 px-6 py-3 rounded-md text-lg font-semibold text-center">Explore Solutions</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="hidden lg:block"> |
|
|
<img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Digital Transformation" class="rounded-lg shadow-2xl"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Enterprise Solutions</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Delivering digital transformation with measurable business impact</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden service-card transition duration-300"> |
|
|
<div class="p-8"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-sync-alt text-4xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Digital Transformation</h3> |
|
|
<p class="text-gray-600 mb-6">Enterprise-wide digital transformation solutions driving operational excellence and innovation.</p> |
|
|
<div class="text-blue-800 font-bold text-2xl">45% efficiency improvement</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden service-card transition duration-300"> |
|
|
<div class="p-8"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-shield-alt text-4xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Enterprise Security</h3> |
|
|
<p class="text-gray-600 mb-6">Military-grade security solutions with advanced threat detection and prevention.</p> |
|
|
<div class="text-blue-800 font-bold text-2xl">99.99% threat detection</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden service-card transition duration-300"> |
|
|
<div class="p-8"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-code text-4xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Enterprise Development</h3> |
|
|
<p class="text-gray-600 mb-6">Custom software development with enterprise-grade scalability and reliability.</p> |
|
|
<div class="text-blue-800 font-bold text-2xl">60% faster delivery</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 py-16"> |
|
|
<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-bold text-gray-900 mb-4">Our Trusted Partners</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Working with industry leaders to deliver exceptional solutions</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-8"> |
|
|
|
|
|
<div class="flex items-center justify-center p-4"> |
|
|
<img src="https://evapi.originapps.co/storage/client-logos/wEJNGTf9mOXWWMv00lPTokC6Ytrmx0dn1Pttj7xl.png" alt="Vadi Health" class="h-12 partner-logo"> |
|
|
</div> |
|
|
<div class="flex items-center justify-center p-4"> |
|
|
<img src="https://evapi.originapps.co/storage/client-logos/5DGQHSIi94rzAAhLeayeuk5xoz1Ut3mJpQU5mIyB.jpg" alt="IDBI Bank" class="h-12 partner-logo"> |
|
|
</div> |
|
|
<div class="flex items-center justify-center p-4"> |
|
|
<img src="https://evapi.originapps.co/storage/client-logos/TkvVxwViy9uDt1duALIItRPfj7Qbdz1rcqsDlWJ7.jpg" alt="Federal Bank" class="h-12 partner-logo"> |
|
|
</div> |
|
|
<div class="flex items-center justify-center p-4"> |
|
|
<img src="https://evapi.originapps.co/storage/client-logos/VnRDrOT6FGVLv5n5EjcB4ylWMi9OPUGSgTUBIZrB.png" alt="Genver Coatings" class="h-12 partner-logo"> |
|
|
</div> |
|
|
<div class="flex items-center justify-center p-4"> |
|
|
<img src="https://evapi.originapps.co/storage/client-logos/seql6Z2ovqwVD1stvMvAxVH5IqNyleqvE0Nezu9P.png" alt="DHC AI" class="h-12 partner-logo"> |
|
|
</div> |
|
|
<div class="flex items-center justify-center p-4"> |
|
|
<img src="https://evapi.originapps.co/storage/client-logos/1PgNc5dhU6qXXuSdB4LaRPqvNr37mR3EScC0pPXD.png" alt="MUHS" class="h-12 partner-logo"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-12"> |
|
|
<button class="text-blue-600 hover:text-blue-800 font-medium">View All Partners <i class="fas fa-chevron-right ml-1"></i></button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Enterprise Services</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Comprehensive solutions for enterprise digital transformation</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden service-card transition duration-300"> |
|
|
<div class="p-8"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-cloud text-4xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Cloud Solutions</h3> |
|
|
<p class="text-gray-600 mb-6">Multi-cloud enterprise architecture and migration services with seamless integration.</p> |
|
|
<div class="flex space-x-4"> |
|
|
<span class="text-gray-500 font-medium">Microsoft</span> |
|
|
<span class="text-gray-500 font-medium">Amazon</span> |
|
|
<span class="text-gray-500 font-medium">Google</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden service-card transition duration-300"> |
|
|
<div class="p-8"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-brain text-4xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">AI & Analytics</h3> |
|
|
<p class="text-gray-600 mb-6">Enterprise-grade AI solutions with advanced machine learning capabilities.</p> |
|
|
<div class="flex space-x-4"> |
|
|
<span class="text-gray-500 font-medium">IBM</span> |
|
|
<span class="text-gray-500 font-medium">Oracle</span> |
|
|
<span class="text-gray-500 font-medium">SAP</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden service-card transition duration-300"> |
|
|
<div class="p-8"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-database text-4xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Data Management</h3> |
|
|
<p class="text-gray-600 mb-6">Enterprise data governance and analytics with real-time insights.</p> |
|
|
<div class="flex space-x-4"> |
|
|
<span class="text-gray-500 font-medium">Salesforce</span> |
|
|
<span class="text-gray-500 font-medium">Adobe</span> |
|
|
<span class="text-gray-500 font-medium">Oracle</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 py-16"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Technology Stack</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Our comprehensive suite of modern technologies</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-4 gap-8"> |
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow"> |
|
|
<h3 class="text-lg font-bold text-gray-900 mb-4">Frontend</h3> |
|
|
<div class="space-y-4"> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">React</span> |
|
|
<span class="text-sm font-medium text-gray-500">30+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 90%"></div> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">Vue.js</span> |
|
|
<span class="text-sm font-medium text-gray-500">15+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 70%"></div> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">Next.js</span> |
|
|
<span class="text-sm font-medium text-gray-500">10+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 60%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow"> |
|
|
<h3 class="text-lg font-bold text-gray-900 mb-4">Backend</h3> |
|
|
<div class="space-y-4"> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">Laravel</span> |
|
|
<span class="text-sm font-medium text-gray-500">20+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 80%"></div> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">Node.js</span> |
|
|
<span class="text-sm font-medium text-gray-500">15+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 70%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow"> |
|
|
<h3 class="text-lg font-bold text-gray-900 mb-4">Database</h3> |
|
|
<div class="space-y-4"> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">MySQL</span> |
|
|
<span class="text-sm font-medium text-gray-500">100+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 95%"></div> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">MongoDB</span> |
|
|
<span class="text-sm font-medium text-gray-500">20+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 65%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow"> |
|
|
<h3 class="text-lg font-bold text-gray-900 mb-4">Cloud</h3> |
|
|
<div class="space-y-4"> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">AWS</span> |
|
|
<span class="text-sm font-medium text-gray-500">60+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 85%"></div> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">Google Cloud</span> |
|
|
<span class="text-sm font-medium text-gray-500">15+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 60%"></div> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span class="text-sm font-medium text-blue-700">Microsoft Azure</span> |
|
|
<span class="text-sm font-medium text-gray-500">15+ Projects</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-200 rounded-full h-2"> |
|
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 60%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="gradient-bg text-white py-16"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold mb-4">Our Global Impact</h2> |
|
|
<p class="text-xl text-blue-100 max-w-3xl mx-auto">Driving digital transformation across industries</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-4 gap-8"> |
|
|
<div class="text-center stats-item"> |
|
|
<div class="text-5xl font-bold mb-2">100+</div> |
|
|
<div class="text-xl">Enterprise Clients</div> |
|
|
</div> |
|
|
<div class="text-center stats-item"> |
|
|
<div class="text-5xl font-bold mb-2">98%</div> |
|
|
<div class="text-xl">Client Satisfaction</div> |
|
|
</div> |
|
|
<div class="text-center stats-item"> |
|
|
<div class="text-5xl font-bold mb-2">500+</div> |
|
|
<div class="text-xl">Projects Delivered</div> |
|
|
</div> |
|
|
<div class="text-center stats-item"> |
|
|
<div class="text-5xl font-bold mb-2">50+</div> |
|
|
<div class="text-xl">Certified Experts</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24"> |
|
|
<div class="bg-gradient-to-r from-blue-600 to-blue-800 rounded-2xl p-10 md:p-16 text-center text-white relative overflow-hidden"> |
|
|
<div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4xIj48Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIzIi8+PC9nPjwvZz48L3N2Zz4=')] opacity-10"></div> |
|
|
<div class="relative animate-on-scroll"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-4">Ready to Transform Your Enterprise?</h2> |
|
|
<p class="text-xl text-blue-100 max-w-3xl mx-auto mb-10">Schedule a consultation with our enterprise solutions team to discuss your digital transformation journey.</p> |
|
|
<a href="https://evolvedge.co/schedule" class="inline-block bg-white text-blue-800 hover:bg-gray-100 px-10 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg hover:shadow-xl">Schedule a Demo</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white py-12"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid md:grid-cols-4 gap-8 mb-8"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold mb-4">Evolvedge Ventures</h3> |
|
|
<p class="text-gray-400">Empowering businesses with innovative technology solutions for digital excellence and business transformation.</p> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="text-lg font-semibold mb-4">Solutions</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Digital Transformation</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Enterprise Security</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Cloud Solutions</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">AI & Analytics</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="text-lg font-semibold mb-4">Company</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Case Studies</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="text-lg font-semibold mb-4">Connect</h4> |
|
|
<div class="flex space-x-4 mb-4"> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in text-xl"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f text-xl"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a> |
|
|
</div> |
|
|
<p class="text-gray-400">info@evolvedge.co</p> |
|
|
<p class="text-gray-400">+1 (555) 123-4567</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center"> |
|
|
<p class="text-gray-400 mb-4 md:mb-0">© 2025 Evolvedge Ventures. All rights reserved.</p> |
|
|
<div class="flex space-x-6"> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-sm">Privacy Policy</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-sm">Terms of Service</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-sm">Cookie Policy</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const mobileMenuButton = document.querySelector('[aria-controls="mobile-menu"]'); |
|
|
|
|
|
|
|
|
|
|
|
const navbar = document.getElementById('navbar'); |
|
|
window.addEventListener('scroll', function() { |
|
|
if (window.scrollY > 50) { |
|
|
navbar.classList.add('nav-scroll', 'shadow-md'); |
|
|
} else { |
|
|
navbar.classList.remove('nav-scroll', 'shadow-md'); |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
const animateElements = document.querySelectorAll('.animate-on-scroll'); |
|
|
|
|
|
function checkScroll() { |
|
|
animateElements.forEach(element => { |
|
|
const elementTop = element.getBoundingClientRect().top; |
|
|
const elementVisible = 150; |
|
|
|
|
|
if (elementTop < window.innerHeight - elementVisible) { |
|
|
element.classList.add('animated'); |
|
|
} |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
checkScroll(); |
|
|
|
|
|
|
|
|
window.addEventListener('scroll', checkScroll); |
|
|
|
|
|
|
|
|
const progressBars = document.querySelectorAll('.tech-bar'); |
|
|
|
|
|
function animateProgressBars() { |
|
|
progressBars.forEach(bar => { |
|
|
const width = bar.style.width; |
|
|
bar.style.width = '0'; |
|
|
setTimeout(() => { |
|
|
bar.style.width = width; |
|
|
}, 300); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
const observer = new IntersectionObserver((entries) => { |
|
|
entries.forEach(entry => { |
|
|
if (entry.isIntersecting) { |
|
|
animateProgressBars(); |
|
|
observer.unobserve(entry.target); |
|
|
} |
|
|
}); |
|
|
}, { threshold: 0.5 }); |
|
|
|
|
|
document.querySelectorAll('.bg-white.p-6.rounded-lg.shadow').forEach(el => { |
|
|
observer.observe(el); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=digihind/evpl" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
