Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Infor | Cloud-Based Enterprise Software Built for Your Industry</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> | |
| .dropdown:hover .dropdown-menu { | |
| display: block; | |
| } | |
| .hero-slide { | |
| transition: opacity 0.5s ease-in-out; | |
| } | |
| .slide-hidden { | |
| opacity: 0; | |
| } | |
| .slide-visible { | |
| opacity: 1; | |
| } | |
| .mega-menu { | |
| display: none; | |
| width: 100%; | |
| left: 0; | |
| } | |
| .mega-menu-parent:hover .mega-menu { | |
| display: block; | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans text-gray-800"> | |
| <!-- Top Bar --> | |
| <div class="bg-blue-900 text-white text-sm"> | |
| <div class="container mx-auto px-4 py-2 flex justify-between items-center"> | |
| <div class="flex space-x-4"> | |
| <a href="#main-content" class="hover:text-blue-200">Skip to main content</a> | |
| </div> | |
| <div class="flex space-x-6"> | |
| <a href="https://www.infor.com/resources" class="hover:text-blue-200">Resources</a> | |
| <a href="https://www.infor.com/blog" class="hover:text-blue-200">Blog</a> | |
| <a href="https://www.infor.com/about/careers" class="hover:text-blue-200">Careers</a> | |
| <a href="https://www.infor.com/customer-center" class="hover:text-blue-200">Customer Center</a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Main Navigation --> | |
| <header class="sticky top-0 z-50 bg-white shadow-md"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center py-4"> | |
| <div class="flex items-center"> | |
| <a href="https://www.infor.com/" class="text-2xl font-bold text-blue-900"> | |
| <img src="https://www.infor.com/themes/custom/infor/logo.svg" alt="Infor Logo" class="h-10"> | |
| </a> | |
| </div> | |
| <div class="hidden lg:flex space-x-6"> | |
| <div class="mega-menu-parent relative"> | |
| <button class="flex items-center font-medium hover:text-blue-700"> | |
| Industries <i class="fas fa-chevron-down ml-1 text-xs"></i> | |
| </button> | |
| <!-- Mega Menu --> | |
| <div class="mega-menu absolute left-0 mt-2 bg-white shadow-xl rounded-b-lg p-6 grid grid-cols-3 gap-8"> | |
| <div> | |
| <h3 class="font-bold text-blue-900 mb-4">Distribution Industries</h3> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="hover:text-blue-700">Distribution</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Equipment</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Fashion</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Logistics Service Providers</a></li> | |
| </ul> | |
| <a href="#" class="inline-block mt-4 text-blue-700 font-medium">All industries</a> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-blue-900 mb-4">Manufacturing Industries</h3> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div> | |
| <h4 class="font-semibold mb-2">Discrete Manufacturing</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-blue-700">Industrial Manufacturing</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Aerospace & Defense</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Automotive</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold mb-2">Process Manufacturing</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-blue-700">Food & Beverage</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Chemicals</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-blue-900 mb-4">Service Industries</h3> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="hover:text-blue-700">Healthcare</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Hospitality</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Public Sector</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="dropdown relative"> | |
| <button class="flex items-center font-medium hover:text-blue-700"> | |
| Solutions <i class="fas fa-chevron-down ml-1 text-xs"></i> | |
| </button> | |
| <div class="dropdown-menu absolute hidden mt-2 bg-white shadow-lg rounded-lg p-4 w-64"> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="hover:text-blue-700">Enterprise Resource Planning (ERP)</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Financials</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Human Capital Management (HCM)</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Supply Chain Management (SCM)</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Workforce Management (WFM)</a></li> | |
| </ul> | |
| <a href="#" class="inline-block mt-3 text-blue-700 font-medium">All solutions</a> | |
| </div> | |
| </div> | |
| <div class="dropdown relative"> | |
| <button class="flex items-center font-medium hover:text-blue-700"> | |
| Products <i class="fas fa-chevron-down ml-1 text-xs"></i> | |
| </button> | |
| <div class="dropdown-menu absolute hidden mt-2 bg-white shadow-lg rounded-lg p-4 w-64"> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="hover:text-blue-700">ERP M3</a></li> | |
| <li><a href="#" class="hover:text-blue-700">ERP Distribution SX.e</a></li> | |
| <li><a href="#" class="hover:text-blue-700">AI / ML</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Analytics & Reporting</a></li> | |
| <li><a href="#" class="hover:text-blue-700">Configure Price Quote (CPQ)</a></li> | |
| </ul> | |
| <a href="#" class="inline-block mt-3 text-blue-700 font-medium">All products</a> | |
| </div> | |
| </div> | |
| <a href="#" class="font-medium hover:text-blue-700">Platform</a> | |
| <a href="#" class="font-medium hover:text-blue-700">Services & Support</a> | |
| <a href="#" class="font-medium hover:text-blue-700">Partners</a> | |
| <a href="#" class="font-medium hover:text-blue-700">About</a> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <div class="relative hidden md:block"> | |
| <input type="text" placeholder="Search infor.com" class="border rounded-full py-1 px-4 pl-8 text-sm w-48 focus:outline-none focus:ring-2 focus:ring-blue-500"> | |
| <i class="fas fa-search absolute left-3 top-2 text-gray-400"></i> | |
| </div> | |
| <button class="lg:hidden text-gray-600"> | |
| <i class="fas fa-bars text-xl"></i> | |
| </button> | |
| <div class="hidden lg:flex space-x-2"> | |
| <a href="#" class="bg-blue-700 hover:bg-blue-800 text-white px-4 py-2 rounded text-sm font-medium">Contact Us</a> | |
| <a href="#" class="bg-white border border-blue-700 text-blue-700 hover:bg-blue-50 px-4 py-2 rounded text-sm font-medium">Watch Demo</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <main id="main-content"> | |
| <!-- Hero Slider --> | |
| <div class="relative overflow-hidden bg-gray-100"> | |
| <div class="hero-slide slide-visible relative"> | |
| <div class="container mx-auto px-4 py-16 md:py-24 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> | |
| <h1 class="text-4xl md:text-5xl font-bold text-blue-900 mb-4">Industry cloud solutions</h1> | |
| <p class="text-xl text-gray-600 mb-6">Unlock the value of the cloud.</p> | |
| <a href="#" class="inline-block bg-blue-700 hover:bg-blue-800 text-white px-6 py-3 rounded font-medium">Start your journey now</a> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <img src="https://via.placeholder.com/600x400" alt="Cloud solutions" class="rounded-lg shadow-lg"> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="absolute bottom-8 left-0 right-0 flex justify-center space-x-2"> | |
| <button class="w-3 h-3 rounded-full bg-blue-700"></button> | |
| <button class="w-3 h-3 rounded-full bg-gray-300"></button> | |
| <button class="w-3 h-3 rounded-full bg-gray-300"></button> | |
| <button class="w-3 h-3 rounded-full bg-gray-300"></button> | |
| </div> | |
| </div> | |
| <!-- Customer Showcase --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Meet Infor</h2> | |
| <p class="text-xl text-center text-gray-600 max-w-3xl mx-auto mb-12"> | |
| Market-leading enterprise software – built for your industry. Infor is a global leader in cloud-based, industry-specific enterprise software. | |
| </p> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/400x250" alt="Customer" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Triumph Group</h3> | |
| <p class="text-gray-600 mb-4">Modern ERP implementation journey</p> | |
| <a href="#" class="text-blue-700 font-medium">Read case study</a> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/400x250" alt="Customer" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Christus Health</h3> | |
| <p class="text-gray-600 mb-4">Service continuity during pandemic</p> | |
| <a href="#" class="text-blue-700 font-medium">Read case study</a> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/400x250" alt="Customer" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Canon</h3> | |
| <p class="text-gray-600 mb-4">Digital transformation success</p> | |
| <a href="#" class="text-blue-700 font-medium">Read case study</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center mt-12"> | |
| <a href="#" class="inline-block bg-blue-700 hover:bg-blue-800 text-white px-6 py-3 rounded font-medium">See more customer stories</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Industries Section --> | |
| <section class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-blue-900 mb-4">Industry-specific software built for better business</h2> | |
| <p class="text-xl text-center text-gray-600 max-w-3xl mx-auto mb-12"> | |
| Our solutions combine deep industry expertise with cutting-edge technology to help you innovate and lead. | |
| </p> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/300x200" alt="Aerospace & Defense" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Aerospace & Defense</h3> | |
| <p class="text-gray-600 mb-4">Meet rigorous compliance requirements and manage highly complex production and supply chains.</p> | |
| <a href="#" class="text-blue-700 font-medium">Learn more</a> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/300x200" alt="Automotive" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Automotive</h3> | |
| <p class="text-gray-600 mb-4">Accelerate smart vehicle and EV innovation, gain new efficiencies, and drive profitability.</p> | |
| <a href="#" class="text-blue-700 font-medium">Learn more</a> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/300x200" alt="Distribution" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Distribution</h3> | |
| <p class="text-gray-600 mb-4">Keep goods flowing smoothly around the world, ensure compliance, and avoid disruption.</p> | |
| <a href="#" class="text-blue-700 font-medium">Learn more</a> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/300x200" alt="Fashion" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Fashion</h3> | |
| <p class="text-gray-600 mb-4">Speed time to market for new styles – and ensure product quality and sustainability.</p> | |
| <a href="#" class="text-blue-700 font-medium">Learn more</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center mt-12"> | |
| <a href="#" class="inline-block border border-blue-700 text-blue-700 hover:bg-blue-50 px-6 py-3 rounded font-medium">View all industries</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Enterprise Applications --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Enterprise applications for every business need</h2> | |
| <p class="text-xl text-center text-gray-600 max-w-3xl mx-auto mb-12"> | |
| Explore our cloud solutions for ERP, SCM, HCM, financial management, and sustainability and ESG. | |
| </p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-cogs text-blue-700 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-blue-900">Enterprise resource planning (ERP)</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Transform your mission-critical processes with cloud ERP solutions from Infor.</p> | |
| <a href="#" class="text-blue-700 font-medium">Explore ERP solutions</a> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-truck text-blue-700 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-blue-900">Supply chain management (SCM)</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Run a more resilient supply chain with our comprehensive solutions.</p> | |
| <a href="#" class="text-blue-700 font-medium">Explore SCM solutions</a> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-users text-blue-700 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-blue-900">Human capital management (HCM)</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Adapt to the new world of work with our cloud HCM solutions.</p> | |
| <a href="#" class="text-blue-700 font-medium">Explore HCM solutions</a> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-chart-line text-blue-700 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-blue-900">Financial management</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Equip your finance teams with AI-powered, cloud-based tools.</p> | |
| <a href="#" class="text-blue-700 font-medium">Explore finance solutions</a> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-leaf text-blue-700 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-blue-900">Sustainability and ESG</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Monitor environmental, social, and governance data across your organization.</p> | |
| <a href="#" class="text-blue-700 font-medium">Explore ESG capabilities</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Analyst Perspectives --> | |
| <section class="py-16 bg-blue-900 text-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-12">How Infor is leading the way forward</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-blue-800 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/400x250" alt="Gartner Report" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-2">2025 Gartner® Magic Quadrant™ for WMS</h3> | |
| <p class="text-blue-200 mb-4">Infor positioned as a Leader, for 7th consecutive time.</p> | |
| <a href="#" class="font-medium text-white hover:text-blue-200">Read more</a> | |
| </div> | |
| </div> | |
| <div class="bg-blue-800 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/400x250" alt="Gartner Report" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-2">2024 Gartner® Magic Quadrant™ for Cloud ERP</h3> | |
| <p class="text-blue-200 mb-4">Infor is named a Leader in Cloud ERP for Product-Centric Enterprises.</p> | |
| <a href="#" class="font-medium text-white hover:text-blue-200">Read more</a> | |
| </div> | |
| </div> | |
| <div class="bg-blue-800 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/400x250" alt="IDC Report" class="w-full"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-2">Infor named a "Leader" in IDC MarketScape</h3> | |
| <p class="text-blue-200 mb-4">The IDC MarketScape study evaluated SaaS and cloud-enabled large enterprise ERP applications.</p> | |
| <a href="#" class="font-medium text-white hover:text-blue-200">Read more</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Resources --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center mb-12"> | |
| <h2 class="text-3xl font-bold text-blue-900">Explore the latest Infor resources</h2> | |
| <a href="#" class="text-blue-700 font-medium">View more resources</a> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> | |
| <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/300x200" alt="Infographic" class="w-full"> | |
| <div class="p-6"> | |
| <span class="inline-block bg-blue-100 text-blue-700 text-xs font-semibold px-2 py-1 rounded mb-2">Infographic</span> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">The 4 stages of supply chain digitization</h3> | |
| <p class="text-gray-600 mb-4">Explore the four sequential stages of digital supply chain transformation.</p> | |
| <a href="#" class="text-blue-700 font-medium">View the infographic</a> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/300x200" alt="Executive brief" class="w-full"> | |
| <div class="p-6"> | |
| <span class="inline-block bg-blue-100 text-blue-700 text-xs font-semibold px-2 py-1 rounded mb-2">Executive brief</span> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Why legacy ERP is no longer "good enough"</h3> | |
| <p class="text-gray-600 mb-4">Business today is fast-moving, data-driven, and hyper-competitive.</p> | |
| <a href="#" class="text-blue-700 font-medium">Read the brief</a> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/300x200" alt="White Paper" class="w-full"> | |
| <div class="p-6"> | |
| <span class="inline-block bg-blue-100 text-blue-700 text-xs font-semibold px-2 py-1 rounded mb-2">White Paper</span> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Governance in the age of data discovery</h3> | |
| <p class="text-gray-600 mb-4">Learn about a new approach to governance in the age of self-service data discovery.</p> | |
| <a href="#" class="text-blue-700 font-medium">Read the white paper</a> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"> | |
| <img src="https://via.placeholder.com/300x200" alt="Infographic" class="w-full"> | |
| <div class="p-6"> | |
| <span class="inline-block bg-blue-100 text-blue-700 text-xs font-semibold px-2 py-1 rounded mb-2">Infographic</span> | |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Using AI to stay ahead of demand</h3> | |
| <p class="text-gray-600 mb-4">Customers have come to expect the right product at the right time.</p> | |
| <a href="#" class="text-blue-700 font-medium">View the infographic</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Form --> | |
| <section class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-md overflow-hidden"> | |
| <div class="md:flex"> | |
| <div class="md:w-1/2 bg-blue-900 text-white p-8"> | |
| <h2 class="text-2xl font-bold mb-4">Let's Connect</h2> | |
| <p class="mb-6">Contact us and we'll have a Business Development Representative contact you within 24 business hours.</p> | |
| <div class="flex items-center mb-4"> | |
| <i class="fas fa-phone-alt mr-3"></i> | |
| <span>1-800-260-2640</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-envelope mr-3"></i> | |
| <span>info@infor.com</span> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 p-8"> | |
| <form> | |
| <div class="mb-4"> | |
| <label for="first-name" class="block text-gray-700 font-medium mb-2">First Name</label> | |
| <input type="text" id="first-name" class="w-full px-4 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="last-name" class="block text-gray-700 font-medium mb-2">Last Name</label> | |
| <input type="text" id="last-name" class="w-full px-4 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="email" class="block text-gray-700 font-medium mb-2">Business Email Address</label> | |
| <input type="email" id="email" class="w-full px-4 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="company" class="block text-gray-700 font-medium mb-2">Company Name</label> | |
| <input type="text" id="company" class="w-full px-4 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="phone" class="block text-gray-700 font-medium mb-2">Phone Number</label> | |
| <input type="tel" id="phone" class="w-full px-4 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> | |
| </div> | |
| <div class="mb-6"> | |
| <label for="country" class="block text-gray-700 font-medium mb-2">Country / Region</label> | |
| <select id="country" class="w-full px-4 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> | |
| <option>Select Country</option> | |
| <option>United States</option> | |
| <option>Canada</option> | |
| <option>United Kingdom</option> | |
| </select> | |
| </div> | |
| <button type="submit" class="w-full bg-blue-700 hover:bg-blue-800 text-white py-3 rounded font-medium">Submit</button> | |
| <p class="text-xs text-gray-500 mt-3"> | |
| By clicking "Submit" you agree that Infor will process your personal data provided in the above form for communicating with you as our potential or actual customer or a client as described in our <a href="#" class="text-blue-700">Privacy Policy</a>. | |
| </p> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white"> | |
| <div class="container mx-auto px-4 py-12"> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8"> | |
| <div> | |
| <a href="#" class="text-2xl font-bold mb-4 inline-block"> | |
| <img src="https://www.infor.com/themes/custom/infor/logo-white.svg" alt="Infor Logo" class="h-10"> | |
| </a> | |
| <div class="flex space-x-4 mt-4"> | |
| <a href="#" class="hover:text-blue-300"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="hover:text-blue-300"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="hover:text-blue-300"><i class="fab fa-instagram"></i></a> | |
| <a href="#" class="hover:text-blue-300"><i class="fab fa-linkedin-in"></i></a> | |
| <a href="#" class="hover:text-blue-300"><i class="fab fa-youtube"></i></a> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg mb-4">Quick Links</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-blue-300">Industries</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Products</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Solutions</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Platform</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Services</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg mb-4">Company</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-blue-300">Partners</a></li> | |
| <li><a href="#" class="hover:text-blue-300">About</a></li> | |
| <li><a href="#" class="hover:text-blue-300">News</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Careers</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg mb-4">Legal</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-blue-300">Privacy</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Legal</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Modern Slavery Act</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Cookie Settings</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Covid response</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg mb-4">Global Sites</h3> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div> | |
| <h4 class="font-semibold mb-2">Americas</h4> | |
| <ul class="space-y-1 text-sm"> | |
| <li><a href="#" class="hover:text-blue-300">Brazil</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Canada</a></li> | |
| <li><a href="#" class="hover:text-blue-300">United States</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold mb-2">Europe</h4> | |
| <ul class="space-y-1 text-sm"> | |
| <li><a href="#" class="hover:text-blue-300">France</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Germany</a></li> | |
| <li><a href="#" class="hover:text-blue-300">UK</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold mb-2">Asia Pacific</h4> | |
| <ul class="space-y-1 text-sm"> | |
| <li><a href="#" class="hover:text-blue-300">Australia</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Japan</a></li> | |
| <li><a href="#" class="hover:text-blue-300">Singapore</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 text-sm text-gray-400"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <p>Copyright © 2025 Infor. All rights reserved.</p> | |
| <div class="flex space-x-4 mt-4 md:mt-0"> | |
| <a href="#" class="hover:text-blue-300">Terms of Use</a> | |
| <a href="#" class="hover:text-blue-300">Privacy Policy</a> | |
| <a href="#" class="hover:text-blue-300">Cookie Policy</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Simple slider functionality | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const slides = document.querySelectorAll('.hero-slide'); | |
| const dots = document.querySelectorAll('.absolute.bottom-8 button'); | |
| let currentSlide = 0; | |
| function showSlide(n) { | |
| slides.forEach(slide => { | |
| slide.classList.remove('slide-visible'); | |
| slide.classList.add('slide-hidden'); | |
| }); | |
| dots.forEach(dot => dot.classList.remove('bg-blue-700')); | |
| dots.forEach(dot => dot.classList.add('bg-gray-300')); | |
| slides[n].classList.remove('slide-hidden'); | |
| slides[n].classList.add('slide-visible'); | |
| dots[n].classList.remove('bg-gray-300'); | |
| dots[n].classList.add('bg-blue-700'); | |
| currentSlide = n; | |
| } | |
| dots.forEach((dot, index) => { | |
| dot.addEventListener('click', () => { | |
| showSlide(index); | |
| }); | |
| }); | |
| // Auto-advance slides every 5 seconds | |
| setInterval(() => { | |
| currentSlide = (currentSlide + 1) % slides.length; | |
| showSlide(currentSlide); | |
| }, 5000); | |
| }); | |
| </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=Wekay/test-infor" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |