File size: 19,625 Bytes
e662d15 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 | <!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">
<!-- Navigation -->
<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>
<!-- Page Header -->
<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>
<!-- Services -->
<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">
<!-- Education -->
<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>
<!-- Market Analysis -->
<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>
<!-- Mentorship -->
<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>
<!-- Pricing -->
<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">
<!-- Basic -->
<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>
<!-- Pro -->
<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>
<!-- Elite -->
<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>
<!-- Testimonials -->
<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>
<!-- CTA 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 -->
<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>
|