🔥 1000+ оқушы нәтиже көрді
Ағылшын деңгейіңізді
2 минутта анықтаңыз
9 қысқа сұраққа жауап беріп,
жеке нәтижеңізді алыңыз.
Тегін деңгей анықтау • Онлайн • Нәтиже бірден
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body{
background:#ffffff;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
}
.hero-section{
width:100%;
max-width:450px;
}
.hero-card{
background:rgba(255,255,255,0.85);
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,0.4);
border-radius:32px;
padding:40px 28px;
box-shadow:
0 20px 50px rgba(0,0,0,.08),
0 8px 20px rgba(0,0,0,.04);
text-align:center;
}
.badge{
display:inline-flex;
align-items:center;
gap:8px;
background:#FFF4E8;
color:#FF7A00;
padding:10px 18px;
border-radius:999px;
font-size:14px;
font-weight:600;
margin-bottom:24px;
}
.hero-title{
font-size:38px;
line-height:1.1;
font-weight:800;
color:#111111;
margin-bottom:18px;
}
.hero-title span{
display:block;
color:#FF7A00;
}
.hero-description{
font-size:17px;
line-height:1.6;
color:#666666;
margin-bottom:30px;
}
.stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin-bottom:32px;
}
.stat-item{
background:#fafafa;
border-radius:18px;
padding:18px 10px;
border:1px solid #eeeeee;
}
.stat-number{
font-size:22px;
font-weight:800;
color:#111111;
}
.stat-text{
font-size:13px;
color:#777777;
margin-top:4px;
}
.start-btn{
width:100%;
height:62px;
border:none;
border-radius:18px;
background:#FF7A00;
color:white;
font-size:18px;
font-weight:700;
cursor:pointer;
transition:.3s;
box-shadow:
0 15px 30px rgba(255,122,0,.25);
}
.start-btn:hover{
transform:translateY(-3px);
box-shadow:
0 20px 40px rgba(255,122,0,.35);
}
.start-btn:active{
transform:scale(.98);
}
.trust-text{
margin-top:18px;
font-size:13px;
color:#999999;
}
@media(max-width:480px){
.hero-card{
padding:32px 22px;
}
.hero-title{
font-size:32px;
}
.hero-description{
font-size:15px;
}
}
Жасыңыз нешеде?
CSS
.quiz-section{
width:100%;
max-width:450px;
margin:auto;
}
.quiz-card{
background:white;
border-radius:32px;
padding:32px 24px;
box-shadow:
0 20px 50px rgba(0,0,0,.08);
}
.progress-top{
margin-bottom:30px;
}
.step-counter{
font-size:14px;
font-weight:700;
color:#666;
margin-bottom:10px;
}
.progress-bar{
width:100%;
height:10px;
background:#f0f0f0;
border-radius:999px;
overflow:hidden;
}
.progress-fill{
width:11%;
height:100%;
background:#FF7A00;
border-radius:999px;
transition:.4s;
}
.question-block h2{
font-size:28px;
line-height:1.3;
margin-bottom:24px;
color:#111;
}
.answers{
display:flex;
flex-direction:column;
gap:12px;
}
.answer-btn{
height:60px;
border:2px solid #eee;
background:white;
border-radius:16px;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:.25s;
}
.answer-btn:hover{
border-color:#FF7A00;
background:#FFF6EE;
}
.answer-btn.active{
background:#FF7A00;
color:white;
border-color:#FF7A00;
}
JavaScript
✓
Құттықтаймыз!
Ағылшын деңгейіңіз анықталды
A1 - Beginner
Сізге жеке ұсыныс дайындалды
.result-card{
background:white;
border-radius:30px;
padding:35px;
text-align:center;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.success-icon{
width:90px;
height:90px;
background:#22C55E;
color:white;
border-radius:50%;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
font-weight:bold;
}
.result-card h2{
margin-top:20px;
font-size:32px;
}
.result-box{
background:#f8f8f8;
padding:20px;
border-radius:20px;
margin:25px 0;
}
.continue-btn{
width:100%;
height:60px;
background:#FF7A00;
color:white;
border:none;
border-radius:16px;
font-size:18px;
font-weight:700;
}
Жеке пробный сабақ
✓ Деңгей талдауы
✓ Мұғаліммен жұмыс
✓ Жеке оқу жоспары
✓ Сөйлеу деңгейін анықтау
Бар болғаны
990 ₸
.offer-card{
background:white;
padding:35px;
border-radius:30px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.offer-card h2{
text-align:center;
font-size:32px;
margin-bottom:25px;
}
.offer-items{
display:flex;
flex-direction:column;
gap:15px;
font-size:18px;
margin-bottom:25px;
}
.price-card{
background:#FFF4E8;
padding:25px;
border-radius:20px;
text-align:center;
margin-bottom:25px;
}
.price-card h1{
font-size:48px;
color:#FF7A00;
}
.pay-btn{
width:100%;
height:65px;
background:#FF7A00;
color:white;
border:none;
border-radius:18px;
font-size:18px;
font-weight:700;
cursor:pointer;
}
.schedule-card{
background:white;
padding:35px;
border-radius:30px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.time-option{
display:flex;
align-items:center;
gap:12px;
padding:18px;
border:1px solid #eee;
border-radius:15px;
margin-bottom:12px;
font-size:18px;
cursor:pointer;
}
.book-btn{
width:100%;
height:60px;
margin-top:20px;
background:#FF7A00;
color:white;
border:none;
border-radius:18px;
font-size:18px;
font-weight:700;
}
✓
Сіз пробный сабаққа тіркелдіңіз
Сабақ туралы ақпарат WhatsApp арқылы жіберіледі
