Skip to content

Commit 0fe6fb7

Browse files
committed
add topics
1 parent f25e9d1 commit 0fe6fb7

File tree

1 file changed

+198
-1
lines changed

1 file changed

+198
-1
lines changed

ebook-landing-page/index.html

Lines changed: 198 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -156,13 +156,210 @@ <h4 class="card-title">Ultimate Edition</h4>
156156
</section>
157157

158158
<!-- 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>
159357

160358
<!-- reviews list -->
161359

162360
<!-- contact form -->
163361

164362
<!-- get updates / modal trigger -->
165-
<!-- https://i.ibb.co/59bPR5W/kindle.png -->
166363

167364
<script
168365
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"

0 commit comments

Comments
 (0)