48 lines
3.0 KiB
Vue
48 lines
3.0 KiB
Vue
<template>
|
|
<div class="bg-gray-100 py-12 md:py-16">
|
|
<div class="container mx-auto px-4">
|
|
<h2 class="text-2xl md:text-3xl font-bold text-center text-blue-800 mb-12">Đội ngũ nhân sự</h2>
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
|
|
<div class="bg-white rounded-lg overflow-hidden shadow-md text-center p-6">
|
|
<!-- <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-blue-100">
|
|
<NuxtImg placeholder="/placeholder.png" src="/images/team-1.png" alt="Đào Đình Dũng" class="w-full h-full object-cover"/>
|
|
</div> -->
|
|
<h3 class="text-xl font-semibold">Ông. Đào Đình Dũng</h3>
|
|
<p class="text-blue-600 mb-2">Chủ tịch HĐQT - Giám đốc</p>
|
|
<p class="text-gray-600">Kỹ sư cầu đường</p>
|
|
<p class="text-gray-500 text-sm mt-2">Hơn 15 năm kinh nghiệm</p>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-lg overflow-hidden shadow-md text-center p-6">
|
|
<!-- <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-blue-100">
|
|
<NuxtImg placeholder="/placeholder.png" src="/images/team-2.png" alt="Vũ Hồng Phong" class="w-full h-full object-cover"/>
|
|
</div> -->
|
|
<h3 class="text-xl font-semibold">Ông. Vũ Hồng Phong</h3>
|
|
<p class="text-blue-600 mb-2">Thành viên HĐQT</p>
|
|
<p class="text-gray-600">Kỹ sư cầu đường</p>
|
|
<p class="text-gray-500 text-sm mt-2">Hơn 15 năm kinh nghiệm</p>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-lg overflow-hidden shadow-md text-center p-6">
|
|
<!-- <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-blue-100">
|
|
<NuxtImg placeholder="/placeholder.png" src="/images/team-3.png" alt="Trần Thị Thu Hiền" class="w-full h-full object-cover"/>
|
|
</div> -->
|
|
<h3 class="text-xl font-semibold">Bà. Trần Thị Thu Hiền</h3>
|
|
<p class="text-blue-600 mb-2">Thành viên HĐQT</p>
|
|
<p class="text-gray-600">Kỹ sư cầu đường bộ</p>
|
|
<p class="text-gray-500 text-sm mt-2">Hơn 7 năm kinh nghiệm</p>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-lg overflow-hidden shadow-md text-center p-6">
|
|
<!-- <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-blue-100">
|
|
<NuxtImg placeholder="/placeholder.png" src="/images/team-4.png" alt="Nguyễn Thị Thu Hằng" class="w-full h-full object-cover"/>
|
|
</div> -->
|
|
<h3 class="text-xl font-semibold">Bà. Nguyễn Thị Thu Hằng</h3>
|
|
<p class="text-blue-600 mb-2">Trưởng phòng kế toán</p>
|
|
<p class="text-gray-600">Kế toán trưởng</p>
|
|
<p class="text-gray-500 text-sm mt-2">Hơn 8 năm kinh nghiệm</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template> |