Spaces:
Running
Running
File size: 22,596 Bytes
7f90652 |
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 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HR Excellence Tunisia | Training & Consulting Services</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.hero-gradient {
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
}
.consultant-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.service-card:hover .service-icon {
transform: scale(1.1);
color: #2563eb;
}
.testimonial-card {
background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
}
.animated-underline {
position: relative;
display: inline-block;
}
.animated-underline::after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: -2px;
left: 0;
background-color: #2563eb;
transition: width 0.3s ease;
}
.animated-underline:hover::after {
width: 100%;
}
</style>
</head>
<body class="font-sans antialiased text-gray-800">
<!-- Header -->
<header class="sticky top-0 z-50 bg-white shadow-sm">
<div class="container mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center">
<div class="w-12 h-12 bg-blue-600 rounded-full flex items-center justify-center text-white font-bold text-xl mr-3">HR</div>
<h1 class="text-xl font-bold text-blue-800">HR Excellence Tunisia</h1>
</div>
<nav class="hidden md:flex space-x-8">
<a href="#home" class="animated-underline font-medium">Home</a>
<a href="#services" class="animated-underline font-medium">Services</a>
<a href="#consultants" class="animated-underline font-medium">Consultants</a>
<a href="#testimonials" class="animated-underline font-medium">Testimonials</a>
<a href="#contact" class="animated-underline font-medium">Contact</a>
</nav>
<div class="md:hidden">
<button id="menu-toggle" class="text-blue-800 focus:outline-none">
<i class="fas fa-bars text-2xl"></i>
</button>
</div>
</div>
<!-- Mobile menu -->
<div id="mobile-menu" class="hidden md:hidden bg-white py-4 px-4 shadow-lg">
<div class="flex flex-col space-y-4">
<a href="#home" class="font-medium">Home</a>
<a href="#services" class="font-medium">Services</a>
<a href="#consultants" class="font-medium">Consultants</a>
<a href="#testimonials" class="font-medium">Testimonials</a>
<a href="#contact" class="font-medium">Contact</a>
</div>
</div>
</header>
<!-- Hero Section -->
<section id="home" class="hero-gradient text-white py-20 md:py-32">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0">
<h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Transform Your HR Strategy with Tunisian Expertise</h1>
<p class="text-xl mb-8 text-blue-100">Premium HR training and consulting services for African and Tunisian companies delivered by our team of seasoned professionals.</p>
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
<a href="#contact" class="bg-white text-blue-800 px-8 py-3 rounded-lg font-semibold text-center hover:bg-blue-50 transition duration-300">Get a Consultation</a>
<a href="#services" class="border-2 border-white px-8 py-3 rounded-lg font-semibold text-center hover:bg-white hover:text-blue-800 transition duration-300">Our Services</a>
</div>
</div>
<div class="md:w-1/2 flex justify-center">
<img src="https://images.unsplash.com/photo-1573164713988-8665fc963095?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80" alt="HR Team Meeting" class="rounded-xl shadow-2xl max-w-full h-auto">
</div>
</div>
</div>
</section>
<!-- Stats Section -->
<section class="bg-gray-50 py-12">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
<div class="bg-white p-6 rounded-xl shadow-sm">
<div class="text-4xl font-bold text-blue-600 mb-2">15+</div>
<div class="text-gray-600">Years of Combined Experience</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm">
<div class="text-4xl font-bold text-blue-600 mb-2">200+</div>
<div class="text-gray-600">Companies Trained</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm">
<div class="text-4xl font-bold text-blue-600 mb-2">95%</div>
<div class="text-gray-600">Client Satisfaction Rate</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our HR Services</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Comprehensive solutions tailored to meet the unique challenges of African and Tunisian businesses</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Service 1 -->
<div class="service-card bg-gray-50 p-8 rounded-xl transition duration-300 hover:shadow-md">
<div class="service-icon w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 mb-6 transition duration-300">
<i class="fas fa-chalkboard-teacher text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-3">HR Training Programs</h3>
<p class="text-gray-600 mb-4">Customized training sessions covering recruitment, talent management, performance evaluation, and HR digital transformation.</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Leadership development</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Team building workshops</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Compliance training</span>
</li>
</ul>
</div>
<!-- Service 2 -->
<div class="service-card bg-gray-50 p-8 rounded-xl transition duration-300 hover:shadow-md">
<div class="service-icon w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 mb-6 transition duration-300">
<i class="fas fa-briefcase text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-3">Strategic HR Consulting</h3>
<p class="text-gray-600 mb-4">Expert guidance to align your HR strategy with business objectives and African market specificities.</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Organizational design</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Compensation strategy</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Change management</span>
</li>
</ul>
</div>
<!-- Service 3 -->
<div class="service-card bg-gray-50 p-8 rounded-xl transition duration-300 hover:shadow-md">
<div class="service-icon w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 mb-6 transition duration-300">
<i class="fas fa-search-dollar text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-3">Talent Acquisition Solutions</h3>
<p class="text-gray-600 mb-4">End-to-end recruitment services and employer branding strategies for attracting top African talent.</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Executive search</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Assessment centers</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>Diversity hiring programs</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Consultants Section -->
<section id="consultants" class="py-20 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Meet Our Expert Consultants</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Seasoned professionals with deep understanding of African HR challenges</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Consultant 1 -->
<div class="consultant-card bg-white p-6 rounded-xl shadow-sm transition duration-300">
<div class="flex justify-center mb-6">
<img src="https://media.licdn.com/dms/image/D4E03AQF9Q3JXWZQb9w/profile-displayphoto-shrink_800_800/0/1684231231973?e=2147483647&v=beta&t=4KJYd8GxJ4x3j2hQ5Q6l9Q9Q9Q9Q9Q9Q9Q9Q9Q9Q9Q" alt="Maher Kallel" class="w-32 h-32 rounded-full object-cover border-4 border-blue-100">
</div>
<h3 class="text-xl font-bold text-center mb-2">Maher Kallel</h3>
<p class="text-blue-600 text-center mb-4">HR Strategy & Organizational Development</p>
<p class="text-gray-600 mb-4">With over 20 years in HR leadership roles across Africa, Maher specializes in aligning HR practices with business strategy in multicultural environments.</p>
<div class="flex justify-center space-x-4">
<a href="https://www.linkedin.com/in/maherkallel" target="_blank" class="text-blue-600 hover:text-blue-800">
<i class="fab fa-linkedin text-xl"></i>
</a>
<a href="mailto:maher@hrexcellence.tn" class="text-gray-600 hover:text-blue-800">
<i class="fas fa-envelope text-xl"></i>
</a>
</div>
</div>
<!-- Consultant 2 -->
<div class="consultant-card bg-white p-6 rounded-xl shadow-sm transition duration-300">
<div class="flex justify-center mb-6">
<img src="https://media.licdn.com/dms/image/C4E03AQHqX9X9X9X9Xw/profile-displayphoto-shrink_800_800/0/1517287599000?e=2147483647&v=beta&t=4KJYd8GxJ4x3j2hQ5Q6l9Q9Q9Q9Q9Q9Q9Q9Q9Q9Q9Q" alt="Said Zouaghi" class="w-32 h-32 rounded-full object-cover border-4 border-blue-100">
</div>
<h3 class="text-xl font-bold text-center mb-2">Said Zouaghi</h3>
<p class="text-blue-600 text-center mb-4">Talent Management & Leadership Development</p>
<p class="text-gray-600 mb-4">Said brings 15+ years of experience in designing and implementing talent management systems for African multinationals and SMEs.</p>
<div class="flex justify-center space-x-4">
<a href="https://www.linkedin.com/in/saidzouaghi" target="_blank" class="text-blue-600 hover:text-blue-800">
<i class="fab fa-linkedin text-xl"></i>
</a>
<a href="mailto:said@hrexcellence.tn" class="text-gray-600 hover:text-blue-800">
<i class="fas fa-envelope text-xl"></i>
</a>
</div>
</div>
<!-- Consultant 3 -->
<div class="consultant-card bg-white p-6 rounded-xl shadow-sm transition duration-300">
<div class="flex justify-center mb-6">
<img src="https://media.licdn.com/dms/image/D4E03AQF9Q3JXWZQb9w/profile-displayphoto-shrink_800_800/0/1684231231973?e=2147483647&v=beta&t=4KJYd8GxJ4x3j2hQ5Q6l9Q9Q9Q9Q9Q9Q9Q9Q9Q9Q" alt="Walid Zalila" class="w-32 h-32 rounded-full object-cover border-4 border-blue-100">
</div>
<h3 class="text-xl font-bold text-center mb-2">Walid Zalila</h3>
<p class="text-blue-600 text-center mb-4">HR Digital Transformation & Analytics</p>
<p class="text-gray-600 mb-4">Walid is a tech-savvy HR consultant helping companies leverage digital tools and data analytics to optimize their HR processes.</p>
<div class="flex justify-center space-x-4">
<a href="https://www.linkedin.com/in/walidzalila" target="_blank" class="text-blue-600 hover:text-blue-800">
<i class="fab fa-linkedin text-xl"></i>
</a>
<a href="mailto:walid@hrexcellence.tn" class="text-gray-600 hover:text-blue-800">
<i class="fas fa-envelope text-xl"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials" class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">What Our Clients Say</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Success stories from African companies we've worked with</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<!-- Testimonial 1 -->
<div class="testimonial-card p-8 rounded-xl">
<div class="flex items-center mb-6">
<div class="w-16 h-16 rounded-full bg-gray-200 overflow-hidden mr-4">
<img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Client" class="w-full h-full object-cover">
</div>
<div>
<h4 class="font-bold">Amina Diallo</h4>
<p class="text-gray-600">HR Director, Dakar Manufacturing</p>
</div>
</div>
<p class="text-gray-700 italic mb-6">"Working with Maher transformed our approach to talent management. His deep understanding of West African labor markets helped us reduce turnover by 40% in one year."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<!-- Testimonial 2 -->
<div class="testimonial-card p-8 rounded-xl">
<div class="flex items-center mb-6">
<div class="w-16 h-16 rounded-full bg-gray-200 overflow-hidden mr-4">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Client" class="w-full h-full object-cover">
</div>
<div>
<h4 class="font-bold">Kwame Osei</h4>
<p class="text-gray-600">CEO, Accra Tech Solutions</p>
</div>
</div>
<p class="text-gray-700 italic mb-6">"Said's leadership development program was exactly what our growing tech company needed. We've seen a 35% improvement in management effectiveness scores since implementation."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<!-- Testimonial 3 -->
<div class="testimonial-card p-8 rounded-xl">
<div class="flex items-center mb-6">
<div class="w-16 h-16 rounded-full bg-gray-200 overflow-hidden mr-4">
<img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Client" class="w-full h-full object-cover">
</div>
<div>
<h4 class="font-bold">Fatima Ben Ammar</h4>
<p class="text-gray-600">COO, Tunis Financial Services</p>
</div>
</div>
<p class="text-gray-700 italic mb-6">"Walid's HR digital transformation roadmap saved us countless hours in administrative work. Our HR team can now focus on strategic initiatives rather than paperwork."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
<!-- Testimonial 4 -->
<div class="testimonial-card p-8 rounded-xl">
<div class="flex items-center mb-6">
<div class="w-16 h-16 rounded-full bg-gray-200 overflow-hidden mr-4">
<img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Client" class="w-full h-full object-cover">
</div>
<div>
<h4 class="font-bold">Jean-Luc Mbenga</h4>
<p class="text-gray-600">HR Manager, Kinshasa Logistics</p>
</div>
</div>
<p class="text-gray-700 italic mb-6">"The combined expertise of this team helped us navigate complex labor regulations across three African countries while maintaining consistent HR standards."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-20 bg-gray-50">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto bg-white rounded-xl shadow-sm overflow-hidden">
<div class="md:flex">
<div class="md:w-1/2 bg-blue-800 text-white p-12">
<h2 class="text-3xl font-bold mb-6">Get in Touch</h2>
<p class="mb-8 text-blue-100">Ready to transform your HR practices? Contact us for a free initial consultation.</p>
<div class="space-y-6">
<div class="flex items-start">
<div class="bg-blue-700 p-3 rounded-full mr-4">
<i class="fas fa-map-marker-alt"></i>
</div>
<div>
<h4 class="font-bold">Our Office</h4>
<p class="text-blue-100">15 Rue du Lac, Les Berges du Lac, Tunis 1053</p>
</div>
</div>
<div class="flex items-start">
<div class="
</html> |