# Collapse/Accordion

## Component #1

- Preview
- HTML

### Course content

186 lectures
24:10:28
Course overview
5 lectures
15:32
Course introduction
Preview
06:39
Course curriculum overview
Preview
04:00
Python 2 versus Python 3
Preview
06:39
Python setup
Course line courses
Preview
08:15
Installing Python (Step by step)
Preview
08:18
Running Python code
Preview
17:50
Getting the notebooks and the course material
02:22
Git and Github overview (Optional)
02:49
Python object and data structure courses
Introduction to Python Data Types
04:02
Python numbers
Preview
04:11
Numbers: Simple Arithmetic
1 question
Numbers - FAQ
02:49
Numbers Quiz
3 questions
Python comparison operators
Comparison Operators in Python
03:26
Chaining Comparison Operators in Python with Logical Operators
05:42
Comparison Operators Quiz
5 questions
Python statements
If Elif and Else Statements in Python
09:06
For Loops in Python
18:17
While Loops in Python
10:35
Useful Operators in Python
16:08
List Comprehensions in Python
11:26
Python Statements Test Overview
02:27
Python Statements Test Solutions
07:19
Modules and packages
If Elif and Else Statements in Python
3 lectures
29:10
Pip Install and PyPi
07:46
Modules and Packages
11:39
Errors and exceptions handling
Errors and exceptions handling
5 lectures
45:14
Errors and Exception Handling
17:19
Errors and Exceptions Homework
01:30
Errors and Exception Homework - Solutions
05:16
Pylint Overview
11:36
Running tests with the Unittest Library
09:33
2 more sections

                    <!-- Accordion -->
                    <div class="border-top pt-7 mt-7">
                      <div class="row mb-4">
                        <div class="col-8">
                          <h3 class="mb-0">Course content</h3>
                        </div>
                        <!-- End Col -->

                        <div class="col-4 text-end">
                          <div class="row">
                            <div class="col-lg-6">
                              <span class="small">186 lectures</span>
                            </div>
                            <!-- End Col -->

                            <div class="col-lg-6">
                              <span class="small">24:10:28</span>
                            </div>
                            <!-- End Col -->
                          </div>
                          <!-- End Row -->
                        </div>
                        <!-- End Col -->
                      </div>
                      <!-- End Row -->

                      <!-- Accordion -->
                      <div class="accordion accordion-btn-icon-start">
                        <!-- Accordion Item -->
                        <div class="accordion-item">
                          <div class="accordion-header" id="headingBasicsOne">
                            <a class="accordion-button" role="button" data-bs-toggle="collapse" data-bs-target="#accordionCourseOne" aria-expanded="true" aria-controls="accordionCourseOne">
                              <div class="flex-grow-1 ps-3">
                                <div class="row">
                                  <div class="col-8">
                                    Course overview
                                  </div>
                                  <!-- End Col -->

                                  <div class="col-4 text-end">
                                    <div class="row">
                                      <div class="col-lg-6">
                                        <span class="small text-muted fw-normal">5 lectures</span>
                                      </div>
                                      <!-- End Col -->

                                      <div class="col-lg-6">
                                        <span class="small text-muted fw-normal">15:32</span>
                                      </div>
                                      <!-- End Col -->
                                    </div>
                                    <!-- End Row -->
                                  </div>
                                  <!-- End Col -->
                                </div>
                                <!-- End Row -->
                              </div>
                            </a>
                          </div>
                          <div id="accordionCourseOne" class="accordion-collapse collapse show" aria-labelledby="headingBasicsOne">
                            <div class="accordion-body">
                              <!-- List Group -->
                              <div class="list-group list-group-flush list-group-no-gutters">
                                <!-- Item -->
                                <div class="list-group-item">
                                  <div class="row">
                                    <div class="col-8">
                                      <a class="d-flex" href="#">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Course introduction</span>
                                        </div>
                                      </a>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                          <a class="small" href="#">Preview</a>
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="text-primary small">06:39</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item">
                                  <div class="row">
                                    <div class="col-8">
                                      <a class="d-flex" href="#">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Course curriculum overview</span>
                                        </div>
                                      </a>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                          <a class="small" href="#">Preview</a>
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="text-primary small">04:00</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item">
                                  <div class="row">
                                    <div class="col-8">
                                      <a class="d-flex" href="#">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Python 2 versus Python 3</span>
                                        </div>
                                      </a>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                          <a class="small" href="#">Preview</a>
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="text-primary small">06:39</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->
                              </div>
                              <!-- End List Group -->
                            </div>
                          </div>
                        </div>
                        <!-- End Accordion Item -->

                        <!-- Accordion Item -->
                        <div class="accordion-item">
                          <div class="accordion-header" id="headingBasicsTwo">
                            <a class="accordion-button collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#accordionCourseTwo" aria-expanded="false" aria-controls="accordionCourseTwo">
                              <div class="ps-3">Python setup</div>
                            </a>
                          </div>
                          <div id="accordionCourseTwo" class="accordion-collapse collapse" aria-labelledby="headingBasicsTwo">
                            <div class="accordion-body">
                              <!-- List Group -->
                              <div class="list-group list-group-flush list-group-no-gutters">
                                <!-- Item -->
                                <div class="list-group-item">
                                  <div class="row">
                                    <div class="col-8">
                                      <a class="d-flex" href="#">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Course line courses</span>
                                        </div>
                                      </a>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                          <a class="small" href="#">Preview</a>
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="text-primary small">08:15</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item">
                                  <div class="row">
                                    <div class="col-8">
                                      <a class="d-flex" href="#">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Installing Python (Step by step)</span>
                                        </div>
                                      </a>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                          <a class="small" href="#">Preview</a>
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="text-primary small">08:18</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item">
                                  <div class="row">
                                    <div class="col-8">
                                      <a class="d-flex" href="#">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Running Python code</span>
                                        </div>
                                      </a>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                          <a class="small" href="#">Preview</a>
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="text-primary small">17:50</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Getting the notebooks and the course material</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">02:22</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Git and Github overview (Optional)</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">02:49</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->
                              </div>
                              <!-- End List Group -->
                            </div>
                          </div>
                        </div>
                        <!-- End Accordion Item -->

                        <!-- Accordion Item -->
                        <div class="accordion-item">
                          <div class="accordion-header" id="headingBasicsThree">
                            <a class="accordion-button collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#accordionCourseThree" aria-expanded="false" aria-controls="accordionCourseThree">
                              <div class="ps-3">Python object and data structure courses</div>
                            </a>
                          </div>
                          <div id="accordionCourseThree" class="accordion-collapse collapse" aria-labelledby="headingBasicsThree">
                            <div class="accordion-body">
                              <!-- List Group -->
                              <div class="list-group list-group-flush list-group-no-gutters">
                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Introduction to Python Data Types</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">04:02</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item">
                                  <div class="row">
                                    <div class="col-8">
                                      <a class="d-flex" href="#">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Python numbers</span>
                                        </div>
                                      </a>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                          <a class="small" href="#">Preview</a>
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="text-primary small">04:11</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Numbers: Simple Arithmetic</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">1 question</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Numbers - FAQ</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">02:49</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Numbers Quiz</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">3 questions</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->
                              </div>
                              <!-- End List Group -->
                            </div>
                          </div>
                        </div>
                        <!-- End Accordion Item -->

                        <!-- Accordion Item -->
                        <div class="accordion-item">
                          <div class="accordion-header" id="headingBasicsFour">
                            <a class="accordion-button collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#accordionCourseFour" aria-expanded="false" aria-controls="accordionCourseFour">
                              <div class="ps-3">Python comparison operators</div>
                            </a>
                          </div>
                          <div id="accordionCourseFour" class="accordion-collapse collapse" aria-labelledby="headingBasicsFour">
                            <div class="accordion-body">
                              <!-- List Group -->
                              <div class="list-group list-group-flush list-group-no-gutters">
                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Comparison Operators in Python</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">03:26</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Chaining Comparison Operators in Python with Logical Operators</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">05:42</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-lightning-charge-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Comparison Operators Quiz</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">5 questions</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->
                              </div>
                              <!-- End List Group -->
                            </div>
                          </div>
                        </div>
                        <!-- End Accordion Item -->

                        <!-- Accordion Item -->
                        <div class="accordion-item">
                          <div class="accordion-header" id="headingBasicsFive">
                            <a class="accordion-button collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#accordionCourseFive" aria-expanded="false" aria-controls="accordionCourseFive">
                              <div class="ps-3">Python statements</div>
                            </a>
                          </div>
                          <div id="accordionCourseFive" class="accordion-collapse collapse" aria-labelledby="headingBasicsFive">
                            <div class="accordion-body">
                              <!-- List Group -->
                              <div class="list-group list-group-flush list-group-no-gutters">
                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">If Elif and Else Statements in Python</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">09:06</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">For Loops in Python</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">18:17</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">While Loops in Python</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">10:35</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Useful Operators in Python</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">16:08</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">List Comprehensions in Python</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">11:26</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Python Statements Test Overview</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">02:27</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Python Statements Test Solutions</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">07:19</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->
                              </div>
                              <!-- End List Group -->
                            </div>
                          </div>
                        </div>
                        <!-- End Accordion Item -->

                        <!-- Accordion Item -->
                        <div class="accordion-item">
                          <div class="accordion-header" id="headingBasicsSix">
                            <a class="accordion-button collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#accordionCourseSix" aria-expanded="false" aria-controls="accordionCourseSix">
                              <div class="ps-3">Modules and packages</div>
                            </a>
                          </div>
                          <div id="accordionCourseSix" class="accordion-collapse collapse" aria-labelledby="headingBasicsSix">
                            <div class="accordion-body">
                              <!-- List Group -->
                              <div class="list-group list-group-flush list-group-no-gutters">
                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">If Elif and Else Statements in Python</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                          <span class="small">3 lectures</span>
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">29:10</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Pip Install and PyPi</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">07:46</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Modules and Packages</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">11:39</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->
                              </div>
                              <!-- End List Group -->
                            </div>
                          </div>
                        </div>
                        <!-- End Accordion Item -->

                        <!-- Accordion Item -->
                        <div class="accordion-item">
                          <div class="accordion-header" id="headingBasicsSeven">
                            <a class="accordion-button collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#accordionCourseSeven" aria-expanded="false" aria-controls="accordionCourseSeven">
                              <div class="ps-3">Errors and exceptions handling</div>
                            </a>
                          </div>
                          <div id="accordionCourseSeven" class="accordion-collapse collapse" aria-labelledby="headingBasicsSeven">
                            <div class="accordion-body">
                              <!-- List Group -->
                              <div class="list-group list-group-flush list-group-no-gutters">
                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Errors and exceptions handling</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                          <span class="small">5 lectures</span>
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">45:14</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Errors and Exception Handling</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">17:19</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Errors and Exceptions Homework</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">01:30</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Errors and Exception Homework - Solutions</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">05:16</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Pylint Overview</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">11:36</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->

                                <!-- Item -->
                                <div class="list-group-item text-muted">
                                  <div class="row">
                                    <div class="col-8">
                                      <div class="d-flex">
                                        <div class="flex-shrink-0">
                                          <i class="bi-play-circle-fill small"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                          <span class="small">Running tests with the Unittest Library</span>
                                        </div>
                                      </div>
                                    </div>
                                    <!-- End Col -->

                                    <div class="col-4 text-end">
                                      <div class="row">
                                        <div class="col-lg-6">
                                        </div>
                                        <!-- End Col -->

                                        <div class="col-lg-6">
                                          <span class="small">09:33</span>
                                        </div>
                                        <!-- End Col -->
                                      </div>
                                      <!-- End Row -->
                                    </div>
                                    <!-- End Col -->
                                  </div>
                                </div>
                                <!-- End Item -->
                              </div>
                              <!-- End List Group -->
                            </div>
                          </div>
                        </div>
                        <!-- End Accordion Item -->
                      </div>
                      <!-- End Accordion -->

                      <!-- Link -->
                      <div class="mt-3">
                        <a class="link small">2 more sections</a>
                      </div>
                      <!-- End Link -->
                    </div>
                    <!-- End Accordion -->