Logo v4.3.1
Image Description

No Results

  • Get Support
  • Preview Demo
Logo v4.3.1
  • Docs
  • Snippets
  • Snippets
  • Introduction
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Content
  • Features
    General Stats Step Navs (Tabs)
  • Icon Blocks
  • Cards
    Grid List
  • Directory
    Grid List
  • Testimonials
  • Blogs
    Grid List
  • Tables
  • E-commerce
  • Pricing
  • Team Sections
  • Breadcrumb
  • Call-to-Action (CTA)
  • Modals
  • Portfolio
  • Gallery
  • Clients
  • Countdown
  • FAQ
  • Lists
  • Collapse/Accordion
  • Comments
  • Feedback & Reviews
  • User Profile
  • Sidebar Examples
  • Calendar View
  • Notification
  • Content Sections
  • Forms
  • Authentication
  • Feedback
  • Filters
  • Search
  • Directory
  • Subscribe
  • Account
  • Wizard & Steps
  • Contact / Footer
  • Contact Sections
  • Footer

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 -->