<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Khóa Học Giải Quyết Vấn Đề Kết Hợp AI</h1>
<p>Trang bị tư duy, công cụ và AI để làm chủ mọi tình huống!</p>
</header>
<section>
<h2>✨ Bạn sẽ học được gì?</h2>
<ul>
<li>Hiểu rõ quy trình giải quyết vấn đề một cách logic và sáng tạo</li>
<li>Thành thạo các công cụ như <span class="highlight">5W1H</span>, <span class="highlight">sơ đồ xương cá</span>, <span class="highlight">6 chiếc mũ tư duy</span></li>
<li>Kết hợp hiệu quả <span class="highlight">ChatGPT</span> và <span class="highlight">Gemini</span> trong quá trình phân tích và đưa giải pháp</li>
<li>Thực hành qua các tình huống thực tế trong học tập, công việc</li>
</ul>
<h2>???? Thông tin khóa học</h2>
<p><strong>Thời lượng:</strong> 4 buổi (3 giờ/buổi)</p>
<p><strong>Hình thức:</strong> Offline – học trực tiếp tại trung tâm hoặc trường đại học</p>
<p><strong>Học phí:</strong> <span class="highlight">1.000.000đ</span> / học viên</p>
<p><strong>Ưu đãi tháng 07/2025:</strong> <span class="highlight">500.000đ</span> / học viên</p>
<p><strong>Sĩ số:</strong> Tối đa 20 học viên / lớp</p>
<a href="#" class="btn-register">Đăng ký ngay</a>
</section>
<footer>
© 2025 Chương trình do [Tên tổ chức/cá nhân bạn] thực hiện. Mọi chi tiết xin liên hệ inbox fanpage.
</footer>
<script src="script.js"></script>
</body>
</html>
body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
background-color: #f8f9fa;
color: #212529;
}
header {
background-color: #ffce00;
padding: 2rem;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2.5rem;
color: #003366;
}
section {
padding: 2rem;
max-width: 800px;
margin: auto;
}
.highlight {
color: #d63384;
font-weight: bold;
}
.btn-register {
display: inline-block;
margin-top: 1.5rem;
background-color: #198754;
color: white;
padding: 1rem 2rem;
font-size: 1.2rem;
text-decoration: none;
border-radius: 0.5rem;
}
.btn-register:hover {
background-color: #145c32;
}
footer {
text-align: center;
font-size: 0.9rem;
color: #6c757d;
padding: 1rem;
}