@@ -156,13 +156,210 @@ <h4 class="card-title">Ultimate Edition</h4>
156
156
</ section >
157
157
158
158
<!-- topics at a glance -->
159
+ < section id ="topics ">
160
+ < div class ="container-md ">
161
+ < div class ="text-center ">
162
+ < h2 > Inside the Book...</ h2 >
163
+ < p class ="lead text-muted ">
164
+ A quick glance at the topics you'll learn
165
+ </ p >
166
+ </ div >
167
+ < div class ="row my-5 g-5 justify-content-around align-items-center ">
168
+ < div class ="col-6 col-lg-4 ">
169
+ < img
170
+ src ="https://i.ibb.co/59bPR5W/kindle.png "
171
+ class ="img-fluid "
172
+ alt ="ebook "
173
+ />
174
+ </ div >
175
+ < div class ="col-lg-6 ">
176
+ < div class ="accordion " id ="chapters ">
177
+ < div class ="accordion-item ">
178
+ < h2 class ="accordion-header " id ="heading-1 ">
179
+ < button
180
+ class ="accordion-button "
181
+ type ="button "
182
+ data-bs-toggle ="collapse "
183
+ data-bs-target ="#chapter-1 "
184
+ aria-expanded ="true "
185
+ aria-controls ="chapter-1 "
186
+ >
187
+ Chapter 1 - Your First Web Page
188
+ </ button >
189
+ </ h2 >
190
+ < div
191
+ id ="chapter-1 "
192
+ class ="accordion-collapse collapse show "
193
+ aria-labelledby ="heading-1 "
194
+ data-bs-parent ="#chapters "
195
+ >
196
+ < div class ="accordion-body ">
197
+ < p >
198
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
199
+ Quis assumenda delectus sapiente quidem consequatur odit
200
+ adipisci necessitatibus nemo aliquid minus modi tempore
201
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
202
+ </ p >
203
+ < p >
204
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
205
+ Quis assumenda delectus sapiente quidem consequatur odit
206
+ adipisci necessitatibus nemo aliquid minus modi tempore
207
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
208
+ </ p >
209
+ </ div >
210
+ </ div >
211
+ </ div >
212
+ < div class ="accordion-item ">
213
+ < h2 class ="accordion-header " id ="heading-2 ">
214
+ < button
215
+ class ="accordion-button collapsed "
216
+ type ="button "
217
+ data-bs-toggle ="collapse "
218
+ data-bs-target ="#chapter-2 "
219
+ aria-expanded ="false "
220
+ aria-controls ="chapter-2 "
221
+ >
222
+ Chapter 2 - Mastering CSS
223
+ </ button >
224
+ </ h2 >
225
+ < div
226
+ id ="chapter-2 "
227
+ class ="accordion-collapse collapse "
228
+ aria-labelledby ="heading-2 "
229
+ data-bs-parent ="#chapters "
230
+ >
231
+ < div class ="accordion-body ">
232
+ < p >
233
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
234
+ Quis assumenda delectus sapiente quidem consequatur odit
235
+ adipisci necessitatibus nemo aliquid minus modi tempore
236
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
237
+ </ p >
238
+ < p >
239
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
240
+ Quis assumenda delectus sapiente quidem consequatur odit
241
+ adipisci necessitatibus nemo aliquid minus modi tempore
242
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
243
+ </ p >
244
+ </ div >
245
+ </ div >
246
+ </ div >
247
+ < div class ="accordion-item ">
248
+ < h2 class ="accordion-header " id ="heading-3 ">
249
+ < button
250
+ class ="accordion-button collapsed "
251
+ type ="button "
252
+ data-bs-toggle ="collapse "
253
+ data-bs-target ="#chapter-3 "
254
+ aria-expanded ="false "
255
+ aria-controls ="chapter-1 "
256
+ >
257
+ Chapter 3 - The Power of JavaScript
258
+ </ button >
259
+ </ h2 >
260
+ < div
261
+ id ="chapter-3 "
262
+ class ="accordion-collapse collapse "
263
+ aria-labelledby ="heading-3 "
264
+ data-bs-parent ="#chapters "
265
+ >
266
+ < div class ="accordion-body ">
267
+ < p >
268
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
269
+ Quis assumenda delectus sapiente quidem consequatur odit
270
+ adipisci necessitatibus nemo aliquid minus modi tempore
271
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
272
+ </ p >
273
+ < p >
274
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
275
+ Quis assumenda delectus sapiente quidem consequatur odit
276
+ adipisci necessitatibus nemo aliquid minus modi tempore
277
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
278
+ </ p >
279
+ </ div >
280
+ </ div >
281
+ </ div >
282
+ < div class ="accordion-item ">
283
+ < h2 class ="accordion-header " id ="heading-4 ">
284
+ < button
285
+ class ="accordion-button collapsed "
286
+ type ="button "
287
+ data-bs-toggle ="collapse "
288
+ data-bs-target ="#chapter-4 "
289
+ aria-expanded ="false "
290
+ aria-controls ="chapter-4 "
291
+ >
292
+ Chapter 4 - Storing Data (Firebase Databases)
293
+ </ button >
294
+ </ h2 >
295
+ < div
296
+ id ="chapter-4 "
297
+ class ="accordion-collapse collapse "
298
+ aria-labelledby ="heading-4 "
299
+ data-bs-parent ="#chapters "
300
+ >
301
+ < div class ="accordion-body ">
302
+ < p >
303
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
304
+ Quis assumenda delectus sapiente quidem consequatur odit
305
+ adipisci necessitatibus nemo aliquid minus modi tempore
306
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
307
+ </ p >
308
+ < p >
309
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
310
+ Quis assumenda delectus sapiente quidem consequatur odit
311
+ adipisci necessitatibus nemo aliquid minus modi tempore
312
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
313
+ </ p >
314
+ </ div >
315
+ </ div >
316
+ </ div >
317
+ < div class ="accordion-item ">
318
+ < h2 class ="accordion-header " id ="heading-5 ">
319
+ < button
320
+ class ="accordion-button collapsed "
321
+ type ="button "
322
+ data-bs-toggle ="collapse "
323
+ data-bs-target ="#chapter-5 "
324
+ aria-expanded ="false "
325
+ aria-controls ="chapter-5 "
326
+ >
327
+ Chapter 5 - User Authentication
328
+ </ button >
329
+ </ h2 >
330
+ < div
331
+ id ="chapter-5 "
332
+ class ="accordion-collapse collapse "
333
+ aria-labelledby ="heading-5 "
334
+ data-bs-parent ="#chapters "
335
+ >
336
+ < div class ="accordion-body ">
337
+ < p >
338
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
339
+ Quis assumenda delectus sapiente quidem consequatur odit
340
+ adipisci necessitatibus nemo aliquid minus modi tempore
341
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
342
+ </ p >
343
+ < p >
344
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit.
345
+ Quis assumenda delectus sapiente quidem consequatur odit
346
+ adipisci necessitatibus nemo aliquid minus modi tempore
347
+ quibusdam quas vitae, animi ipsam nulla sunt alias.
348
+ </ p >
349
+ </ div >
350
+ </ div >
351
+ </ div >
352
+ </ div >
353
+ </ div >
354
+ </ div >
355
+ </ div >
356
+ </ section >
159
357
160
358
<!-- reviews list -->
161
359
162
360
<!-- contact form -->
163
361
164
362
<!-- get updates / modal trigger -->
165
- <!-- https://i.ibb.co/59bPR5W/kindle.png -->
166
363
167
364
< script
168
365
src ="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js "
0 commit comments