- var theme_customizer      = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var animate               = true;
- var scrollbar             = true;

doctype html
html(lang='en')
  include ../../components/header-files
  body
    include ../../components/loader
    include ../../components/taptop
    // page-wrapper Start
    #pageWrapper.page-wrapper.compact-wrapper
      include ../../components/header
      // Page Body Start
      .page-body-wrapper
        include ../../components/sidebar
        .page-body
          .container-fluid
            .page-title
              .row
                .col-6
                  h3
                    | Learning List

                .col-6
                  ol.breadcrumb
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item Learning
                    li.breadcrumb-item.active Learning List
          // Container-fluid starts
          .container-fluid
            .row
              .col-xl-9.xl-60.order-xl-0.order-1.box-col-12
                .row
                  .col-xl-12
                    .card
                      .blog-box.blog-list.row
                        .col-sm-5
                          img.img-fluid.sm-100-w(src='../assets/images/faq/1.jpg', alt='')
                        .col-sm-7
                          .blog-details
                            .blog-date
                              span 05
                              |  January 2022
                            h6 Java Language 
                            .blog-bottom-content
                              ul.blog-social
                                li by: Paige Turner
                                li 15 Hits
                              hr
                              p.mt-0
                                | inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit.
                  .col-xl-12
                    .card
                      .blog-box.blog-list.row
                        .col-sm-5
                          img.img-fluid.sm-100-w(src='../assets/images/faq/2.jpg', alt='')
                        .col-sm-7
                          .blog-details
                            .blog-date
                              span 10
                              |  March 2022
                            h6 Web Development 
                            .blog-bottom-content
                              ul.blog-social
                                li by: Petey Cruiser
                                li 34 Hits
                              hr
                              p.mt-0
                                | inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit.
                  .col-xl-4.xl-50.col-sm-6.box-col-6
                    .card
                      .blog-box.blog-grid.text-center.product-box
                        .product-img
                          img.img-fluid.top-radius-blog(src='../assets/images/faq/3.jpg', alt='')
                          .product-hover
                            ul
                              li
                                i.icon-link
                              li
                                i.icon-import
                        .blog-details-main
                          ul.blog-social
                            li 9 April 2018
                            li by: Admin
                            li 0 Hits
                          hr
                          h6.blog-bottom-details Perspiciatis unde omnis iste natus error sit.Dummy text
                  .col-xl-4.xl-50.col-sm-6.box-col-6
                    .card
                      .blog-box.blog-grid.text-center.product-box
                        .product-img
                          img.img-fluid.top-radius-blog(src='../assets/images/faq/1.jpg', alt='')
                          .product-hover
                            ul
                              li
                                i.icon-link
                              li
                                i.icon-import
                        .blog-details-main
                          ul.blog-social
                            li 9 April 2018
                            li by: Admin
                            li 0 Hits
                          hr
                          h6.blog-bottom-details Perspiciatis unde omnis iste natus error sit.Dummy text
                  .col-xl-4.xl-50.col-sm-6.box-col-6
                    .card
                      .blog-box.blog-grid.text-center.product-box
                        .product-img
                          img.img-fluid.top-radius-blog(src='../assets/images/faq/4.jpg', alt='')
                          .product-hover
                            ul
                              li
                                i.icon-link
                              li
                                i.icon-import
                        .blog-details-main
                          ul.blog-social
                            li 9 April 2018
                            li by: Admin
                            li 0 Hits
                          hr
                          h6.blog-bottom-details Perspiciatis unde omnis iste natus error sit.Dummy text
                  .col-xl-4.xl-50.col-sm-6.box-col-6
                    .card
                      .blog-box.blog-grid.text-center.product-box
                        .product-img
                          img.img-fluid.top-radius-blog(src='../assets/images/faq/2.jpg', alt='')
                          .product-hover
                            ul
                              li
                                i.icon-link
                              li
                                i.icon-import
                        .blog-details-main
                          ul.blog-social
                            li 9 April 2018
                            li by: Admin
                            li 0 Hits
                          hr
                          h6.blog-bottom-details Perspiciatis unde omnis iste natus error sit.Dummy text
                  .col-xl-4.xl-50.col-sm-6.box-col-6
                    .card
                      .blog-box.blog-grid.text-center.product-box
                        .product-img
                          img.img-fluid.top-radius-blog(src='../assets/images/faq/4.jpg', alt='')
                          .product-hover
                            ul
                              li
                                i.icon-link
                              li
                                i.icon-import
                        .blog-details-main
                          ul.blog-social
                            li 9 April 2018
                            li by: Admin
                            li 0 Hits
                          hr
                          h6.blog-bottom-details Perspiciatis unde omnis iste natus error sit.Dummy text
                  .col-xl-4.xl-50.col-sm-6.box-col-6
                    .card
                      .blog-box.blog-grid.text-center.product-box
                        .product-img
                          img.img-fluid.top-radius-blog(src='../assets/images/faq/3.jpg', alt='')
                          .product-hover
                            ul
                              li
                                i.icon-link
                              li
                                i.icon-import
                        .blog-details-main
                          ul.blog-social
                            li 9 April 2018
                            li by: Admin
                            li 0 Hits
                          hr
                          h6.blog-bottom-details Perspiciatis unde omnis iste natus error sit.Dummy text
              .col-xl-3.xl-40.box-col-12.learning-filter
                .md-sidebar
                  a.btn.btn-primary.email-aside-toggle.md-sidebar-toggle Learning filter
                  .md-sidebar-aside.job-sidebar
                    #accordionoc.default-according.style-1.faq-accordion.job-accordion
                      .row
                        .col-xl-12
                          .card
                            .card-header
                              h5.mb-0
                                button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon', aria-expanded='true', aria-controls='collapseicon') Find Course
                            #collapseicon.collapse.show(aria-labelledby='collapseicon', data-bs-parent='#accordion')
                              .card-body.filter-cards-view.animate-chk
                                .job-filter
                                  .faq-form
                                    input.form-control(type='text', placeholder='Search..')
                                    i.search-icon(data-feather='search')
                                .checkbox-animated
                                  .learning-header
                                    span.f-w-600 Categories
                                  label.d-block(for='chk-ani')
                                    input#chk-ani.checkbox_animated(type='checkbox')
                                    |                       Accounting
                                  label.d-block(for='chk-ani0')
                                    input#chk-ani0.checkbox_animated(type='checkbox')
                                    |                             Design
                                  label.d-block(for='chk-ani1')
                                    input#chk-ani1.checkbox_animated(type='checkbox')
                                    |                             Development
                                  label.d-block(for='chk-ani2')
                                    input#chk-ani2.checkbox_animated(type='checkbox')
                                    |                             Management
                                .checkbox-animated.mt-0
                                  .learning-header
                                    span.f-w-600 Duration
                                  label.d-block(for='chk-ani6')
                                    input#chk-ani6.checkbox_animated(type='checkbox')
                                    |                             0-50 hours
                                  label.d-block(for='chk-ani7')
                                    input#chk-ani7.checkbox_animated(type='checkbox')
                                    |                             50-100 hours
                                  label.d-block(for='chk-ani8')
                                    input#chk-ani8.checkbox_animated(type='checkbox')
                                    |                             100+ hours
                                .checkbox-animated.mt-0
                                  .learning-header
                                    span.f-w-600 Price
                                  label.d-block(for='edo-ani')
                                    input#edo-ani.radio_animated(type='radio', name='rdo-ani', checked='')
                                    |                             All Courses
                                  label.d-block(for='edo-ani1')
                                    input#edo-ani1.radio_animated(type='radio', name='rdo-ani', checked='')
                                    |                             Paid Courses
                                  label.d-block(for='edo-ani2')
                                    input#edo-ani2.radio_animated(type='radio', name='rdo-ani', checked='')
                                    |                             Free Courses
                                .checkbox-animated.mt-0
                                  .learning-header
                                    span.f-w-600 Status
                                  label.d-block(for='chk-ani3')
                                    input#chk-ani3.checkbox_animated(type='checkbox')
                                    |                             Registration
                                  label.d-block(for='chk-ani4')
                                    input#chk-ani4.checkbox_animated(type='checkbox')
                                    |                             Progress
                                  label.d-block(for='chk-ani5')
                                    input#chk-ani5.checkbox_animated(type='checkbox')
                                    |                             Completed
                                button.btn.btn-primary.text-center(type='button') Filter
                        .col-xl-12
                          .card
                            .card-header
                              h5.mb-0
                                button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon1', aria-expanded='true', aria-controls='collapseicon1') Categories
                            #collapseicon1.collapse.card-body.px-0.show(aria-labelledby='collapseicon1', data-bs-parent='#accordion')
                              .categories
                                .learning-header
                                  span.f-w-600 Design
                                ul
                                  li
                                    a(href='#') UI Design 
                                    span.badge.badge-primary.pull-right 28
                                  li
                                    a(href='#') UX Design 
                                    span.badge.badge-primary.pull-right 35
                                  li
                                    a(href='#') Interface Design 
                                    span.badge.badge-primary.pull-right 17
                                  li
                                    a(href='#') User Experience 
                                    span.badge.badge-primary.pull-right 26
                              .categories.pt-0
                                .learning-header
                                  span.f-w-600 Development
                                ul
                                  li
                                    a(href='#') Frontend Development
                                    span.badge.badge-primary.pull-right 48
                                  li
                                    a(href='#') Backend Development
                                    span.badge.badge-primary.pull-right 19
                        .col-xl-12
                          .card
                            .card-header
                              h5.mb-0
                                button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon2', aria-expanded='true', aria-controls='collapseicon2') Upcoming Courses
                            #collapseicon2.collapse.show(aria-labelledby='collapseicon2', data-bs-parent='#accordion')
                              .upcoming-course.card-body
                                .media
                                  .media-body
                                    span.f-w-600 UX Development
                                    span.d-block
                                      | Course By 
                                      a(href='#')  Lorem ipsum
                                    span.d-block
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star-half-o.font-warning
                                  div
                                    h5.mb-0.font-primary 18
                                    span.d-block Dec
                                .media
                                  .media-body
                                    span.f-w-600 Business Analyst
                                    span.d-block
                                      | Course By 
                                      a(href='#') Lorem ipsum 
                                    span.d-block
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                  div
                                    h5.mb-0.font-primary 28
                                    span.d-block Dec
                                .media
                                  .media-body
                                    span.f-w-600 Web Development
                                    span.d-block
                                      | Course By 
                                      a(href='#') Lorem ipsum 
                                    span.d-block
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star.font-warning
                                      i.fa.fa-star-o.font-warning
                                  div
                                    h5.mb-0.font-primary 5
                                    span.d-block Jan
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
