| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <meta name="description" content="Xaifer Forex Hub Services - Comprehensive forex trading education, market analysis, and mentorship programs."> |
| <title>Our Services | Xaifer Forex Hub</title> |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <style> |
| .hero-gradient { |
| background: linear-gradient(135deg, #1e3a8a 0%, #0c4a6e 100%); |
| } |
| .gold-text { |
| color: #d4af37; |
| } |
| .gold-border { |
| border-color: #d4af37; |
| } |
| .hover-gold:hover { |
| color: #d4af37; |
| } |
| .nav-link { |
| position: relative; |
| } |
| .nav-link:after { |
| content: ''; |
| position: absolute; |
| width: 0; |
| height: 2px; |
| bottom: -2px; |
| left: 0; |
| background-color: #d4af37; |
| transition: width 0.3s ease; |
| } |
| .nav-link:hover:after { |
| width: 100%; |
| } |
| .service-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); |
| } |
| .service-card { |
| transition: all 0.3s ease; |
| } |
| </style> |
| </head> |
| <body class="font-sans bg-gray-50"> |
| |
| <nav class="bg-white shadow-md sticky top-0 z-50"> |
| <div class="container mx-auto px-6 py-3"> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center"> |
| <div class="text-2xl font-bold gold-text">Xaifer<span class="text-blue-900">Forex</span>Hub</div> |
| </div> |
| <div class="hidden md:flex space-x-8"> |
| <a href="index.html" class="nav-link text-blue-900 font-medium hover-gold">Home</a> |
| <a href="about.html" class="nav-link text-blue-900 font-medium hover-gold">About</a> |
| <a href="services.html" class="nav-link text-blue-900 font-medium hover-gold">Services</a> |
| <a href="blog.html" class="nav-link text-blue-900 font-medium hover-gold">Blog</a> |
| <a href="contact.html" class="nav-link text-blue-900 font-medium hover-gold">Contact</a> |
| </div> |
| <div class="md:hidden"> |
| <button class="text-blue-900 focus:outline-none"> |
| <i data-feather="menu"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <section class="hero-gradient text-white py-20"> |
| <div class="container mx-auto px-6 text-center"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-4" data-aos="fade-up">Our Services</h1> |
| <p class="text-xl max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100">Comprehensive forex trading solutions designed to help you succeed in the markets.</p> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="container mx-auto px-6"> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="service-card bg-gray-50 p-8 rounded-lg shadow-md" data-aos="fade-up"> |
| <div class="text-blue-900 mb-6"> |
| <i data-feather="book-open" class="w-12 h-12"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-blue-900 mb-4">Forex Trading Education</h3> |
| <p class="text-gray-600 mb-6">From beginner to advanced levels, our structured courses provide the knowledge you need to trade confidently.</p> |
| <ul class="space-y-3 mb-6"> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Beginner to Advanced Courses</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Technical & Fundamental Analysis</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Risk Management Strategies</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Trading Psychology</span> |
| </li> |
| </ul> |
| <a href="#" class="text-blue-900 font-semibold hover:text-yellow-600 transition flex items-center"> |
| Learn More <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
| </a> |
| </div> |
|
|
| |
| <div class="service-card bg-gray-50 p-8 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="100"> |
| <div class="text-blue-900 mb-6"> |
| <i data-feather="trending-up" class="w-12 h-12"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-blue-900 mb-4">Market Analysis</h3> |
| <p class="text-gray-600 mb-6">Stay ahead of the markets with our expert analysis and trading insights delivered regularly.</p> |
| <ul class="space-y-3 mb-6"> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Daily Market Reports</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Weekly Technical Analysis</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Economic Calendar Updates</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Live Trading Sessions</span> |
| </li> |
| </ul> |
| <a href="#" class="text-blue-900 font-semibold hover:text-yellow-600 transition flex items-center"> |
| Learn More <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
| </a> |
| </div> |
|
|
| |
| <div class="service-card bg-gray-50 p-8 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="200"> |
| <div class="text-blue-900 mb-6"> |
| <i data-feather="users" class="w-12 h-12"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-blue-900 mb-4">Mentorship & Community</h3> |
| <p class="text-gray-600 mb-6">Get personalized guidance and join a community of like-minded traders.</p> |
| <ul class="space-y-3 mb-6"> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>One-on-One Coaching</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Private Trading Community</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Live Q&A Sessions</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="text-green-500 mr-2 mt-1"></i> |
| <span>Account Reviews</span> |
| </li> |
| </ul> |
| <a href="#" class="text-blue-900 font-semibold hover:text-yellow-600 transition flex items-center"> |
| Learn More <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-gray-50"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-3xl font-bold text-center text-blue-900 mb-12" data-aos="fade-up">Choose Your Plan</h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto"> |
| |
| <div class="bg-white p-8 rounded-lg shadow-md text-center" data-aos="fade-up"> |
| <h3 class="text-xl font-bold text-blue-900 mb-4">Basic</h3> |
| <div class="text-4xl font-bold gold-text mb-6">$97<span class="text-lg text-gray-500">/month</span></div> |
| <ul class="space-y-3 mb-8"> |
| <li class="text-gray-600">Beginner Course Access</li> |
| <li class="text-gray-600">Weekly Market Analysis</li> |
| <li class="text-gray-600">Community Forum Access</li> |
| <li class="text-gray-600 line-through">Live Trading Sessions</li> |
| <li class="text-gray-600 line-through">Personal Mentorship</li> |
| </ul> |
| <a href="#" class="bg-blue-900 hover:bg-blue-800 text-white font-bold py-3 px-6 rounded-full transition duration-300 inline-block">Get Started</a> |
| </div> |
|
|
| |
| <div class="bg-white p-8 rounded-lg shadow-xl border-2 gold-border transform scale-105" data-aos="fade-up" data-aos-delay="100"> |
| <div class="bg-yellow-600 text-white text-sm font-bold px-4 py-1 rounded-full inline-block mb-4">MOST POPULAR</div> |
| <h3 class="text-xl font-bold text-blue-900 mb-4">Pro Trader</h3> |
| <div class="text-4xl font-bold gold-text mb-6">$197<span class="text-lg text-gray-500">/month</span></div> |
| <ul class="space-y-3 mb-8"> |
| <li class="text-gray-600">All Course Access</li> |
| <li class="text-gray-600">Daily Market Analysis</li> |
| <li class="text-gray-600">Community Forum Access</li> |
| <li class="text-gray-600">Weekly Live Trading</li> |
| <li class="text-gray-600 line-through">Personal Mentorship</li> |
| </ul> |
| <a href="#" class="bg-yellow-600 hover:bg-yellow-700 text-white font-bold py-3 px-6 rounded-full transition duration-300 inline-block">Get Started</a> |
| </div> |
|
|
| |
| <div class="bg-white p-8 rounded-lg shadow-md text-center" data-aos="fade-up" data-aos-delay="200"> |
| <h3 class="text-xl font-bold text-blue-900 mb-4">Elite</h3> |
| <div class="text-4xl font-bold gold-text mb-6">$497<span class="text-lg text-gray-500">/month</span></div> |
| <ul class="space-y-3 mb-8"> |
| <li class="text-gray-600">All Course Access</li> |
| <li class="text-gray-600">Premium Market Analysis</li> |
| <li class="text-gray-600">Private Community</li> |
| <li class="text-gray-600">Daily Live Trading</li> |
| <li class="text-gray-600">Weekly Personal Mentorship</li> |
| </ul> |
| <a href="#" class="bg-blue-900 hover:bg-blue-800 text-white font-bold py-3 px-6 rounded-full transition duration-300 inline-block">Get Started</a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-3xl font-bold text-center text-blue-900 mb-12" data-aos="fade-up">Success Stories</h2> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div class="bg-gray-50 p-6 rounded-lg shadow-md" data-aos="fade-right"> |
| <div class="flex items-center mb-4"> |
| <img src="http://static.photos/people/200x200/30" alt="Student" class="w-12 h-12 rounded-full mr-4"> |
| <div> |
| <h4 class="font-bold text-blue-900">James R.</h4> |
| <div class="flex gold-text"> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| </div> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-4">"The Pro Trader package was a game-changer for me. The daily analysis helped me spot opportunities I would have otherwise missed."</p> |
| <p class="text-sm text-gray-500">Grew account by 120% in 6 months</p> |
| </div> |
| <div class="bg-gray-50 p-6 rounded-lg shadow-md" data-aos="fade-left"> |
| <div class="flex items-center mb-4"> |
| <img src="http://static.photos/people/200x200/31" alt="Student" class="w-12 h-12 rounded-full mr-4"> |
| <div> |
| <h4 class="font-bold text-blue-900">Lisa M.</h4> |
| <div class="flex gold-text"> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> |
| </div> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-4">"The Elite mentorship helped me develop discipline and a trading plan that works. I'm now trading full-time thanks to Xaifer Forex Hub."</p> |
| <p class="text-sm text-gray-500">Transitioned to full-time trading in 9 months</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-blue-900 text-white"> |
| <div class="container mx-auto px-6 text-center"> |
| <h2 class="text-3xl font-bold mb-6" data-aos="fade-up">Ready to Elevate Your Trading?</h2> |
| <p class="text-xl mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100">Choose the plan that fits your goals and start your journey today.</p> |
| <div data-aos="fade-up" data-aos-delay="200"> |
| <a href="contact.html" class="bg-yellow-600 hover:bg-yellow-700 text-white font-bold py-3 px-8 rounded-full transition duration-300 inline-block">Get Started</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 text-white py-12"> |
| <div class="container mx-auto px-6"> |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
| <div> |
| <h3 class="text-xl font-bold gold-text mb-4">Xaifer Forex Hub</h3> |
| <p class="text-gray-400">Master the Market, Trade with Confidence. Your premier destination for forex trading education and analysis.</p> |
| </div> |
| <div> |
| <h4 class="text-lg font-semibold mb-4">Quick Links</h4> |
| <ul class="space-y-2"> |
| <li><a href="index.html" class="text-gray-400 hover:text-white transition">Home</a></li> |
| <li><a href="about.html" class="text-gray-400 hover:text-white transition">About Us</a></li> |
| <li><a href="services.html" class="text-gray-400 hover:text-white transition">Services</a></li> |
| <li><a href="blog.html" class="text-gray-400 hover:text-white transition">Blog</a></li> |
| <li><a href="contact.html" class="text-gray-400 hover:text-white transition">Contact</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="text-lg font-semibold mb-4">Services</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Forex Education</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Market Analysis</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Mentorship</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Trading Signals</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="text-lg font-semibold mb-4">Connect With Us</h4> |
| <div class="flex space-x-4 mb-4"> |
| <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="facebook"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="twitter"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="instagram"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="linkedin"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="youtube"></i></a> |
| </div> |
| <p class="text-gray-400"><i data-feather="mail" class="inline mr-2"></i> info@xaiferforexhub.com</p> |
| <p class="text-gray-400 mt-2"><i data-feather="phone" class="inline mr-2"></i> +256 (784) 544-777</p> |
| </div> |
| </div> |
| <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400"> |
| <p>© 2025 Xaifer Forex Hub. All rights reserved.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| AOS.init({ |
| duration: 800, |
| easing: 'ease-in-out', |
| once: true |
| }); |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
|
|
