<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* --- CSS CHO PHẦN 5 LÝ DO --- */
:root {
--primary-color: #d39e00; /* Màu vàng/cam chủ đạo của Bar */
--text-color: #333;
--bg-color: #f9f9f9;
--heading-font: 'Arial', sans-serif; /* Bạn có thể đổi font tuỳ web */
}
.reason-section {
padding: 60px 20px;
background-color: #fff;
font-family: sans-serif;
line-height: 1.6;
color: var(--text-color);
max-width: 1200px;
margin: 0 auto;
}
.reason-header {
text-align: center;
margin-bottom: 50px;
}
.reason-header h2 {
font-size: 2.5rem;
color: #222;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}
.reason-header p {
font-size: 1.1rem;
color: #666;
max-width: 800px;
margin: 0 auto;
}
/* Bố cục từng dòng lý do */
.reason-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 60px;
gap: 40px;
}
/* Đảo ngược vị trí cho các dòng chẵn (2, 4) để tạo hiệu ứng Zig-zag */
.reason-row:nth-child(even) {
flex-direction: row-reverse;
}
.reason-content {
flex: 1;
}
.reason-image {
flex: 1;
position: relative;
}
.reason-image img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.reason-image img:hover {
transform: scale(1.02);
}
/* Style cho phần chữ */
.reason-number {
font-size: 4rem;
font-weight: bold;
color: rgba(0,0,0,0.05);
line-height: 1;
margin-bottom: -20px;
position: relative;
z-index: -1;
}
.reason-content h3 {
font-size: 1.8rem;
color: #000;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 10px;
}
.reason-content p {
font-size: 1rem;
color: #555;
margin-bottom: 15px;
}
.reason-value {
background-color: #fff8e1;
padding: 15px;
border-left: 4px solid var(--primary-color);
border-radius: 4px;
font-style: italic;
}
/* Nút kêu gọi hành động (CTA) */
.cta-container {
text-align: center;
margin-top: 60px;
padding: 40px;
background-color: #222;
color: #fff;
border-radius: 12px;
}
.cta-btn {
display: inline-block;
margin-top: 20px;
padding: 15px 40px;
background-color: var(--primary-color);
color: #fff;
text-decoration: none;
font-weight: bold;
border-radius: 30px;
transition: background 0.3s;
text-transform: uppercase;
}
.cta-btn:hover {
background-color: #b58500;
}
/* Responsive cho Mobile */
@media (max-width: 768px) {
.reason-row {
flex-direction: column !important; /* Luôn xếp dọc trên mobile */
gap: 20px;
}
.reason-image img {
height: 250px;
}
.reason-header h2 {
font-size: 1.8rem;
}
}
</style>
</head>
<body>
<section class="reason-section">
<div class="reason-header">
<h2>Tại Sao Chọn Gincuisine?</h2>
<p>Giữa hàng trăm đơn vị đào tạo, Gincuisine tự hào là bệ phóng vững chắc cho sự nghiệp F&B của bạn với 5 giá trị cốt lõi khác biệt.</p>
</div>
<div class="reason-row">
<div class="reason-image">
<img src="LINK_ANH_GIANG_VIEN_O_DAY.jpg" alt="Giảng viên tâm huyết">
</div>
<div class="reason-content">
<div class="reason-number">01</div>
<h3>Đội Ngũ Giảng Viên "Thực Chiến" 👨🏫</h3>
<p>Được dẫn dắt bởi Founder Dũng và các chuyên gia hàng đầu. Chúng tôi không dạy lý thuyết suông, chúng tôi truyền đạt những mẹo nghề "xương máu" và cách xử lý tình huống thực tế.</p>
<div class="reason-value">
<strong>Giá trị bạn nhận được:</strong> Học từ người làm thật, việc thật. Rút ngắn thời gian thử sai trong nghề.
</div>
</div>
</div>
<div class="reason-row">
<div class="reason-image">
<img src="LINK_ANH_THUC_HANH_SHAKER_O_DAY.jpg" alt="Giáo trình thực hành">
</div>
<div class="reason-content">
<div class="reason-number">02</div>
<h3>Giáo Trình 90% Thực Hành 🍹</h3>
<p>Pha chế là nghề của đôi tay. Tại Gincuisine, bạn được "cầm tay chỉ việc", thực hành liên tục với nguyên liệu thật cho đến khi thành thục kỹ năng.</p>
<div class="reason-value">
<strong>Giá trị bạn nhận được:</strong> Tự tin đứng quầy và làm được việc ngay sau khi tốt nghiệp.
</div>
</div>
</div>
<div class="reason-row">
<div class="reason-image">
<img src="LINK_ANH_KINH_DOANH_O_DAY.jpg" alt="Tư duy làm chủ">
</div>
<div class="reason-content">
<div class="reason-number">03</div>
<h3>Tư Duy Kinh Doanh & Làm Chủ 📈</h3>
<p>Không chỉ dạy pha ngon, chúng tôi dạy bạn cách tính Cost (giá vốn), lên Menu tối ưu lợi nhuận và quy trình vận hành quán chuyên nghiệp.</p>
<div class="reason-value">
<strong>Giá trị bạn nhận được:</strong> Nắm vững bí quyết biến ly nước thành lợi nhuận bền vững.
</div>
</div>
</div>
<div class="reason-row">
<div class="reason-image">
<img src="LINK_ANH_PHONG_HOC_O_DAY.jpg" alt="Cơ sở vật chất hiện đại">
</div>
<div class="reason-content">
<div class="reason-number">04</div>
<h3>Cơ Sở Vật Chất Chuẩn Bar 🏛️</h3>
<p>Phòng học được mô phỏng y hệt quầy Bar thực tế với hệ thống máy móc, dụng cụ hiện đại bậc nhất, giúp bạn không bỡ ngỡ khi đi làm.</p>
<div class="reason-value">
<strong>Giá trị bạn nhận được:</strong> Trải nghiệm môi trường làm việc 5 sao ngay tại lớp học.
</div>
</div>
</div>
<div class="reason-row">
<div class="reason-image">
<img src="LINK_ANH_TOT_NGHIEP_O_DAY.jpg" alt="Hỗ trợ trọn đời">
</div>
<div class="reason-content">
<div class="reason-number">05</div>
<h3>Cam Kết Đồng Hành Trọn Đời 🤝</h3>
<p>Hỗ trợ giới thiệu việc làm, tư vấn setup miễn phí và cập nhật công thức món mới cho học viên mãi mãi qua cộng đồng nội bộ.</p>
<div class="reason-value">
<strong>Giá trị bạn nhận được:</strong> Bạn không bao giờ cô đơn trên con đường sự nghiệp F&B.
</div>
</div>
</div>
<div class="cta-container">
<h3>Đừng chần chừ với đam mê của mình</h3>
<p>Hãy để Gincuisine cùng bạn đặt viên gạch đầu tiên cho sự thành công!</p>
<a href="#lien-he" class="cta-btn">Đăng Ký Tư Vấn Miễn Phí</a>
</div>
</section>
</body>
</html>
Creating better jobs
Lorem ipsum dolor sit amet adipiscing elit sed diam nonummy nibh euismod ut laoreet dolore magna aliquam erat volutpat.
Start journeyHow it works
- Lorem ipsum dolor sit amet cannones nibhasnus consectetuer adipiscing.
- Diam nonummy nibh euismod tinci duntune dolores cannones eraptus.
- Laoreet dolore magna aliquam erat volutpat korem ipsum dolor amet
- Dipiscing elit nonummy doloresas cannones nibh euismod tincidunt euismodus tinci duntune cannones.
The story behind
Lorem ipsum dolor sit amet, consectetuer nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut. Um quist, a seque et audae. Namus aut voloriae. Ecesti volupta sinihil maxim hit quis dicid ut dolorer spiscip suntium eveniet hicatibus, omnit dignam ulparis aut odit, et expero tectiossi acitis aribus dis cus soluptur a dolo incipis plam, epe enditatatur aut et volorpor aute repta non coreri dellaboratur acea praeritio blaut voluptio.
The Company
Classic car leasing
Financing acquisitions of classic cars.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a velit massa. Duis vitae ligula dui. Donec lobortis placerat mattis. Mauris ac vulputate mauris. Sed in erat sed nisi imperdiet mattis quis id augue. Proin posuere dictum mauris, nec tempus dolor dictum a. Sed eu enim in dolor dignissim rhoncus pharetra maximus nisl.
Our storyOne-stop solution to classic car leasing
Fusce rutrum dui est, id suscipit urna aliquet sed. Sed accumsan leo vitae accumsan auctor. Vestibulum sed turpis blandit, vulputate arcu a, rutrum ligula. Suspendisse auctor mollis metus, in volutpat justo varius nec. Aliquam erat volutpat. Nulla eleifend erat vitae urna viverra facilisis. Ut cursus, ligula quis faucibus mattis, diam sapien suscipit nisl, in iaculis ipsum odio ut risus.
Decades of experience
Nam nibh purus, vestibulum sit amet semper quis, ultricies id odio. Vivamus eleifend eget odio quis ullamcorper. Phasellus id velit egestas, finibus lorem vitae, laoreet mi. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Our missionYour car. Our passion
Nam nibh purus, vestibulum sit amet semper quis, ultricies id odio. Vivamus eleifend eget odio quis ullamcorper. Phasellus id velit egestas, finibus lorem vitae, laoreet mi. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Our team