-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
227 lines (225 loc) · 10.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<title>Assaboq</title>
</head>
<body>
<div data-aos="fade-down" class="aos-init aos-animate">
<section id="price">
<div class="container">
<div id="class" class="w-75 centerDiv text-center">
<h2 class="h1orange h1orangep pt-5 text-center">Assaboq til kurslarini 1-dekabrga qadar 51%
megachegirmada sotib
oling
</h2>
</div>
<div id="class2" class="w-75 price-disc rounded-4 mt-5 centerDiv">
<div class="container">
<div class="row">
<div class="col-6">
<h4>Asl narxi:</h4>
</div>
<div class="col-6 text-end">
<h4><s class="text-danger">1 600 000 som</s></h4>
</div>
<div class="col-6 ">
<h4>Chegirma narxi:</h4>
</div>
<div class="col-6 text-end ">
<h4><b>799 999 som</b></h4>
</div>
<div class="col-6">
<h4>Tejab qolasiz:</h4>
</div>
<div class="col-6 text-end ">
<h4><i class="text-secondary">801 000 som</i></h4>
</div>
</div>
</div>
</div>
<div class="time-res">
<h1 class="h1orange">Shoshiling, chegirma tugash muddati:</h1>
</div>
<div class="price-time d-flex justify-content-evenly rounded-4 centerDiv text-center mt-5">
<div>
<h2 id="days" class="timer__days"></h2>
<p class="text-secondary"><b>kun</b></p>
</div>
<div>
<h2>:</h2>
</div>
<div>
<h2 id="hours" class="timer__hours">00</h2>
<p class="text-secondary"><b>soat</b></p>
</div>
<div>
<h2>:</h2>
</div>
<div>
<h2 id="minutes" class="timer__minutes">00</h2>
<p class="text-secondary"><b>daqiqa</b></p>
</div>
<div>
<h2>:</h2>
</div>
<div>
<h2 id="seconds" class="timer__seconds">00</h2>
<p class="text-secondary"><b>soniya</b></p>
</div>
</div>
</div>
</section>
</div>
<div class="big">
<div class="aaa">
<div class="bittad">
<div class="birinchi">
<h1>Faktlar sonlarda</h1>
</div>
<div class="ikkinchi">
<div class="ikkbir">
<div class="werty">
<div class="bir"><span class="vaqt">24/7</span> Istalgan vaqt va istalgan joyda urganish
imkoniyati</div>
<div class="bir"><span class="vaqt">7/1</span>Har hafta bepul online vebinar</div>
<div class="bir"><span class="vaqt">24</span>Darslarga oid savollaringizga kuniga 24 soat
javob beruvchi mutaxasiss</div>
</div>
</div>
<div class="ikkiikki">
<div class="werty1">
<div class="bir"><span class="vaqt">6</span>Atiga 6 oy ichida chet tilida erkin
suhbatlashish imkoniyati</div>
<div class="bir"><span class="vaqt">24</span>Kuniga 2 soatingizni Assaboq uchun ajrating va
maqsadingizga erishing</div>
<div class="bir"><span class="vaqt">100</span>Assaboq bilan chet tillarini urganishingizga
100% kafolat</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="savoljavob">
<br><br><br><br>
<div class="kirish">
<center>
<h1>Eng kup beriladigan savollarga javoblar</h1>
</center>
</div>
<br><br>
<div class="savol1">
<div class="div1">
<div>
<img class="rasm1" src="Ellipse 11.png" alt="bu rasm">
</div>
<div>
<div class="man1">
<h3><b> Assalomu alaykum, Meta talim asosidagi Assaboq nima u?</b></h3>
</div>
</div>
</div>
</div>
<br>
<div class="savol2">
<div class="div2">
<div>
<div class="man1">
<h3><b> Assalomu alaykum, Meta talim asosidagi Assaboq nima u?</b></h3>
</div>
</div>
<div>
<img class="rasm4" src="Ellipse 12.png" alt="bu rasm">
</div>
</div>
</div>
<br>
<div class="savol1">
<div class="div1">
<div>
<img class="rasm3" src="Ellipse 11.png" alt="bu rasm">
</div>
<div>
<div class="man1">
<h3><b> Assalomu alaykum, Meta talim asosidagi Assaboq nima u?</b></h3>
</div>
</div>
</div>
</div>
<br>
<div class="savol2">
<div class="div2">
<div>
<div class="man3">
<h3><b> Assalomu alaykum, Meta talim asosidagi Assaboq nima u?</b></h3>
</div>
</div>
<div>
<img class="rasm4" src="Ellipse 12.png" alt="bu rasm">
</div>
</div>
</div>
</div>
<center>
<h1 class="h1">Bu yangicha metod kimlar uchun?</h1>
</center>
<section id="extra">
<div class="extra container">
<div class="extra-lite">
<div class="extra-text">
<div style="display: flex; gap: 10px;">
<span
style=" width: 35px; height: 35px; text-align: center; border-radius: 50%; margin-left: 5px; color: black; margin-top: 5px; background-color: #c98a3b;">1</span>
<h4>Chet tillarini tez va oson <br> o’rganishni xohlaganlar uchun</h4>
</div><br>
<div style="display: flex; gap: 10px;">
<span
style=" width: 35px; height: 35px; text-align: center; border-radius: 50%; margin-left: 5px; color: black; margin-top: 5px; background-color: #c98a3b;">2</span>
<h4>Til o‘rganishda eski metodlardan <br> foydalanib natijaga erisha olmaganlar <br> uchun</h4>
</div><br>
<div style="display: flex; gap: 10px;">
<span
style=" width: 35px; height: 35px; text-align: center; border-radius: 50%; margin-left: 5px; color: black; margin-top: 5px; background-color: #c98a3b;">3</span>
<h4>Til o’rganishga vaqt ajrata olmayotganlar <br> uchun</h4>
</div><br>
<div style="display: flex; gap: 10px;">
<span
style=" width: 35px; height: 35px; text-align: center; border-radius: 50%; margin-left: 5px; color: black; margin-top: 5px; background-color: #c98a3b;">4</span>
<h4>Chet ellarda ishlab yurib, tilni yaxshi <br> bilmaslikdan aziyat chekayotgan <br>
vatandoshlarimiz uchun
</h4>
</div><br>
</div>
<div class="extra-text2">
<div style="display: flex; gap: 10px;">
<span
style=" width: 35px; height: 35px; text-align: center; border-radius: 50%; margin-left: 5px; color: black; margin-top: 5px; background-color: #c98a3b;">1</span>
<h4>Meta asosida ta’lim olishni istaganlar <br> uchun</h4>
</div><br>
<div style="display: flex; gap: 10px;">
<span
style=" width: 35px; height: 35px; text-align: center; border-radius: 50%; margin-left: 5px; color: black; margin-top: 5px; background-color: #c98a3b;">2</span>
<h4>O’rganish davomida yodlagan narsalari <br> tezda esidan chiqib qoladiganlar chun</h4>
</div><br>
<div style="display: flex; gap: 10px;">
<span
style=" width: 35px; height: 35px; text-align: center; border-radius: 50%; margin-left: 5px; color: black; margin-top: 5px; background-color: #c98a3b;">3</span>
<h4>Chet tilidagi so’zlarni yod olishga <br> qiynaladiganlar uchun</h4>
</div><br>
<div style="display: flex; gap: 10px;">
<span
style=" width: 35px; height: 35px; text-align: center; border-radius: 50%; margin-left: 5px; color: black; margin-top: 5px; background-color: #c98a3b;">4</span>
<h4>Til o’rganishda dangasalik qiladiganlar <br> uchun</h4>
</div><br>
</div>
</div>
</div>
</section>
</body>
<script src="app.js"></script>
</html>