Khóa học SQL #1 cho Data Analyst
From Query to Insights with SQL for Data Analytics
Khóa học này được thiết kế đặc biệt để trang bị cho bạn kiến thức vững chắc và kinh nghiệm thực hành cần thiết, giúp bạn tỏa sáng trong lĩnh vực phân tích dữ liệu bằng SQL.
1,214+
Học viên đã tham gia
4.9★
Đánh giá từ 210 review
104
Video bài giảng
HÀNH TRÌNH CỦA BẠN
Bạn đang ở đâu trên hành trình Data Analytics?
SQL là kỹ năng nền tảng quan trọng nhất của Data Analyst - giúp bạn chủ động truy vấn và xử lý dữ liệu
Lộ trình 6 cấp độ để trở thành Data Analyst
Bạn đang gặp những câu hỏi này?
Khóa học giúp bạn:
NỘI DUNG KHÓA HỌC
7 modules từ Query cơ bản đến SQL Expert
12 giờ học với 104 video bài giảng được thiết kế để bạn có thể học SQL mọi lúc, mọi nơi
01
Module mở đầu giúp bạn hiểu rõ về SQL Database, dòng chảy dữ liệu 5 tầng và các query cơ bản nhất để bắt đầu truy vấn dữ liệu.
- Dòng chảy dữ liệu 5 tầng
- 5 khái niệm quan trọng về SQL
- SELECT FROM - Truy vấn cơ bản
- ORDER BY - Sắp xếp dữ liệu
- WHERE - Lọc dữ liệu
02
Module này trang bị cho bạn các built-in functions quan trọng nhất để làm sạch và biến đổi dữ liệu trong SQL.
- 7 tiêu chuẩn Data Cleaning
- String Functions (TRIM, UPPER, LOWER, SUBSTRING...)
- Date Functions (DATEADD, DATEDIFF, YEAR, MONTH...)
- CASE WHEN & IIF
- Aggregate Functions (SUM, COUNT, AVG, MIN, MAX)
03
Module này giúp bạn thành thạo JOIN - kỹ năng quan trọng nhất để kết nối và phân tích dữ liệu từ nhiều bảng.
- 4 loại JOIN (INNER, LEFT, RIGHT, FULL OUTER)
- CROSS JOIN & SELF JOIN
- Star Schema trong Data Warehouse
- UNION & UNION ALL
04
Module này giúp bạn viết query phức tạp, áp dụng Problem Solving Strategy và nắm vững GROUP BY.
- Subquery (WHERE, FROM, SELECT)
- Common Table Expression (CTE)
- Problem Solving Strategy
- GROUP BY & HAVING
- Multiple CTE
05
Module này giúp bạn làm chủ Window Functions - kỹ năng SQL nâng cao quan trọng nhất cho Data Analyst.
- OVER() & PARTITION BY
- Ranking Functions (ROW_NUMBER, RANK, DENSE_RANK)
- Running Total với SUM() OVER()
- LAG & LEAD Functions
- Moving Average
06
Module này áp dụng SQL để giải quyết các yêu cầu dữ liệu (data requests) thực tế trong doanh nghiệp, tập trung vào đo lường hiệu quả và thấu hiểu hành vi khách hàng.
- Marketing Campaign Analysis
- Cohort Analysis với SQL
- RFM Analysis
- Best Practices trong SQL
07
Module này tập trung vào việc quản lý dữ liệu tạm thời và nền tảng cốt lõi của thiết kế cơ sở dữ liệu quan hệ, tổ chức dữ liệu khoa học hơn.
- Local Temp Tables (#) và Global Temp Tables (##)
- Cách khởi tạo và quản lý SQL Views
- Tư duy định nghĩa và thiết kế một Relational Database chuẩn chỉnh.
- Chuẩn hóa dữ liệu thông qua các bài tập thực tế.
.circle-intro-wrapper, .circle-intro-wrapper *, .et-db.et-db.et-db #et-boc .et-l .circle-intro-wrapper, .et-db.et-db.et-db #et-boc .et-l .circle-intro-wrapper *{
box-sizing: border-box !important;
font-family: 'League Spartan', sans-serif !important;
}
.circle-intro-wrapper, .et-db.et-db.et-db #et-boc .et-l .circle-intro-wrapper{
--g: #0EA5E9;
--g-dark: #0284C7;
--ink: #0F172A;
--ink2: #1E293B;
--muted: #64748B;
--line: #E3E8EF;
--line-soft: #EEF2F6;
--paper: #FFFFFF;
background: linear-gradient(180deg, #FFFFFF 0%, #EFF8FF 55%, #FFFFFF 100%);
padding: 72px 0;
position: relative;
overflow: hidden;
}
/* Background dot pattern */
.circle-intro-wrapper::before, .et-db.et-db.et-db #et-boc .et-l /* Background dot pattern */
.circle-intro-wrapper::before{
content: '';
position: absolute;
inset: 0;
background: url('data:image/svg+xml,%3Csvg width=%2760%27 height=%2760%27 viewBox=%270 0 60 60%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg fill=%27%230EA5E9%27 fill-opacity=%270.04%27%3E%3Cpath d=%27M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
pointer-events: none;
}
.circle-intro-container, .et-db.et-db.et-db #et-boc .et-l .circle-intro-container{
width: 85%;
margin: 0 auto;
position: relative;
z-index: 2;
}
/* Section Header */
.circle-intro-header, .et-db.et-db.et-db #et-boc .et-l /* Section Header */
.circle-intro-header{
text-align: center;
max-width: 760px;
margin: 0 auto 40px;
}
.circle-intro-badge{
display: inline-block;
background: rgba(14, 165, 233, 0.10);
padding: 7px 16px;
border-radius: 100px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
color: var(--g-dark);
margin-bottom: 16px;
}.et-db.et-db.et-db #et-boc .et-l .circle-intro-badge{
display: inline-block;
background: rgba(14, 165, 233, 0.10);
padding: 7px 16px;
border-radius: 100px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
color: var(--g-dark) !important;
margin-bottom: 16px;
}
.circle-intro-header h2, .et-db.et-db.et-db #et-boc .et-l .circle-intro-header h2{
font-size: clamp(28px, 4vw, 44px) !important;
font-weight: 800 !important;
color: var(--ink) !important;
line-height: 1.15 !important;
letter-spacing: -0.02em;
margin: 0 0 14px !important;
}
.circle-intro-header p, .et-db.et-db.et-db #et-boc .et-l .circle-intro-header p{
font-size: 17px !important;
color: var(--muted) !important;
line-height: 1.6 !important;
max-width: 640px;
margin: 0 auto !important;
}
/* Main Content Grid */
.circle-intro-content, .et-db.et-db.et-db #et-boc .et-l /* Main Content Grid */
.circle-intro-content{
display: grid;
grid-template-columns: 1fr 1.15fr;
gap: 56px;
align-items: center;
margin-bottom: 0;
}
/* Left Column - Text */
.circle-intro-text, .et-db.et-db.et-db #et-boc .et-l /* Left Column - Text */
.circle-intro-text{
padding-right: 12px;
}
.circle-feature-item, .et-db.et-db.et-db #et-boc .et-l .circle-feature-item{
margin-bottom: 32px;
}
.circle-main-desc, .et-db.et-db.et-db #et-boc .et-l .circle-main-desc{
font-size: 18px !important;
color: var(--ink2) !important;
line-height: 1.75 !important;
margin: 0 !important;
}
/* Features Grid */
.circle-features-grid, .et-db.et-db.et-db #et-boc .et-l /* Features Grid */
.circle-features-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.circle-feature-box, .et-db.et-db.et-db #et-boc .et-l .circle-feature-box{
background: var(--paper);
padding: 24px 18px;
border-radius: 18px;
border: 1px solid var(--line);
box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
text-align: center;
}
.circle-feature-box:hover, .et-db.et-db.et-db #et-boc .et-l .circle-feature-box:hover{
border-color: rgba(14, 165, 233, 0.35);
transform: translateY(-5px);
box-shadow: 0 16px 42px rgba(15, 23, 42, 0.10);
}
.feature-icon-circle{
width: 46px;
height: 46px;
background: rgba(14, 165, 233, 0.12);
color: var(--g);
border-radius: 13px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 14px;
}.et-db.et-db.et-db #et-boc .et-l .feature-icon-circle{
width: 46px;
height: 46px;
background: rgba(14, 165, 233, 0.12);
color: var(--g) !important;
border-radius: 13px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 14px;
}
.feature-icon-circle svg, .et-db.et-db.et-db #et-boc .et-l .feature-icon-circle svg{
width: 24px;
height: 24px;
}
.circle-feature-box h4, .et-db.et-db.et-db #et-boc .et-l .circle-feature-box h4{
font-size: 16px !important;
font-weight: 700 !important;
color: var(--ink) !important;
margin: 0 !important;
line-height: 1.3 !important;
}
/* Right Column - Image / GIF */
.circle-intro-media, .et-db.et-db.et-db #et-boc .et-l /* Right Column - Image / GIF */
.circle-intro-media{
position: relative;
}
.circle-gif-container, .et-db.et-db.et-db #et-boc .et-l .circle-gif-container{
position: relative;
border-radius: 20px;
overflow: hidden;
border: 1px solid var(--line);
background: var(--paper);
box-shadow: 0 16px 42px rgba(15, 23, 42, 0.10);
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}
.circle-gif-container:hover, .et-db.et-db.et-db #et-boc .et-l .circle-gif-container:hover{
transform: translateY(-6px);
box-shadow: 0 22px 54px rgba(15, 23, 42, 0.14);
}
.circle-gif-container img, .et-db.et-db.et-db #et-boc .et-l .circle-gif-container img{
width: 100%;
height: auto;
display: block;
}
/* CTA */
.circle-intro-cta, .et-db.et-db.et-db #et-boc .et-l /* CTA */
.circle-intro-cta{
text-align: center;
margin-top: 44px;
}
.circle-cta-button, .et-db.et-db.et-db #et-boc .et-l .circle-cta-button{
display: inline-block !important;
background: linear-gradient(135deg, var(--g) 0%, var(--g-dark) 100%) !important;
color: #fff !important;
font-size: 17px !important;
font-weight: 700 !important;
padding: 16px 44px !important;
border-radius: 100px !important;
text-decoration: none !important;
border: none !important;
cursor: pointer !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
box-shadow: 0 10px 30px rgba(14, 165, 233, 0.28) !important;
text-transform: none !important;
}
.circle-cta-button:hover, .et-db.et-db.et-db #et-boc .et-l .circle-cta-button:hover{
transform: translateY(-3px) !important;
box-shadow: 0 16px 40px rgba(14, 165, 233, 0.38) !important;
color: #fff !important;
}
/* Scroll reveal — fade up (matches roadmap / syllabus). Gated behind .ci-js. */
.ci-js .circle-intro-header, .ci-js .circle-feature-box, .ci-js .circle-intro-media, .ci-js .circle-intro-cta, .et-db.et-db.et-db #et-boc .et-l /* Scroll reveal — fade up (matches roadmap / syllabus). Gated behind .ci-js. */
.ci-js .circle-intro-header, .et-db.et-db.et-db #et-boc .et-l .ci-js .circle-feature-box, .et-db.et-db.et-db #et-boc .et-l .ci-js .circle-intro-media, .et-db.et-db.et-db #et-boc .et-l .ci-js .circle-intro-cta{
opacity: 0;
transform: translateY(22px);
transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ci-js .circle-intro-header.ci-in, .ci-js .circle-feature-box.ci-in, .ci-js .circle-intro-media.ci-in, .ci-js .circle-intro-cta.ci-in, .et-db.et-db.et-db #et-boc .et-l .ci-js .circle-intro-header.ci-in, .et-db.et-db.et-db #et-boc .et-l .ci-js .circle-feature-box.ci-in, .et-db.et-db.et-db #et-boc .et-l .ci-js .circle-intro-media.ci-in, .et-db.et-db.et-db #et-boc .et-l .ci-js .circle-intro-cta.ci-in{
opacity: 1;
transform: none;
}
.ci-js .circle-features-grid .circle-feature-box:nth-child(2), .et-db.et-db.et-db #et-boc .et-l .ci-js .circle-features-grid .circle-feature-box:nth-child(2){
transition-delay: 0.08s;
}
.ci-js .circle-features-grid .circle-feature-box:nth-child(3), .et-db.et-db.et-db #et-boc .et-l .ci-js .circle-features-grid .circle-feature-box:nth-child(3){
transition-delay: 0.16s;
}
/* ===== Responsive ===== */
@media (max-width: 1024px), .et-db.et-db.et-db #et-boc .et-l /* ===== Responsive ===== */
@media (max-width: 1024px){
.circle-intro-wrapper {
padding: 56px 0;
}
.circle-intro-container {
width: 92%;
}
.circle-intro-content {
gap: 40px;
grid-template-columns: 1fr;
}
.circle-intro-text {
padding-right: 0;
order: 2;
}
.circle-intro-media {
order: 1;
}
}
@media (max-width: 768px) {
.circle-intro-wrapper, .et-db.et-db.et-db #et-boc .et-l .circle-intro-wrapper{
padding: 44px 0;
}
.circle-intro-header, .et-db.et-db.et-db #et-boc .et-l .circle-intro-header{
margin-bottom: 32px;
}
.circle-intro-header p, .et-db.et-db.et-db #et-boc .et-l .circle-intro-header p{
font-size: 16px !important;
}
.circle-intro-content, .et-db.et-db.et-db #et-boc .et-l .circle-intro-content{
gap: 32px;
}
.circle-main-desc, .et-db.et-db.et-db #et-boc .et-l .circle-main-desc{
font-size: 17px !important;
margin-bottom: 24px !important;
}
.circle-feature-item, .et-db.et-db.et-db #et-boc .et-l .circle-feature-item{
margin-bottom: 0;
}
.circle-features-grid, .et-db.et-db.et-db #et-boc .et-l .circle-features-grid{
gap: 12px;
}
.circle-feature-box, .et-db.et-db.et-db #et-boc .et-l .circle-feature-box{
padding: 18px 12px;
}
.feature-icon-circle, .et-db.et-db.et-db #et-boc .et-l .feature-icon-circle{
width: 42px;
height: 42px;
margin-bottom: 12px;
}
.circle-feature-box h4, .et-db.et-db.et-db #et-boc .et-l .circle-feature-box h4{
font-size: 15px !important;
line-height: 1.25 !important;
}
.circle-cta-button, .et-db.et-db.et-db #et-boc .et-l .circle-cta-button{
width: 100%;
max-width: 400px;
}}
@media (max-width: 480px) {
.circle-main-desc, .et-db.et-db.et-db #et-boc .et-l .circle-main-desc{
font-size: 16px !important;
}
.circle-features-grid, .et-db.et-db.et-db #et-boc .et-l .circle-features-grid{
gap: 10px;
}
.circle-feature-box, .et-db.et-db.et-db #et-boc .et-l .circle-feature-box{
padding: 16px 10px;
}
.feature-icon-circle, .et-db.et-db.et-db #et-boc .et-l .feature-icon-circle{
width: 38px;
height: 38px;
margin-bottom: 10px;
}
.feature-icon-circle svg, .et-db.et-db.et-db #et-boc .et-l .feature-icon-circle svg{
width: 20px;
height: 20px;
}
.circle-feature-box h4, .et-db.et-db.et-db #et-boc .et-l .circle-feature-box h4{
font-size: 13px !important;
}}
(function () {
var w = document.querySelector('.circle-intro-wrapper');
if (!w) return;
var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if (reduce || !('IntersectionObserver' in window)) return;
w.classList.add('ci-js');
var els = [].slice.call(w.querySelectorAll('.circle-intro-header, .circle-feature-box, .circle-intro-media, .circle-intro-cta'));
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (en) {
if (en.isIntersecting) {
en.target.classList.add('ci-in');
io.unobserve(en.target);
}
});
}, { threshold: 0.12, rootMargin: '0px 0px -80px 0px' });
els.forEach(function (el) { io.observe(el); });
})();
KHÔNG GIAN HỌC TẬP
Nền tảng học tập tương tác Circle.so
Học SQL chủ động mọi lúc – tài liệu đầy đủ – kiểm tra ngay sau mỗi phần
Học viên có thể truy cập bài học SQL bất cứ lúc nào, xem lại không giới hạn, đi kèm handout chi tiết và mini quiz sau mỗi part giúp củng cố kiến thức và đảm bảo bạn hiểu đúng trước khi bước sang nội dung tiếp theo.
Học mọi lúc mọi nơi
Tài liệu đầy đủ
Kiểm tra ngay lập tức
<!--
==========================================
THAY ẢNH NÀY BẰNG GIF THỰC TẾ CỦA KHÓA SQL
==========================================
SIZE: Width 1200–1400px · Aspect ~16:10 · GIF/MP4/WebP · < 5MB
-->
GIÁ KHÓA HỌC
Đầu tư vào kỹ năng SQL
Chọn gói phù hợp để bạn thành thạo SQL và trở thành Data Analyst chuyên nghiệp
U24 Scholarship: Ưu đãi thêm 400K nếu bạn dưới 24 tuổi (sinh viên hoặc bạn mới ra trường)
SQL For Data Analytics
SQL từ Query cơ bản đến Expert
VND
QUYỀN LỢI
- 104 video bài giảng
- ~12 giờ học
- 7 modules từ cơ bản đến nâng cao
- E-learning trọn đời
- Community support
Combo E-learning
AI Data Analytics E-Learning Series
VND
QUYỀN LỢI
- Data Analytics 101 for Everyone
- AI-Powered Excel & Google Sheet for Data Analytics
- SQL For Data Analytics
- Python For Data Analytics
PHỔ BIẾN NHẤT
Chọn gói này
Combo DA Roadmap
Complete Data Analyst Roadmap
VND
QUYỀN LỢI
- Tặng kèm khóa học: Data Analytics 101 for Everyone
- SQL For Data Analytics
- Python For Data Analytics
- AI-Powered Excel & Google Sheet for Data Analytics
- Master Analytical Thinking & Data Analysis with Power BI
- AI Agent For Data Analytics & Decision Making
.combo-projects-section, .combo-projects-section *, .et-db.et-db.et-db #et-boc .et-l .combo-projects-section, .et-db.et-db.et-db #et-boc .et-l .combo-projects-section *{
box-sizing: border-box !important;
font-family: 'League Spartan', sans-serif !important;
}
.combo-projects-section, .et-db.et-db.et-db #et-boc .et-l .combo-projects-section{
--g: #0EA5E9;
--g-dark: #0284C7;
--ink: #0F172A;
--ink2: #1E293B;
--muted: #64748B;
--line: #E3E8EF;
--paper: #FFFFFF;
padding: 56px 0;
background: linear-gradient(180deg, #FFFFFF 0%, #EFF8FF 55%, #FFFFFF 100%);
position: relative;
overflow: hidden;
}
.combo-projects-section .combo-bg, .et-db.et-db.et-db #et-boc .et-l .combo-projects-section .combo-bg{
position: absolute;
inset: 0;
background: url('data:image/svg+xml,%3Csvg width=%2760%27 height=%2760%27 viewBox=%270 0 60 60%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg fill=%27%230EA5E9%27 fill-opacity=%270.04%27%3E%3Cpath d=%27M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
pointer-events: none;
z-index: 0;
}
.combo-projects-container, .et-db.et-db.et-db #et-boc .et-l .combo-projects-container{
position: relative;
z-index: 1;
}
.combo-projects-header, .et-db.et-db.et-db #et-boc .et-l .combo-projects-header{
text-align: center;
max-width: 760px;
margin: 0 auto 40px;
padding: 0 24px;
}
.combo-projects-badge{
display: inline-block;
background: rgba(14, 165, 233, 0.10);
padding: 7px 16px;
border-radius: 100px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
color: var(--g-dark);
margin-bottom: 14px;
}.et-db.et-db.et-db #et-boc .et-l .combo-projects-badge{
display: inline-block;
background: rgba(14, 165, 233, 0.10);
padding: 7px 16px;
border-radius: 100px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
color: var(--g-dark) !important;
margin-bottom: 14px;
}
.combo-projects-header h2, .et-db.et-db.et-db #et-boc .et-l .combo-projects-header h2{
font-size: clamp(28px, 4vw, 42px) !important;
font-weight: 800;
margin: 0 0 12px;
color: var(--ink) !important;
line-height: 1.15;
letter-spacing: -0.02em;
}
.combo-projects-header .combo-subtitle, .et-db.et-db.et-db #et-boc .et-l .combo-projects-header .combo-subtitle{
font-size: 17px;
color: var(--muted) !important;
line-height: 1.6;
margin: 0;
}
/* Marquee */
.combo-projects-slider-wrapper, .et-db.et-db.et-db #et-boc .et-l /* Marquee */
.combo-projects-slider-wrapper{
position: relative;
overflow: hidden;
padding: 14px 0;
}
.combo-projects-slider-track, .et-db.et-db.et-db #et-boc .et-l .combo-projects-slider-track{
display: flex;
gap: 24px;
width: max-content;
padding: 0 12px;
}
.combo-slide-left, .et-db.et-db.et-db #et-boc .et-l .combo-slide-left{
animation: slideProjectsLeft 55s linear infinite;
}
.combo-slide-right, .et-db.et-db.et-db #et-boc .et-l .combo-slide-right{
animation: slideProjectsRight 55s linear infinite;
}
.combo-projects-slider-wrapper:hover .combo-projects-slider-track, .et-db.et-db.et-db #et-boc .et-l .combo-projects-slider-wrapper:hover .combo-projects-slider-track{
animation-play-state: paused;
}
@keyframes slideProjectsLeft {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@keyframes slideProjectsRight {
0% { transform: translateX(-50%); }
100% { transform: translateX(0); }
}
/* Card */
.combo-project-card, .et-db.et-db.et-db #et-boc .et-l /* Card */
.combo-project-card{
flex: 0 0 auto;
width: 460px;
height: 290px;
position: relative;
border-radius: 18px !important;
overflow: hidden;
display: block;
border: 1px solid var(--line);
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.10) !important;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}
.combo-project-image, .et-db.et-db.et-db #et-boc .et-l .combo-project-image{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: top center !important;
display: block;
transition: transform 0.5s ease;
}
.combo-project-card:hover, .et-db.et-db.et-db #et-boc .et-l .combo-project-card:hover{
transform: translateY(-8px);
box-shadow: 0 22px 50px rgba(14, 165, 233, 0.22) !important;
}
.combo-project-card:hover .combo-project-image, .et-db.et-db.et-db #et-boc .et-l .combo-project-card:hover .combo-project-image{
transform: scale(1.06);
}
/* Project name caption (always visible) */
.combo-project-name{
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
display: flex;
align-items: center;
gap: 8px;
padding: 28px 18px 14px;
background: linear-gradient(to top, rgba(13, 20, 33, 0.88) 0%, rgba(13, 20, 33, 0.55) 45%, transparent 100%);
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.01em;
}.et-db.et-db.et-db #et-boc .et-l /* Project name caption (always visible) */
.combo-project-name{
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
display: flex;
align-items: center;
gap: 8px;
padding: 28px 18px 14px;
background: linear-gradient(to top, rgba(13, 20, 33, 0.88) 0%, rgba(13, 20, 33, 0.55) 45%, transparent 100%);
color: #fff !important;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.01em;
}
.combo-project-name::before, .et-db.et-db.et-db #et-boc .et-l .combo-project-name::before{
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: #5BD6A8;
flex-shrink: 0;
box-shadow: 0 0 0 3px rgba(91, 214, 168, 0.25);
}
/* Zoom hint on hover */
.combo-project-zoom{
position: absolute;
top: 14px;
right: 14px;
width: 38px;
height: 38px;
background: rgba(255, 255, 255, 0.92);
color: var(--g);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 4;
opacity: 0;
transform: scale(0.6);
transition: all 0.3s ease;
}.et-db.et-db.et-db #et-boc .et-l /* Zoom hint on hover */
.combo-project-zoom{
position: absolute;
top: 14px;
right: 14px;
width: 38px;
height: 38px;
background: rgba(255, 255, 255, 0.92);
color: var(--g) !important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 4;
opacity: 0;
transform: scale(0.6);
transition: all 0.3s ease;
}
.combo-project-zoom svg, .et-db.et-db.et-db #et-boc .et-l .combo-project-zoom svg{
width: 18px;
height: 18px;
}
.combo-project-card:hover .combo-project-zoom, .et-db.et-db.et-db #et-boc .et-l .combo-project-card:hover .combo-project-zoom{
opacity: 1;
transform: scale(1);
}
/* Scroll reveal (header) */
.co-js .combo-projects-header, .co-js .combo-projects-row, .et-db.et-db.et-db #et-boc .et-l /* Scroll reveal (header) */
.co-js .combo-projects-header, .et-db.et-db.et-db #et-boc .et-l .co-js .combo-projects-row{
opacity: 0;
transform: translateY(22px);
transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.co-js .combo-projects-header.co-in, .co-js .combo-projects-row.co-in, .et-db.et-db.et-db #et-boc .et-l .co-js .combo-projects-header.co-in, .et-db.et-db.et-db #et-boc .et-l .co-js .combo-projects-row.co-in{
opacity: 1;
transform: none;
}
.co-js .combo-projects-row:nth-of-type(2), .et-db.et-db.et-db #et-boc .et-l .co-js .combo-projects-row:nth-of-type(2){
transition-delay: 0.1s;
}
/* Responsive */
@media (max-width: 1024px), .et-db.et-db.et-db #et-boc .et-l /* Responsive */
@media (max-width: 1024px){
.combo-projects-section {
padding: 48px 0;
}
}
@media (max-width: 768px) {
.combo-projects-section, .et-db.et-db.et-db #et-boc .et-l .combo-projects-section{
padding: 44px 0;
}
.combo-projects-header, .et-db.et-db.et-db #et-boc .et-l .combo-projects-header{
margin-bottom: 28px;
}
.combo-project-card, .et-db.et-db.et-db #et-boc .et-l .combo-project-card{
width: 340px;
height: 214px;
}
.combo-project-name, .et-db.et-db.et-db #et-boc .et-l .combo-project-name{
font-size: 15px;
}}
@media (max-width: 480px) {
.combo-project-card, .et-db.et-db.et-db #et-boc .et-l .combo-project-card{
width: 280px;
height: 176px;
}}
(function () {
// Duplicate cards for seamless infinite marquee
function setupTrack(id) {
var track = document.getElementById(id);
if (!track) return;
Array.prototype.slice.call(track.children).forEach(function (card) {
track.appendChild(card.cloneNode(true));
});
}
setupTrack('comboProjectsRow1');
setupTrack('comboProjectsRow2');
// Scroll reveal for header + rows
var section = document.querySelector('.combo-projects-section');
if (!section) return;
var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if (reduce || !('IntersectionObserver' in window)) return;
section.classList.add('co-js');
var els = [].slice.call(section.querySelectorAll('.combo-projects-header, .combo-projects-row'));
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (en) {
if (en.isIntersecting) {
en.target.classList.add('co-in');
io.unobserve(en.target);
}
});
}, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });
els.forEach(function (el) { io.observe(el); });
})();
THÀNH QUẢ HỌC VIÊN
Projects từ học viên thực tế
Khám phá các dự án SQL ấn tượng được xây dựng bởi học viên sau khóa học
.post-advantages-section, .post-advantages-section *, .et-db.et-db.et-db #et-boc .et-l .post-advantages-section, .et-db.et-db.et-db #et-boc .et-l .post-advantages-section *{
box-sizing: border-box !important;
font-family: 'League Spartan', sans-serif !important;
}
.post-advantages-section, .et-db.et-db.et-db #et-boc .et-l .post-advantages-section{
--g: #0EA5E9;
--g-dark: #0284C7;
--ink: #0F172A;
--ink2: #1E293B;
--muted: #64748B;
--line: #E3E8EF;
--line-soft: #EEF2F6;
--paper: #FFFFFF;
padding: 56px 0;
background: linear-gradient(180deg, #FFFFFF 0%, #EFF8FF 55%, #FFFFFF 100%);
position: relative;
overflow: hidden;
}
.post-advantages-section .pa-bg, .et-db.et-db.et-db #et-boc .et-l .post-advantages-section .pa-bg{
position: absolute;
inset: 0;
background: url('data:image/svg+xml,%3Csvg width=%2760%27 height=%2760%27 viewBox=%270 0 60 60%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg fill=%27%230EA5E9%27 fill-opacity=%270.04%27%3E%3Cpath d=%27M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
pointer-events: none;
}
.post-advantages-container, .et-db.et-db.et-db #et-boc .et-l .post-advantages-container{
width: 85%;
margin: 0 auto;
position: relative;
z-index: 1;
}
/* Header */
.post-advantages-header, .et-db.et-db.et-db #et-boc .et-l /* Header */
.post-advantages-header{
text-align: center;
max-width: 760px;
margin: 0 auto 36px;
}
.post-advantages-badge{
display: inline-block;
background: rgba(14, 165, 233, 0.10);
padding: 7px 16px;
border-radius: 100px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
color: var(--g-dark);
margin-bottom: 14px;
}.et-db.et-db.et-db #et-boc .et-l .post-advantages-badge{
display: inline-block;
background: rgba(14, 165, 233, 0.10);
padding: 7px 16px;
border-radius: 100px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
color: var(--g-dark) !important;
margin-bottom: 14px;
}
.post-advantages-header h2{
font-size: clamp(28px, 4vw, 42px) !important;
font-weight: 800;
margin: 0 0 12px;
color: var(--ink);
line-height: 1.15;
letter-spacing: -0.02em;
}.et-db.et-db.et-db #et-boc .et-l .post-advantages-header h2{
font-size: clamp(28px, 4vw, 42px) !important;
font-weight: 800;
margin: 0 0 12px;
color: var(--ink) !important;
line-height: 1.15;
letter-spacing: -0.02em;
}
.post-advantages-subtitle{
font-size: 17px;
color: var(--muted);
line-height: 1.6;
margin: 0;
}.et-db.et-db.et-db #et-boc .et-l .post-advantages-subtitle{
font-size: 17px;
color: var(--muted) !important;
line-height: 1.6;
margin: 0;
}
/* Grid */
.post-advantages-grid, .post-advantages-grid-row2, .et-db.et-db.et-db #et-boc .et-l /* Grid */
.post-advantages-grid, .et-db.et-db.et-db #et-boc .et-l .post-advantages-grid-row2{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.post-advantages-grid-row2, .et-db.et-db.et-db #et-boc .et-l .post-advantages-grid-row2{
margin-top: 22px;
}
/* Card */
.advantage-card, .et-db.et-db.et-db #et-boc .et-l /* Card */
.advantage-card{
background: var(--paper);
border-radius: 20px;
border: 1px solid var(--line);
box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
.advantage-card:hover, .et-db.et-db.et-db #et-boc .et-l .advantage-card:hover{
transform: translateY(-6px);
border-color: rgba(14, 165, 233, 0.35);
box-shadow: 0 18px 46px rgba(15, 23, 42, 0.12);
}
/* Card image — kept prominent */
.advantage-card-image, .et-db.et-db.et-db #et-boc .et-l /* Card image — kept prominent */
.advantage-card-image{
width: 100%;
height: 188px;
background: linear-gradient(135deg, #E8F5ED 0%, #D1E7DC 100%);
overflow: hidden;
}
.advantage-card-image img, .et-db.et-db.et-db #et-boc .et-l .advantage-card-image img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.45s ease;
}
.advantage-card:hover .advantage-card-image img, .et-db.et-db.et-db #et-boc .et-l .advantage-card:hover .advantage-card-image img{
transform: scale(1.05);
}
/* Card content */
.advantage-card-content, .et-db.et-db.et-db #et-boc .et-l /* Card content */
.advantage-card-content{
padding: 22px;
flex: 1;
display: flex;
flex-direction: column;
}
.advantage-icon{
width: 46px;
height: 46px;
background: rgba(14, 165, 233, 0.12);
color: var(--g);
border-radius: 13px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
}.et-db.et-db.et-db #et-boc .et-l .advantage-icon{
width: 46px;
height: 46px;
background: rgba(14, 165, 233, 0.12);
color: var(--g) !important;
border-radius: 13px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
}
.advantage-icon svg, .et-db.et-db.et-db #et-boc .et-l .advantage-icon svg{
width: 24px;
height: 24px;
}
.advantage-card-title{
font-size: 19px;
font-weight: 700;
color: var(--ink);
margin: 0 0 10px;
line-height: 1.3;
}.et-db.et-db.et-db #et-boc .et-l .advantage-card-title{
font-size: 19px;
font-weight: 700;
color: var(--ink) !important;
margin: 0 0 10px;
line-height: 1.3;
}
.advantage-card-description{
font-size: 15px;
color: var(--muted);
line-height: 1.6;
margin: 0;
flex: 1;
}.et-db.et-db.et-db #et-boc .et-l .advantage-card-description{
font-size: 15px;
color: var(--muted) !important;
line-height: 1.6;
margin: 0;
flex: 1;
}
/* Scroll reveal */
.pa-js .post-advantages-header, .pa-js .advantage-card, .et-db.et-db.et-db #et-boc .et-l /* Scroll reveal */
.pa-js .post-advantages-header, .et-db.et-db.et-db #et-boc .et-l .pa-js .advantage-card{
opacity: 0;
transform: translateY(22px);
transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pa-js .post-advantages-header.pa-in, .pa-js .advantage-card.pa-in, .et-db.et-db.et-db #et-boc .et-l .pa-js .post-advantages-header.pa-in, .et-db.et-db.et-db #et-boc .et-l .pa-js .advantage-card.pa-in{
opacity: 1;
transform: none;
}
.pa-js .advantage-card.pa-in:hover, .et-db.et-db.et-db #et-boc .et-l .pa-js .advantage-card.pa-in:hover{
transform: translateY(-6px);
}
.pa-js .post-advantages-grid .advantage-card:nth-child(2), .pa-js .post-advantages-grid-row2 .advantage-card:nth-child(2), .et-db.et-db.et-db #et-boc .et-l .pa-js .post-advantages-grid .advantage-card:nth-child(2), .et-db.et-db.et-db #et-boc .et-l .pa-js .post-advantages-grid-row2 .advantage-card:nth-child(2){ transition-delay: 0.08s; }
.pa-js .post-advantages-grid .advantage-card:nth-child(3), .pa-js .post-advantages-grid-row2 .advantage-card:nth-child(3), .et-db.et-db.et-db #et-boc .et-l .pa-js .post-advantages-grid .advantage-card:nth-child(3), .et-db.et-db.et-db #et-boc .et-l .pa-js .post-advantages-grid-row2 .advantage-card:nth-child(3){ transition-delay: 0.16s; }
/* Responsive */
@media (max-width: 1024px), .et-db.et-db.et-db #et-boc .et-l /* Responsive */
@media (max-width: 1024px){
.post-advantages-section {
padding: 48px 0;
}
.post-advantages-container {
width: 92%;
}
.post-advantages-grid,
.post-advantages-grid-row2 {
gap: 18px;
}
.advantage-card-image {
height: 168px;
}
}
@media (max-width: 768px) {
.post-advantages-section, .et-db.et-db.et-db #et-boc .et-l .post-advantages-section{
padding: 40px 0;
}
.post-advantages-header, .et-db.et-db.et-db #et-boc .et-l .post-advantages-header{
margin-bottom: 28px;
}
.post-advantages-subtitle, .et-db.et-db.et-db #et-boc .et-l .post-advantages-subtitle{
font-size: 16px;
}
.post-advantages-grid, .post-advantages-grid-row2, .et-db.et-db.et-db #et-boc .et-l .post-advantages-grid, .et-db.et-db.et-db #et-boc .et-l .post-advantages-grid-row2{
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.post-advantages-grid-row2, .et-db.et-db.et-db #et-boc .et-l .post-advantages-grid-row2{
margin-top: 16px;
}
.advantage-card-image, .et-db.et-db.et-db #et-boc .et-l .advantage-card-image{
height: 160px;
}
.advantage-card-content, .et-db.et-db.et-db #et-boc .et-l .advantage-card-content{
padding: 18px;
}
.advantage-card-title, .et-db.et-db.et-db #et-boc .et-l .advantage-card-title{
font-size: 18px;
}}
@media (max-width: 560px) {
.post-advantages-grid, .post-advantages-grid-row2, .et-db.et-db.et-db #et-boc .et-l .post-advantages-grid, .et-db.et-db.et-db #et-boc .et-l .post-advantages-grid-row2{
grid-template-columns: 1fr;
}
.advantage-card-image, .et-db.et-db.et-db #et-boc .et-l .advantage-card-image{
height: 200px;
}}
(function () {
var section = document.querySelector('.post-advantages-section');
if (!section) return;
var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if (reduce || !('IntersectionObserver' in window)) return;
section.classList.add('pa-js');
var els = [].slice.call(section.querySelectorAll('.post-advantages-header, .advantage-card'));
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (en) {
if (en.isIntersecting) {
en.target.classList.add('pa-in');
io.unobserve(en.target);
}
});
}, { threshold: 0.1, rootMargin: '0px 0px -70px 0px' });
els.forEach(function (el) { io.observe(el); });
})();
QUYỀN LỢI ĐẶC BIỆT
Đặc quyền của học viên E-Learning
Trải nghiệm học tập hoàn hảo với đầy đủ quyền lợi và hỗ trợ tận tâm
Hệ thống nội dung trọn đời
Truy cập hơn 100 bài học video kết hợp lý thuyết & project thực tiễn. Tất cả học phần mới được cập nhật miễn phí trọn đời.
Update nội dung theo xu hướng
Học mọi lúc, mọi nơi qua nền tảng E-learning. Tham gia các buổi workshop định kỳ để đào sâu kiến thức và bắt trend mới.
Cộng đồng & tài nguyên Premium
Kết nối với hơn 1000+ học viên đa lĩnh vực. Tham gia nhóm kiến thức Premium, cập nhật tài nguyên & insight mới mỗi ngày. Trao đổi thắc mắc trực tiếp với trainer và đội ngũ chuyên môn tại đây.
.trainer-section, .et-db.et-db.et-db #et-boc .et-l .trainer-section{
--primary: #0EA5E9;
--primary-dark: #0284C7;
--secondary: #3B82F6;
--dark: #0F172A;
--dark-800: #1E293B;
--gray: #64748B;
--gray-light: #F1F5F9;
--white: #FFFFFF;
--shadow-md: 0 4px 20px rgba(2, 132, 199, 0.06);
--shadow-lg: 0 16px 44px rgba(2, 132, 199, 0.10);
}
.trainer-section, .et-db.et-db.et-db #et-boc .et-l .trainer-section{
padding: 100px 0;
background: linear-gradient(135deg, #F0F9FF 0%, #FFFFFF 50%, #E0F2FE 100%);
position: relative;
overflow: hidden;
font-family: 'League Spartan', sans-serif;
}
.trainer-section *, .et-db.et-db.et-db #et-boc .et-l .trainer-section *{
box-sizing: border-box !important;
font-family: 'League Spartan', sans-serif !important;
}
/* Decorative Background Elements - BLUE */
.trainer-section::before, .et-db.et-db.et-db #et-boc .et-l /* Decorative Background Elements - BLUE */
.trainer-section::before{
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(14, 165, 233, 0.1) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.trainer-section::after, .et-db.et-db.et-db #et-boc .et-l .trainer-section::after{
content: '';
position: absolute;
bottom: -150px;
left: -150px;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.trainer-container, .et-db.et-db.et-db #et-boc .et-l .trainer-container{
width: 85%;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 2;
}
.trainer-header, .et-db.et-db.et-db #et-boc .et-l .trainer-header{
text-align: center;
max-width: 800px;
margin: 0 auto 60px;
}
.trainer-badge{
display: inline-block;
background: linear-gradient(135deg, #0EA5E9 0%, #3B82F6 100%);
padding: 10px 20px;
border-radius: 25px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: white;
margin-bottom: 20px;
box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);
}.et-db.et-db.et-db #et-boc .et-l .trainer-badge{
display: inline-block;
background: linear-gradient(135deg, #0EA5E9 0%, #3B82F6 100%);
padding: 10px 20px;
border-radius: 25px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: white !important;
margin-bottom: 20px;
box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);
}
.trainer-header h2, .et-db.et-db.et-db #et-boc .et-l .trainer-header h2{
font-size: 52px !important;
font-weight: 900;
margin-bottom: 16px;
background: linear-gradient(135deg, #0F172A 0%, #0EA5E9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1.2;
}
.trainer-content, .et-db.et-db.et-db #et-boc .et-l .trainer-content{
display: grid;
grid-template-columns: 320px 1fr;
gap: 48px;
align-items: center;
background: white;
padding: 40px;
border-radius: 24px;
box-shadow: var(--shadow-lg);
position: relative;
}
.trainer-left, .et-db.et-db.et-db #et-boc .et-l .trainer-left{
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.trainer-image{
width: 100%;
aspect-ratio: 1;
border-radius: 20px;
background: linear-gradient(135deg, #0EA5E9 0%, #3B82F6 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 120px;
color: white;
overflow: hidden;
box-shadow: 0 14px 36px rgba(14, 165, 233, 0.18);
position: relative;
border: 4px solid white;
}.et-db.et-db.et-db #et-boc .et-l .trainer-image{
width: 100%;
aspect-ratio: 1;
border-radius: 20px;
background: linear-gradient(135deg, #0EA5E9 0%, #3B82F6 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 120px;
color: white !important;
overflow: hidden;
box-shadow: 0 14px 36px rgba(14, 165, 233, 0.18);
position: relative;
border: 4px solid white;
}
.trainer-image::after, .et-db.et-db.et-db #et-boc .et-l .trainer-image::after{
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
pointer-events: none;
}
.trainer-image img, .et-db.et-db.et-db #et-boc .et-l .trainer-image img{
width: 100%;
height: 100%;
object-fit: cover;
}
/* Stats Cards - BLUE */
.trainer-stats, .et-db.et-db.et-db #et-boc .et-l /* Stats Cards - BLUE */
.trainer-stats{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
width: 100%;
}
.stat-card, .et-db.et-db.et-db #et-boc .et-l .stat-card{
background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
padding: 16px;
border-radius: 16px;
text-align: center;
border: 1px solid #E0F2FE;
}
.stat-number{
font-size: 28px;
font-weight: 800;
color: #0284C7;
line-height: 1;
margin-bottom: 4px;
}.et-db.et-db.et-db #et-boc .et-l .stat-number{
font-size: 28px;
font-weight: 800;
color: #0284C7 !important;
line-height: 1;
margin-bottom: 4px;
}
.stat-label{
font-size: 12px;
font-weight: 600;
color: #0369A1;
text-transform: uppercase;
letter-spacing: 0.5px;
}.et-db.et-db.et-db #et-boc .et-l .stat-label{
font-size: 12px;
font-weight: 600;
color: #0369A1 !important;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.trainer-info h3{
font-size: 36px;
font-weight: 900;
margin-bottom: 16px;
color: var(--dark);
line-height: 1.2;
}.et-db.et-db.et-db #et-boc .et-l .trainer-info h3{
font-size: 36px;
font-weight: 900;
margin-bottom: 16px;
color: var(--dark) !important;
line-height: 1.2;
}
.trainer-titles, .et-db.et-db.et-db #et-boc .et-l .trainer-titles{
margin-bottom: 20px;
padding-left: 0;
}
.trainer-title{
font-size: 16px;
color: var(--gray);
font-weight: 600;
margin-bottom: 8px;
line-height: 1.6;
position: relative;
}.et-db.et-db.et-db #et-boc .et-l .trainer-title{
font-size: 16px;
color: var(--gray) !important;
font-weight: 600;
margin-bottom: 8px;
line-height: 1.6;
position: relative;
}
.trainer-title:first-child{
font-size: 19px;
font-weight: 700;
color: #0EA5E9;
}.et-db.et-db.et-db #et-boc .et-l .trainer-title:first-child{
font-size: 19px;
font-weight: 700;
color: #0EA5E9 !important;
}
.trainer-info .description{
color: var(--gray);
line-height: 1.75;
font-size: 16px;
margin-bottom: 24px;
background: #F8FAFC;
padding: 18px 20px;
border-radius: 14px;
border-left: 4px solid #0EA5E9;
}.et-db.et-db.et-db #et-boc .et-l .trainer-info .description{
color: var(--gray) !important;
line-height: 1.75;
font-size: 16px;
margin-bottom: 24px;
background: #F8FAFC;
padding: 18px 20px;
border-radius: 14px;
border-left: 4px solid #0EA5E9;
}
/* Social Links with Brand Colors */
.social-links-wrapper, .et-db.et-db.et-db #et-boc .et-l /* Social Links with Brand Colors */
.social-links-wrapper{
background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
padding: 24px;
border-radius: 20px;
border: 1px solid #EEF2F6;
}
.social-links-title{
font-size: 14px;
font-weight: 700;
color: var(--dark);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
text-align: center;
}.et-db.et-db.et-db #et-boc .et-l .social-links-title{
font-size: 14px;
font-weight: 700;
color: var(--dark) !important;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
text-align: center;
}
.social-links, .et-db.et-db.et-db #et-boc .et-l .social-links{
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: nowrap;
}
.social-link{
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 14px;
text-decoration: none;
color: white;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}.et-db.et-db.et-db #et-boc .et-l .social-link{
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 14px;
text-decoration: none;
color: white !important;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.social-link::before, .et-db.et-db.et-db #et-boc .et-l .social-link::before{
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
.social-link:hover::before, .et-db.et-db.et-db #et-boc .et-l .social-link:hover::before{
opacity: 1;
}
.social-link:hover, .et-db.et-db.et-db #et-boc .et-l .social-link:hover{
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(2, 132, 199, 0.18);
}
.social-link svg, .et-db.et-db.et-db #et-boc .et-l .social-link svg{
width: 24px;
height: 24px;
fill: white;
position: relative;
z-index: 1;
}
/* Brand Colors - GIỮ NGUYÊN */
.social-link.facebook, .et-db.et-db.et-db #et-boc .et-l /* Brand Colors - GIỮ NGUYÊN */
.social-link.facebook{
background: linear-gradient(135deg, #1877F2 0%, #0C63D4 100%);
box-shadow: 0 4px 15px rgba(24, 119, 242, 0.4);
}
.social-link.linkedin, .et-db.et-db.et-db #et-boc .et-l .social-link.linkedin{
background: linear-gradient(135deg, #0A66C2 0%, #004182 100%);
box-shadow: 0 4px 15px rgba(10, 102, 194, 0.4);
}
.social-link.youtube, .et-db.et-db.et-db #et-boc .et-l .social-link.youtube{
background: linear-gradient(135deg, #FF0000 0%, #CC0000 100%);
box-shadow: 0 4px 15px rgba(255, 0, 0, 0.4);
}
.social-link.instagram, .et-db.et-db.et-db #et-boc .et-l .social-link.instagram{
background: linear-gradient(135deg, #E4405F 0%, #C13584 50%, #833AB4 100%);
box-shadow: 0 4px 15px rgba(228, 64, 95, 0.4);
}
.social-link.tiktok, .et-db.et-db.et-db #et-boc .et-l .social-link.tiktok{
background: linear-gradient(135deg, #000000 0%, #25F4EE 100%);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}
/* Responsive Design */
@media (max-width: 1000px), .et-db.et-db.et-db #et-boc .et-l /* Responsive Design */
@media (max-width: 1000px){
.trainer-section {
padding: 60px 0;
}
.trainer-section::before,
.trainer-section::after {
display: none;
}
.trainer-container {
width: 90%;
padding: 0;
}
.trainer-header h2 {
font-size: 36px;
}
.trainer-content {
grid-template-columns: 1fr;
text-align: center;
gap: 40px;
padding: 32px 24px;
}
.trainer-image {
width: 220px;
height: 220px;
font-size: 80px;
margin: 0 auto;
}
.trainer-stats {
max-width: 280px;
margin: 0 auto;
}
.stat-number {
font-size: 24px;
}
.stat-label {
font-size: 11px;
}
.trainer-info h3 {
font-size: 28px;
}
.trainer-titles {
margin-bottom: 24px;
padding-left: 0;
}
.trainer-title {
font-size: 14px;
}
.trainer-title:first-child {
font-size: 16px;
}
.trainer-info .description {
font-size: 15px;
padding: 16px;
}
.social-links-wrapper {
padding: 20px;
}
.social-links {
gap: 10px;
}
.social-link {
width: 48px;
height: 48px;
}
.social-link svg {
width: 22px;
height: 22px;
}
}
@media (max-width: 480px) {
.trainer-container, .et-db.et-db.et-db #et-boc .et-l .trainer-container{
width: 90%;
}
.trainer-header h2, .et-db.et-db.et-db #et-boc .et-l .trainer-header h2{
font-size: 32px !important;
}
.trainer-info h3, .et-db.et-db.et-db #et-boc .et-l .trainer-info h3{
font-size: 24px;
}
.trainer-image, .et-db.et-db.et-db #et-boc .et-l .trainer-image{
width: 200px;
height: 200px;
font-size: 70px;
}
.trainer-title, .et-db.et-db.et-db #et-boc .et-l .trainer-title{
font-size: 13px;
}
.trainer-title:first-child, .et-db.et-db.et-db #et-boc .et-l .trainer-title:first-child{
font-size: 15px;
}
.social-links, .et-db.et-db.et-db #et-boc .et-l .social-links{
gap: 8px;
}
.social-link, .et-db.et-db.et-db #et-boc .et-l .social-link{
width: 44px;
height: 44px;
}
.social-link svg, .et-db.et-db.et-db #et-boc .et-l .social-link svg{
width: 20px;
height: 20px;
}}
Người đồng hành cùng bạn
Trainer trong khóa học
<!--==========================================🖼️ THAY ẢNH GIẢNG VIÊN Ở ĐÂY==========================================Recommended size: 280x280px (square) Format: JPG,
PNG,
WebP -->
7+
Năm kinh nghiệm
2000+
Học viên
Hieu Nguyen Trung
Founder & CEO at The Future Analyst
ex-Senior Data Analyst at VNG
ex-Process Improvement Consultant at Techcombank
7 năm kinh nghiệm trong lĩnh vực Data Analytics ở ngân hàng & fintech. Đào tạo hơn 2000 học viên cá nhân & doanh nghiệp với các khóa học SQL, Python, Power BI & Tư duy phân tích. Diễn giả cho nhiều sự kiện Data Analytics tại FTU2, UEL, RMIT, UIT, VNG, Napas.
.testimonials-section, .et-db.et-db.et-db #et-boc .et-l .testimonials-section{
--primary: #0EA5E9;
--primary-dark: #0284C7;
--secondary: #3B82F6;
--dark: #0F172A;
--dark-800: #1E293B;
--gray: #64748B;
--gray-light: #F1F5F9;
--white: #FFFFFF;
--accent: #F59E0B;
--shadow-md: 0 4px 20px rgba(0,0,0,0.08);
--shadow-lg: 0 10px 40px rgba(0,0,0,0.12);
}
.testimonials-section, .et-db.et-db.et-db #et-boc .et-l .testimonials-section{
padding: 100px 0 !important;
background: linear-gradient(180deg, #0369A1 0%, #0284C7 50%, #0369A1 100%) !important;
position: relative;
overflow: hidden;
font-family: 'League Spartan', sans-serif;
}
.testimonials-section *, .et-db.et-db.et-db #et-boc .et-l .testimonials-section *{
box-sizing: border-box !important;
font-family: 'League Spartan', sans-serif !important;
}
/* Decorative background pattern */
.testimonials-section::before, .et-db.et-db.et-db #et-boc .et-l /* Decorative background pattern */
.testimonials-section::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFFFFF' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
opacity: 1;
}
.testimonials-container, .et-db.et-db.et-db #et-boc .et-l .testimonials-container{
width: 85%;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 1;
}
.testimonials-header, .et-db.et-db.et-db #et-boc .et-l .testimonials-header{
text-align: center;
max-width: 800px;
margin: 0 auto 60px;
}
.testimonials-badge, .et-db.et-db.et-db #et-boc .et-l .testimonials-badge{
display: inline-block;
background: rgba(255, 255, 255, 0.15) !important;
backdrop-filter: blur(10px);
padding: 8px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--white) !important;
margin-bottom: 16px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.testimonials-header h2, .et-db.et-db.et-db #et-boc .et-l .testimonials-header h2{
font-family: 'League Spartan', sans-serif;
font-size: 48px!important;
font-weight: 800;
margin-bottom: 16px;
color: var(--white) !important;
line-height: 1.2;
}
.testimonials-header .subtitle, .et-db.et-db.et-db #et-boc .et-l .testimonials-header .subtitle{
font-size: 18px;
color: rgba(255, 255, 255, 0.9) !important;
line-height: 1.7;
}
.testimonials-slider-wrapper, .et-db.et-db.et-db #et-boc .et-l .testimonials-slider-wrapper{
position: relative;
overflow: hidden;
padding: 20px 0;
margin-top: 60px;
}
.testimonials-slider-wrapper:not(:last-child), .et-db.et-db.et-db #et-boc .et-l .testimonials-slider-wrapper:not(:last-child){
margin-bottom: 20px;
}
.testimonials-slider-track, .et-db.et-db.et-db #et-boc .et-l .testimonials-slider-track{
display: flex;
gap: 24px;
}
.testimonials-slider-track.slide-left, .et-db.et-db.et-db #et-boc .et-l .testimonials-slider-track.slide-left{
animation: slideTestimonialsLeft 40s linear infinite;
}
.testimonials-slider-track.slide-right, .et-db.et-db.et-db #et-boc .et-l .testimonials-slider-track.slide-right{
animation: slideTestimonialsRight 40s linear infinite;
}
.testimonials-slider-wrapper:hover .testimonials-slider-track, .et-db.et-db.et-db #et-boc .et-l .testimonials-slider-wrapper:hover .testimonials-slider-track{
animation-play-state: paused;
}
@keyframes slideTestimonialsLeft {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@keyframes slideTestimonialsRight {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}
.testimonial-card, .et-db.et-db.et-db #et-boc .et-l .testimonial-card{
flex: 0 0 auto;
width: 400px;
background: #FFFFFF !important;
border: 2px solid rgba(255, 255, 255, 0.3) !important;
padding: 40px !important;
border-radius: 24px !important;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;
}
.testimonial-card::before, .et-db.et-db.et-db #et-boc .et-l .testimonial-card::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(14,165,233,0.08) 0%, rgba(59,130,246,0.08) 100%);
opacity: 0;
transition: opacity 0.4s ease;
border-radius: 24px;
z-index: 0;
}
.testimonial-card:hover, .et-db.et-db.et-db #et-boc .et-l .testimonial-card:hover{
transform: translateY(-12px) scale(1.03) !important;
border-color: #BAE6FD !important;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25) !important;
z-index: 10;
}
.testimonial-card:hover::before, .et-db.et-db.et-db #et-boc .et-l .testimonial-card:hover::before{
opacity: 1;
}
.stars, .et-db.et-db.et-db #et-boc .et-l .stars{
color: var(--accent) !important;
font-size: 20px;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.testimonial-text, .et-db.et-db.et-db #et-boc .et-l .testimonial-text{
font-size: 16px;
line-height: 1.7;
margin-bottom: 24px;
font-style: italic;
color: var(--dark-800) !important;
position: relative;
z-index: 2;
}
.testimonial-author, .et-db.et-db.et-db #et-boc .et-l .testimonial-author{
font-weight: 700;
margin-bottom: 4px;
color: var(--dark) !important;
position: relative;
z-index: 2;
}
.testimonial-role, .et-db.et-db.et-db #et-boc .et-l .testimonial-role{
font-size: 14px;
color: var(--gray) !important;
position: relative;
z-index: 2;
}
/* Responsive Design */
@media (max-width: 1024px), .et-db.et-db.et-db #et-boc .et-l /* Responsive Design */
@media (max-width: 1024px){
.testimonials-container {
width: 90%;
}
}
@media (max-width: 768px) {
.testimonials-section, .et-db.et-db.et-db #et-boc .et-l .testimonials-section{
padding: 60px 0 !important;
}
.testimonials-container, .et-db.et-db.et-db #et-boc .et-l .testimonials-container{
width: 90%;
padding: 0;
}
.testimonials-header h2, .et-db.et-db.et-db #et-boc .et-l .testimonials-header h2{
font-size: 32px;
}
.testimonials-header .subtitle, .et-db.et-db.et-db #et-boc .et-l .testimonials-header .subtitle{
font-size: 16px;
}
.testimonial-card, .et-db.et-db.et-db #et-boc .et-l .testimonial-card{
width: 320px;
padding: 32px 24px !important;
}
.testimonials-slider-wrapper, .et-db.et-db.et-db #et-boc .et-l .testimonials-slider-wrapper{
padding: 15px 0;
}
.testimonials-slider-wrapper:not(:last-child), .et-db.et-db.et-db #et-boc .et-l .testimonials-slider-wrapper:not(:last-child){
margin-bottom: 15px;
}
.testimonials-slider-track, .et-db.et-db.et-db #et-boc .et-l .testimonials-slider-track{
gap: 16px;
}}
@media (max-width: 480px) {
.testimonials-container, .et-db.et-db.et-db #et-boc .et-l .testimonials-container{
width: 90%;
}
.testimonials-header h2, .et-db.et-db.et-db #et-boc .et-l .testimonials-header h2{
font-size: 30px !important;
}
.testimonial-card, .et-db.et-db.et-db #et-boc .et-l .testimonial-card{
width: 280px;
padding: 24px !important;
}
.testimonial-text, .et-db.et-db.et-db #et-boc .et-l .testimonial-text{
font-size: 15px;
}}
<!--
==========================================
ROW 1 - SLIDE LEFT
🔧 THAY ĐỔI NỘI DUNG TESTIMONIALS Ở ĐÂY
==========================================
-->
<!--
==========================================
ROW 2 - SLIDE RIGHT
🔧 THAY ĐỔI NỘI DUNG TESTIMONIALS Ở ĐÂY
==========================================
-->
// Testimonials Infinite Loop
document.addEventListener('DOMContentLoaded', function() {
// Row 1 - Clone cards for infinite loop
const trackRow1 = document.getElementById('testimonialsRow1');
if (trackRow1) {
const cardsRow1 = trackRow1.children;
const cardsRow1Array = Array.from(cardsRow1);
cardsRow1Array.forEach(card => {
const clone = card.cloneNode(true);
trackRow1.appendChild(clone);
});
}
// Row 2 - Clone cards for infinite loop
const trackRow2 = document.getElementById('testimonialsRow2');
if (trackRow2) {
const cardsRow2 = trackRow2.children;
const cardsRow2Array = Array.from(cardsRow2);
cardsRow2Array.forEach(card => {
const clone = card.cloneNode(true);
trackRow2.appendChild(clone);
});
}
});
CẢM NHẬN HỌC VIÊN
1,200+ học viên đã thành thạo SQL
Chia sẻ từ cộng đồng học viên SQL
.faq-section, .et-db.et-db.et-db #et-boc .et-l .faq-section{
--primary: #0EA5E9;
--primary-dark: #0284C7;
--secondary: #3B82F6;
--dark: #0F172A;
--dark-800: #1E293B;
--gray: #64748B;
--gray-light: #F1F5F9;
--white: #FFFFFF;
--shadow-md: 0 4px 20px rgba(0,0,0,0.08);
}
.faq-section, .et-db.et-db.et-db #et-boc .et-l .faq-section{
padding: 100px 0;
background: var(--white);
font-family: 'League Spartan', sans-serif;
}
.faq-section *, .et-db.et-db.et-db #et-boc .et-l .faq-section *{
box-sizing: border-box !important;
font-family: 'League Spartan', sans-serif !important;
}
.faq-container, .et-db.et-db.et-db #et-boc .et-l .faq-container{
max-width: 85%;
margin: 0 auto;
padding: 0 24px;
}
.faq-content-wrapper, .et-db.et-db.et-db #et-boc .et-l .faq-content-wrapper{
display: grid;
grid-template-columns: 380px 1fr;
gap: 60px;
align-items: start;
}
.faq-header, .et-db.et-db.et-db #et-boc .et-l .faq-header{
position: sticky;
top: 100px;
}
.faq-badge{
display: inline-block;
background: linear-gradient(135deg, rgba(14,165,233,0.15) 0%, rgba(59,130,246,0.15) 100%);
padding: 8px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #0284C7;
margin-bottom: 16px;
border: 1px solid rgba(14,165,233,0.3);
}.et-db.et-db.et-db #et-boc .et-l .faq-badge{
display: inline-block;
background: linear-gradient(135deg, rgba(14,165,233,0.15) 0%, rgba(59,130,246,0.15) 100%);
padding: 8px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #0284C7 !important;
margin-bottom: 16px;
border: 1px solid rgba(14,165,233,0.3);
}
.faq-header h2{
font-family: 'League Spartan', sans-serif;
font-size: 48px!important;
font-weight: 800;
margin-bottom: 16px;
color: var(--dark);
line-height: 1.2;
}.et-db.et-db.et-db #et-boc .et-l .faq-header h2{
font-family: 'League Spartan', sans-serif;
font-size: 48px!important;
font-weight: 800;
margin-bottom: 16px;
color: var(--dark) !important;
line-height: 1.2;
}
.faq-header p{
font-size: 17px;
color: var(--gray);
line-height: 1.7;
margin: 0;
}.et-db.et-db.et-db #et-boc .et-l .faq-header p{
font-size: 17px;
color: var(--gray) !important;
line-height: 1.7;
margin: 0;
}
.faq-list, .et-db.et-db.et-db #et-boc .et-l .faq-list{
width: 100%;
}
.faq-item, .et-db.et-db.et-db #et-boc .et-l .faq-item{
background: var(--white);
border: 2px solid var(--gray-light);
border-radius: 16px;
margin-bottom: 16px;
overflow: hidden;
transition: all 0.3s ease;
}
.faq-item:hover, .et-db.et-db.et-db #et-boc .et-l .faq-item:hover{
border-color: var(--primary);
}
.faq-item.active, .et-db.et-db.et-db #et-boc .et-l .faq-item.active{
border-color: var(--primary);
box-shadow: var(--shadow-md);
}
.faq-question{
padding: 24px;
font-weight: 600;
font-size: 17px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
color: var(--dark);
line-height: 1.5;
}.et-db.et-db.et-db #et-boc .et-l .faq-question{
padding: 24px;
font-weight: 600;
font-size: 17px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
color: var(--dark) !important;
line-height: 1.5;
}
.faq-question::after{
content: '+';
font-size: 28px;
font-weight: 700;
color: var(--primary);
transition: transform 0.3s ease;
flex-shrink: 0;
}.et-db.et-db.et-db #et-boc .et-l .faq-question::after{
content: '+';
font-size: 28px;
font-weight: 700;
color: var(--primary) !important;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.faq-item.active .faq-question::after, .et-db.et-db.et-db #et-boc .et-l .faq-item.active .faq-question::after{
transform: rotate(45deg);
}
.faq-answer{
padding: 0 24px 24px;
color: var(--gray);
line-height: 1.8;
font-size: 15px;
display: none;
}.et-db.et-db.et-db #et-boc .et-l .faq-answer{
padding: 0 24px 24px;
color: var(--gray) !important;
line-height: 1.8;
font-size: 15px;
display: none;
}
.faq-answer ul, .et-db.et-db.et-db #et-boc .et-l .faq-answer ul{
list-style: none;
padding: 0;
margin: 0;
}
.faq-answer li, .et-db.et-db.et-db #et-boc .et-l .faq-answer li{
padding: 8px 0;
padding-left: 24px;
position: relative;
line-height: 1.8;
}
.faq-answer li::before{
content: '•';
position: absolute;
left: 0;
color: var(--primary);
font-weight: 700;
font-size: 20px;
}.et-db.et-db.et-db #et-boc .et-l .faq-answer li::before{
content: '•';
position: absolute;
left: 0;
color: var(--primary) !important;
font-weight: 700;
font-size: 20px;
}
.faq-answer a{
color: var(--primary);
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}.et-db.et-db.et-db #et-boc .et-l .faq-answer a{
color: var(--primary) !important;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.faq-answer a:hover{
color: var(--primary-dark);
text-decoration: underline;
}.et-db.et-db.et-db #et-boc .et-l .faq-answer a:hover{
color: var(--primary-dark) !important;
text-decoration: underline;
}
.faq-item.active .faq-answer, .et-db.et-db.et-db #et-boc .et-l .faq-item.active .faq-answer{
display: block;
animation: slideDown 0.3s ease;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive Design */
@media (max-width: 1024px), .et-db.et-db.et-db #et-boc .et-l /* Responsive Design */
@media (max-width: 1024px){
.faq-content-wrapper {
grid-template-columns: 1fr;
gap: 40px;
}
.faq-header {
position: static;
text-align: center;
max-width: 800px;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.faq-section, .et-db.et-db.et-db #et-boc .et-l .faq-section{
padding: 60px 0;
}
.faq-container, .et-db.et-db.et-db #et-boc .et-l .faq-container{
padding: 0 16px;
}
.faq-header h2, .et-db.et-db.et-db #et-boc .et-l .faq-header h2{
font-size: 32px;
}
.faq-header p, .et-db.et-db.et-db #et-boc .et-l .faq-header p{
font-size: 16px;
}
.faq-question, .et-db.et-db.et-db #et-boc .et-l .faq-question{
padding: 20px;
font-size: 16px;
}
.faq-answer, .et-db.et-db.et-db #et-boc .et-l .faq-answer{
padding: 0 20px 20px;
font-size: 14px;
}
.faq-answer li, .et-db.et-db.et-db #et-boc .et-l .faq-answer li{
padding-left: 20px;
}}
@media (max-width: 480px) {
.faq-header h2, .et-db.et-db.et-db #et-boc .et-l .faq-header h2{
font-size: 30px !important;
}
.faq-question, .et-db.et-db.et-db #et-boc .et-l .faq-question{
padding: 16px;
font-size: 15px;
}
.faq-question::after, .et-db.et-db.et-db #et-boc .et-l .faq-question::after{
font-size: 24px;
}
.faq-answer, .et-db.et-db.et-db #et-boc .et-l .faq-answer{
padding: 0 16px 16px;
font-size: 13px;
}}
// FAQ Toggle
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('.faq-question').forEach(question => {
question.addEventListener('click', () => {
const faqItem = question.parentElement;
const isActive = faqItem.classList.contains('active');
// Close all FAQ items
document.querySelectorAll('.faq-item').forEach(item => {
item.classList.remove('active');
});
// Open clicked item if it wasn't active
if (!isActive) {
faqItem.classList.add('active');
}
});
});
});
CÂU HỎI THƯỜNG GẶP
Chúng tôi giải đáp thắc mắc của bạn
Tìm câu trả lời cho những câu hỏi phổ biến nhất về khóa học SQL
Hình thức học của khóa SQL này là gì?
- Đây là khóa học e-learning nên học viên sẽ được học qua video. Ngoài ra, khóa học sẽ theo dạng self-paced nên sẽ không có giới hạn về thời gian học nên học viên có thể dễ dàng sắp xếp thời gian học và ôn tập theo thời gian biểu cá nhân.
- Bạn sẽ không học một mình mà luôn nhận được sự hỗ trợ từ team The Future Analyst khi được tham gia nhóm Q&A giải đáp thắc mắc về SQL. Bạn được quyền đặt các câu hỏi về các vấn đề: bài giảng SQL, công cụ, khó khăn bất cứ lúc nào.
Hình thức đăng ký như thế nào?
- Bạn đăng ký ngay tại trang web này, nhập đầy đủ các thông tin và tiến hành thanh toán thông qua hình thức quét QR chuyển khoản có hệ thống xác thực tự động trong vòng 3 phút!
The Future Analyst có xuất hóa đơn VAT không?
- Có! Chúng tôi có xuất hóa đơn VAT theo yêu cầu trong vòng 24h kể từ khi bạn đăng kí. Bạn hãy truy cập vào https://madzynguyen.com/quy-dinh-xuat-hoa-don-vat/ để biết thêm thông tin chi tiết.
Sau khóa học SQL thì học viên có nhận được chứng nhận không?
- Hiện tại bên mình đã có cấp chứng nhận cho học viên hoàn thành khoá học dựa trên project các bạn thực hành và thêm vào data portfolio. Các projects này sẽ giúp các bạn nắm chắc được kiến thức và ghi điểm hơn trong mắt nhà tuyển dụng!
Khóa SQL này có đủ để trở thành Data Analyst không?
- Hoàn toàn có thể. Lộ trình 6 khoá được thiết kế bám sát yêu cầu thực tế của vị trí DA, từ tư duy phân tích, Excel, Power BI, SQL, Python, đến ra quyết định dựa trên dữ liệu. Đây là những gì một DA thực sự làm mỗi ngày, không phải kiến thức học thuật thuần tuý. Sau khi hoàn thành, bạn có đủ công cụ và kỹ năng để tự tin apply vào các vị trí DA entry-level ngay lập tức.
- Đặc biệt, Khoá AI Agent For Data Analytics & Decision Making, là khoá học đầu tiên dạy ứng dụng AI Agent cho phân tích dữ liệu, giúp bạn tận dụng tối đa sức mạnh của AI, tự động hoá phân tích, hỗ trợ ra quyết định kinh doanh thực tế, và sở hữu kỹ năng mà các DA truyền thống chưa có.
Nếu chưa có kiến thức gì về SQL thì có thể tham gia khóa học không?
- Hoàn toàn có thể! Khóa SQL For Data Analytics được thiết kế từ cơ bản đến nâng cao, bắt đầu từ những khái niệm nền tảng nhất về SQL Database.
- SQL for DA: cung cấp cho bạn kiến thức về SQL từ các khái niệm cơ bản (SELECT, WHERE, JOIN), cách biến đổi làm sạch dữ liệu, đến các câu truy vấn nâng cao (Window Functions, CTE, Subquery) và cách áp dụng SQL trong các bài toán thực tế.
- Tuy khóa học SQL có nhiều kiến thức và yêu cầu các bạn phải học, luyện tập nhiều, nhưng khóa học đều bắt đầu từ những kiến thức cơ bản nhất, vì vậy nếu bạn chưa có kiến thức về SQL vẫn hoàn toàn có thể theo học!
Trường hợp có thắc mắc về SQL/bài tập trong khóa học thì em có thể hỏi ai ạ?
- Trong cộng đồng https://community.mazhocdata.tv/ có space Q&A dành riêng cho học viên SQL. Nếu bạn có bất kỳ thắc mắc nào về SQL query, syntax, hoặc bài tập thì hãy đặt câu hỏi trực tiếp ở đó, sẽ có team và các bạn học viên cùng giải đáp!
.consultation-section, .et-db.et-db.et-db #et-boc .et-l .consultation-section{
--primary: #0EA5E9;
--primary-dark: #0284C7;
--secondary: #3B82F6;
--dark: #0F172A;
--dark-800: #1E293B;
--gray: #64748B;
--gray-light: #F1F5F9;
--white: #FFFFFF;
--shadow-md: 0 4px 20px rgba(0,0,0,0.08);
--shadow-lg: 0 10px 40px rgba(0,0,0,0.12);
}
.consultation-section, .et-db.et-db.et-db #et-boc .et-l .consultation-section{
padding: 100px 0;
background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);
font-family: 'League Spartan', sans-serif;
position: relative;
overflow: hidden;
}
.consultation-section *, .et-db.et-db.et-db #et-boc .et-l .consultation-section *{
box-sizing: border-box !important;
font-family: 'League Spartan', sans-serif !important;
}
.consultation-section::before, .et-db.et-db.et-db #et-boc .et-l .consultation-section::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFFFFF' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
opacity: 0.5;
}
.consultation-container, .et-db.et-db.et-db #et-boc .et-l .consultation-container{
max-width: 85%;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 1;
}
.consultation-header, .et-db.et-db.et-db #et-boc .et-l .consultation-header{
text-align: center;
max-width: 700px;
margin: 0 auto 50px;
}
.consultation-badge, .et-db.et-db.et-db #et-boc .et-l .consultation-badge{
display: inline-block;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
padding: 8px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--white) !important;
margin-bottom: 16px;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.consultation-header h2, .et-db.et-db.et-db #et-boc .et-l .consultation-header h2{
font-family: 'League Spartan', sans-serif;
font-size: 48px!important;
font-weight: 800;
margin-bottom: 16px;
color: var(--white) !important;
line-height: 1.2;
}
.consultation-header .subtitle, .et-db.et-db.et-db #et-boc .et-l .consultation-header .subtitle{
font-size: 18px;
color: rgba(255, 255, 255, 0.95) !important;
line-height: 1.7;
}
.consultation-card, .et-db.et-db.et-db #et-boc .et-l .consultation-card{
background: var(--white) !important;
padding: 50px;
border-radius: 32px;
box-shadow: var(--shadow-lg);
}
.consultation-grid, .et-db.et-db.et-db #et-boc .et-l .consultation-grid{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.consultation-field, .et-db.et-db.et-db #et-boc .et-l .consultation-field{
margin: 0;
}
.consultation-field.full-width, .et-db.et-db.et-db #et-boc .et-l .consultation-field.full-width{
grid-column: 1 / -1;
}
.consultation-label, .et-db.et-db.et-db #et-boc .et-l .consultation-label{
display: block;
font-size: 14px;
font-weight: 600;
color: var(--dark) !important;
margin-bottom: 8px;
}
.required-mark, .et-db.et-db.et-db #et-boc .et-l .required-mark{
color: #EF4444 !important;
margin-left: 4px;
}
.consultation-input, .consultation-textarea, .consultation-select, .et-db.et-db.et-db #et-boc .et-l .consultation-input, .et-db.et-db.et-db #et-boc .et-l .consultation-textarea, .et-db.et-db.et-db #et-boc .et-l .consultation-select{
width: 100% !important;
padding: 14px 18px !important;
border: 2px solid var(--gray-light) !important;
border-radius: 12px !important;
font-size: 15px !important;
font-family: 'League Spartan', sans-serif !important;
font-weight: 400 !important;
transition: all 0.3s ease;
background: var(--white) !important;
color: var(--dark) !important;
-webkit-text-fill-color: var(--dark) !important;
opacity: 1 !important;
box-sizing: border-box !important;
display: block !important;
}
.consultation-textarea, .et-db.et-db.et-db #et-boc .et-l .consultation-textarea{
min-height: 100px !important;
max-width: 100% !important;
resize: vertical !important;
}
.consultation-input:focus, .consultation-textarea:focus, .consultation-select:focus, .et-db.et-db.et-db #et-boc .et-l .consultation-input:focus, .et-db.et-db.et-db #et-boc .et-l .consultation-textarea:focus, .et-db.et-db.et-db #et-boc .et-l .consultation-select:focus{
outline: none !important;
border-color: var(--primary) !important;
box-shadow: 0 0 0 4px rgba(14,165,233,0.1) !important;
}
.consultation-input::placeholder, .consultation-textarea::placeholder, .et-db.et-db.et-db #et-boc .et-l .consultation-input::placeholder, .et-db.et-db.et-db #et-boc .et-l .consultation-textarea::placeholder{
color: var(--gray) !important;
opacity: 0.7 !important;
}
.consultation-select, .et-db.et-db.et-db #et-boc .et-l .consultation-select{
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2364748B' d='M4 6l4 4 4-4z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 18px center;
padding-right: 42px !important;
}
.consultation-select option, .et-db.et-db.et-db #et-boc .et-l .consultation-select option{
color: var(--dark) !important;
background: var(--white) !important;
}
.consultation-submit-wrapper, .et-db.et-db.et-db #et-boc .et-l .consultation-submit-wrapper{
grid-column: 1 / -1;
text-align: center;
margin-top: 8px;
}
.consultation-submit, .et-db.et-db.et-db #et-boc .et-l .consultation-submit{
background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%) !important;
color: var(--white) !important;
padding: 16px 48px !important;
border: none !important;
border-radius: 12px !important;
font-size: 16px !important;
font-weight: 700 !important;
font-family: 'League Spartan', sans-serif !important;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(14,165,233,0.3);
}
.consultation-submit:hover, .et-db.et-db.et-db #et-boc .et-l .consultation-submit:hover{
transform: translateY(-2px) !important;
box-shadow: 0 6px 30px rgba(14,165,233,0.4) !important;
}
.consultation-submit:active, .et-db.et-db.et-db #et-boc .et-l .consultation-submit:active{
transform: translateY(0) !important;
}
.consultation-submit:disabled, .et-db.et-db.et-db #et-boc .et-l .consultation-submit:disabled{
opacity: 0.7 !important;
cursor: not-allowed;
transform: none !important;
}
.consultation-trust, .et-db.et-db.et-db #et-boc .et-l .consultation-trust{
text-align: center;
margin-top: 20px;
padding-top: 20px;
border-top: 2px solid var(--gray-light);
}
.trust-text, .et-db.et-db.et-db #et-boc .et-l .trust-text{
font-size: 14px;
color: var(--gray) !important;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
}
/* Success Popup */
.success-popup-overlay, .et-db.et-db.et-db #et-boc .et-l /* Success Popup */
.success-popup-overlay{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 999999;
align-items: center;
justify-content: center;
backdrop-filter: blur(4px);
animation: fadeIn 0.3s ease;
}
.success-popup-overlay.show, .et-db.et-db.et-db #et-boc .et-l .success-popup-overlay.show{
display: flex;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.success-popup, .et-db.et-db.et-db #et-boc .et-l .success-popup{
background: var(--white) !important;
padding: 50px 40px;
border-radius: 24px;
max-width: 500px;
width: 90%;
text-align: center;
box-shadow: var(--shadow-lg);
animation: slideUp 0.4s ease;
}
@keyframes slideUp {
from {
transform: translateY(50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.popup-icon, .et-db.et-db.et-db #et-boc .et-l .popup-icon{
font-size: 80px;
margin-bottom: 20px;
animation: bounce 0.6s ease 0.2s;
}
@keyframes bounce {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.1); }
}
.popup-title, .et-db.et-db.et-db #et-boc .et-l .popup-title{
font-family: 'League Spartan', sans-serif;
font-size: 32px;
font-weight: 900;
color: var(--dark) !important;
margin: 0 0 16px 0;
line-height: 1.2;
}
.popup-text, .et-db.et-db.et-db #et-boc .et-l .popup-text{
font-size: 17px;
color: var(--gray) !important;
line-height: 1.6;
margin: 0 0 8px 0;
}
.popup-subtext, .et-db.et-db.et-db #et-boc .et-l .popup-subtext{
font-size: 16px;
font-weight: 600;
color: var(--primary) !important;
margin: 0 0 32px 0;
}
.popup-close, .et-db.et-db.et-db #et-boc .et-l .popup-close{
background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%) !important;
color: var(--white) !important;
padding: 14px 40px !important;
border: none !important;
border-radius: 12px !important;
font-size: 16px !important;
font-weight: 700 !important;
font-family: 'League Spartan', sans-serif !important;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(14,165,233,0.3);
}
.popup-close:hover, .et-db.et-db.et-db #et-boc .et-l .popup-close:hover{
transform: translateY(-2px) !important;
box-shadow: 0 6px 30px rgba(14,165,233,0.4) !important;
}
/* Responsive */
@media (max-width: 768px), .et-db.et-db.et-db #et-boc .et-l /* Responsive */
@media (max-width: 768px){
.consultation-section {
padding: 60px 0;
}
.consultation-container {
padding: 0 16px;
}
.consultation-header h2 {
font-size: 32px;
}
.consultation-header .subtitle {
font-size: 16px;
}
.consultation-card {
padding: 32px 24px;
border-radius: 24px;
}
.consultation-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.consultation-input,
.consultation-textarea,
.consultation-select {
padding: 14px 18px !important;
}
.consultation-submit {
width: 100% !important;
padding: 16px 32px !important;
}
.success-popup {
padding: 40px 30px;
}
.popup-title {
font-size: 28px;
}
}
@media (max-width: 480px) {
.consultation-header h2, .et-db.et-db.et-db #et-boc .et-l .consultation-header h2{
font-size: 28px !important;
}
.consultation-header .subtitle, .et-db.et-db.et-db #et-boc .et-l .consultation-header .subtitle{
font-size: 15px;
}
.consultation-card, .et-db.et-db.et-db #et-boc .et-l .consultation-card{
padding: 24px 16px;
}
.consultation-label, .et-db.et-db.et-db #et-boc .et-l .consultation-label{
font-size: 13px;
}
.consultation-input, .consultation-textarea, .consultation-select, .et-db.et-db.et-db #et-boc .et-l .consultation-input, .et-db.et-db.et-db #et-boc .et-l .consultation-textarea, .et-db.et-db.et-db #et-boc .et-l .consultation-select{
padding: 12px 16px !important;
font-size: 14px !important;
}
.consultation-textarea, .et-db.et-db.et-db #et-boc .et-l .consultation-textarea{
min-height: 90px !important;
}
.consultation-submit, .et-db.et-db.et-db #et-boc .et-l .consultation-submit{
padding: 14px 28px !important;
font-size: 15px !important;
}
.popup-icon, .et-db.et-db.et-db #et-boc .et-l .popup-icon{
font-size: 64px;
}
.popup-title, .et-db.et-db.et-db #et-boc .et-l .popup-title{
font-size: 26px;
}
.popup-text, .et-db.et-db.et-db #et-boc .et-l .popup-text{
font-size: 15px;
}
.popup-close, .et-db.et-db.et-db #et-boc .et-l .popup-close{
width: 100% !important;
}}
Còn thắc mắc về SQL?
(function() {
'use strict';
// ==========================================
// 🔗 THAY GOOGLE SCRIPT URL Ở ĐÂY
// ==========================================
const GOOGLE_SCRIPT_URL = 'https://script.google.com/macros/s/YOUR_SCRIPT_ID/exec';
const form = document.getElementById('consultationForm');
const popup = document.getElementById('successPopup');
if (!form) return;
form.addEventListener('submit', async function(e) {
e.preventDefault();
const submitBtn = form.querySelector('.consultation-submit');
const originalText = submitBtn.textContent;
submitBtn.disabled = true;
submitBtn.textContent = 'Đang gửi...';
const formData = new FormData(form);
const data = {
timestamp: new Date().toLocaleString('vi-VN', {
timeZone: 'Asia/Ho_Chi_Minh',
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
}),
fullname: formData.get('fullname'),
email: formData.get('email'),
phone: formData.get('phone'),
facebook: formData.get('facebook') || 'Không cung cấp',
occupation: formData.get('occupation') || 'Không cung cấp',
goal: formData.get('goal'),
course: formData.get('course') || 'SQL',
contact_method: formData.get('contact_method'),
message: formData.get('message') || 'Không có'
};
try {
await fetch(GOOGLE_SCRIPT_URL, {
method: 'POST',
mode: 'no-cors',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(data)
});
popup.classList.add('show');
form.reset();
submitBtn.disabled = false;
submitBtn.textContent = originalText;
setTimeout(() => {
popup.classList.remove('show');
}, 5000);
} catch (error) {
console.error('Error:', error);
popup.classList.add('show');
form.reset();
submitBtn.disabled = false;
submitBtn.textContent = originalText;
setTimeout(() => {
popup.classList.remove('show');
}, 5000);
}
});
if (popup) {
popup.addEventListener('click', function(e) {
if (e.target === popup) {
popup.classList.remove('show');
}
});
const closeBtn = popup.querySelector('.popup-close');
if (closeBtn) {
closeBtn.addEventListener('click', function() {
popup.classList.remove('show');
});
}
}
})();
✨ Tư vấn miễn phí
Còn thắc mắc về SQL?
Hãy để chúng tôi hỗ trợ bạn!
Điền thông tin bên dưới, team tư vấn sẽ liên hệ ngay để giải đáp mọi câu hỏi của bạn về khóa học SQL
<!--
==========================================
🔗 THAY GOOGLE SCRIPT URL Ở ĐÂY
==========================================
Line 686: const GOOGLE_SCRIPT_URL = 'YOUR_URL';
-->
-- Chọn mục tiêu --
Chuyển ngành sang Data Analytics
Thăng tiến trong công việc
Nâng cao kỹ năng SQL hiện tại
Tìm hiểu về SQL và Data Analytics
Khác
-- Chọn kênh --
Zalo
Email
🔒 Thông tin của bạn được bảo mật tuyệt đối
.cta-section, .et-db.et-db.et-db #et-boc .et-l .cta-section{
--primary: #0EA5E9;
--primary-dark: #0284C7;
--secondary: #3B82F6;
--white: #FFFFFF;
--shadow-md: 0 4px 20px rgba(0,0,0,0.08);
}
.cta-section, .et-db.et-db.et-db #et-boc .et-l .cta-section{
padding: 30px 0 !important;
background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%) !important;
text-align: center !important;
color: var(--white) !important;
position: relative;
overflow: hidden;
font-family: 'League Spartan', sans-serif;
}
.cta-section *, .et-db.et-db.et-db #et-boc .et-l .cta-section *{
box-sizing: border-box !important;
font-family: 'League Spartan', sans-serif !important;
}
/* Decorative circles */
.cta-section::before, .et-db.et-db.et-db #et-boc .et-l /* Decorative circles */
.cta-section::before{
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
}
.cta-section::after, .et-db.et-db.et-db #et-boc .et-l .cta-section::after{
content: '';
position: absolute;
bottom: -80px;
left: -80px;
width: 250px;
height: 250px;
background: rgba(255, 255, 255, 0.08);
border-radius: 50%;
}
.cta-container, .et-db.et-db.et-db #et-boc .et-l .cta-container{
max-width: 900px;
margin: 0 auto !important;
padding: 0 24px !important;
position: relative;
z-index: 1;
text-align: center !important;
}
.cta-section h2, .et-db.et-db.et-db #et-boc .et-l .cta-section h2{
font-family: 'League Spartan', sans-serif !important;
font-size: 42px !important;
font-weight: 800 !important;
margin-bottom: 12px !important;
margin-top: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
color: var(--white) !important;
line-height: 1.2 !important;
text-align: center !important;
}
.cta-section .description, .et-db.et-db.et-db #et-boc .et-l .cta-section .description{
font-size: 17px !important;
margin: 0 auto 24px auto !important;
padding: 0 !important;
opacity: 0.95;
line-height: 1.6 !important;
max-width: 700px;
color: var(--white) !important;
text-align: center !important;
}
.cta-buttons, .et-db.et-db.et-db #et-boc .et-l .cta-buttons{
display: flex !important;
gap: 16px !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
width: 100% !important;
}
.cta-section .btn-primary, .cta-section .btn-secondary, .et-db.et-db.et-db #et-boc .et-l .cta-section .btn-primary, .et-db.et-db.et-db #et-boc .et-l .cta-section .btn-secondary{
margin: 0 !important;
float: none !important;
}
.cta-section .btn-primary, .et-db.et-db.et-db #et-boc .et-l .cta-section .btn-primary{
background: var(--white) !important;
color: var(--primary) !important;
padding: 16px 32px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 16px !important;
border: none !important;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(255, 255, 255, 0.3) !important;
text-decoration: none !important;
display: inline-block !important;
text-align: center !important;
white-space: nowrap;
}
.cta-section .btn-primary:hover, .et-db.et-db.et-db #et-boc .et-l .cta-section .btn-primary:hover{
transform: translateY(-3px) !important;
box-shadow: 0 6px 30px rgba(255, 255, 255, 0.4) !important;
}
.cta-section .btn-secondary, .et-db.et-db.et-db #et-boc .et-l .cta-section .btn-secondary{
background: transparent !important;
color: var(--white) !important;
padding: 16px 32px !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 16px !important;
border: 2px solid var(--white) !important;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none !important;
display: inline-block !important;
text-align: center !important;
white-space: nowrap;
}
.cta-section .btn-secondary:hover, .et-db.et-db.et-db #et-boc .et-l .cta-section .btn-secondary:hover{
background: var(--white) !important;
color: var(--primary) !important;
transform: translateY(-3px) !important;
}
/* Responsive Design */
@media (max-width: 768px), .et-db.et-db.et-db #et-boc .et-l /* Responsive Design */
@media (max-width: 768px){
.cta-section {
padding: 30px 0 !important;
}
.cta-container {
padding: 0 16px !important;
}
.cta-section h2 {
font-size: 32px !important;
margin-bottom: 10px !important;
}
.cta-section .description {
font-size: 16px !important;
margin-bottom: 20px !important;
}
.cta-buttons {
flex-direction: column !important;
gap: 12px !important;
}
.cta-section .btn-primary,
.cta-section .btn-secondary {
width: 100% !important;
max-width: 100% !important;
padding: 14px 24px !important;
}
}
@media (max-width: 480px) {
.cta-section, .et-db.et-db.et-db #et-boc .et-l .cta-section{
padding: 30px 0 !important;
}
.cta-section h2, .et-db.et-db.et-db #et-boc .et-l .cta-section h2{
font-size: 28px !important;
line-height: 1.3 !important;
margin-bottom: 8px !important;
}
.cta-section .description, .et-db.et-db.et-db #et-boc .et-l .cta-section .description{
font-size: 15px !important;
margin-bottom: 16px !important;
}
.cta-section .btn-primary, .cta-section .btn-secondary, .et-db.et-db.et-db #et-boc .et-l .cta-section .btn-primary, .et-db.et-db.et-db #et-boc .et-l .cta-section .btn-secondary{
padding: 13px 20px !important;
font-size: 15px !important;
}}
Sẵn sàng thành thạo SQL và
Sẵn sàng thành thạo SQL và
bắt đầu hành trình Data Analytics?
Tham gia cùng 1,200+ học viên đang học SQL và phát triển sự nghiệp trong lĩnh vực Data
<!-- ========================================== 🔗 THAY LINKS Ở ĐÂY ========================================== -->