- var theme_customizer   = true;
doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader
        // page-wrapper Start
        #pageWrapper.page-wrapper
            include ../../components/header
            // Page Body Start
            .page-body-wrapper.horizontal-menu
                include ../../components/sidebar
                .page-body
                    .container-fluid
                        .page-header
                            .row
                                .col-sm-6
                                    h3
                                        | Learning List
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                         | Home
                                      li.breadcrumb-item Learning
                                      li.breadcrumb-item.active Learning List
                                .col-sm-6
                                   include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                        .row.learning-block
                          .col-xl-9.xl-60
                            .row
                              .col-xl-12.col-sm-6
                                .card
                                  .blog-box.blog-list.row
                                    .col-xl-5.col-12
                                      img.img-fluid.sm-100-w(src='../assets/images/faq/1.jpg', alt='')
                                    .col-xl-7.col-12
                                      .blog-details
                                        .blog-date
                                          span 05
                                          |  January 2024
                                        a(href="learning-detailed.html")
                                          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.inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit.inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
                              .col-xl-12.col-sm-6
                                .card
                                  .blog-box.blog-list.row
                                    .col-xl-5.col-12
                                      img.img-fluid.sm-100-w(src='../assets/images/faq/2.jpg', alt='')
                                    .col-xl-7.col-12
                                      .blog-details
                                        .blog-date
                                          span 10
                                          |  March 2024
                                        a(href="learning-detailed.html")
                                          h6 Web Development 
                                        .blog-bottom-content
                                          ul.blog-social
                                            li by: Petey Cruiser
                                            li 34 Hits
                                          hr
                                          p.mt-0
                                            | Web development is the work involved in developing a website for the Internet or an intranet (a private network).Web development can range from developing a simple single static page of plain text to complex web applications, electronic businesses, and social network services, and many more such applications and websites are being created every day.
                              .col-xl-4.xl-50.col-sm-6.box-col-6
                                .card
                                  .product-box.learning-box
                                    .product-img
                                      img.img-fluid.top-radius-blog(src='../assets/images/faq/3.jpg', alt='')
                                      .product-hover
                                        ul
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-link
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-import
                                    .details-main
                                      a(href="learning-detailed.html")                                        
                                        .bottom-details 
                                          h6 Web Devlopment.
                                      p This course is designed to start you on a path toward future studies in web development and design.
                              .col-xl-4.xl-50.col-sm-6.box-col-6
                                .card
                                  .product-box.learning-box
                                    .product-img
                                      img.img-fluid.top-radius-blog(src='../assets/images/faq/1.jpg', alt='')
                                      .product-hover
                                        ul
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-link
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-import
                                    .details-main
                                      a(href="learning-detailed.html")                                        
                                        .bottom-details 
                                          h6 Web Design.
                                      p A Web Designing course belongs to the field of Computer Science and IT. It enables students to learn
                              .col-xl-4.xl-50.col-sm-6.box-col-6
                                .card
                                  .product-box.learning-box
                                    .product-img
                                      img.img-fluid.top-radius-blog(src='../assets/images/faq/4.jpg', alt='')
                                      .product-hover
                                        ul
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-link
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-import
                                    .details-main
                                      a(href="learning-detailed.html")                                        
                                        .bottom-details 
                                          h6 UX Development.
                                      p User interface design (UI) is the design for machines and software, such as mobile devices, computers.
                              .col-xl-4.xl-50.col-sm-6.box-col-6
                                .card
                                  .product-box.learning-box
                                    .product-img
                                      img.img-fluid.top-radius-blog(src='../assets/images/faq/2.jpg', alt='')
                                      .product-hover
                                        ul
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-link
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-import
                                    .details-main
                                      a(href="learning-detailed.html")                                        
                                        .bottom-details 
                                          h6 Spoken English
                                      p Spoken English Courses are pursued by candidates from all levels to improve their communication skills.
                              .col-xl-4.xl-50.col-sm-6.box-col-6
                                .card
                                  .product-box.learning-box
                                    .product-img
                                      img.img-fluid.top-radius-blog(src='../assets/images/faq/4.jpg', alt='')
                                      .product-hover
                                        ul
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-link
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-import
                                    .details-main
                                      a(href="learning-detailed.html")                                        
                                        .bottom-details 
                                          h6 Web Devlopment.
                                      p This course is designed to start you on a path toward future studies in web development and design.
                              .col-xl-4.xl-50.col-sm-6.box-col-6
                                .card
                                  .product-box.learning-box
                                    .product-img
                                      img.img-fluid.top-radius-blog(src='../assets/images/faq/3.jpg', alt='')
                                      .product-hover
                                        ul
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-link
                                          li
                                            a(href="learning-detailed.html")
                                              i.icon-import
                                    .details-main
                                      a(href="learning-detailed.html")                                        
                                        .bottom-details 
                                          h6 Advance Design.
                                      p A Web Development course belongs to the field of Computer Science and IT. It enables students to learn
                          .col-xl-3.xl-40
                            .job-sidebar
                              a.btn.btn-primary.job-toggle(href="javascript:void(0)")
                                | learning filter
                              .job-left-aside.custom-scrollbar
                                #accordionoc.default-according.style-1.faq-accordion.job-accordion
                                  .row
                                    .col-xl-12
                                      .card
                                        .card-header
                                          h5.mb-0.p-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.p-0
                                            button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon1', aria-expanded='true', aria-controls='collapseicon1') Categories
                                        #collapseicon1.collapse.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.p-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
                                                h6
                                                  | Course By 
                                                  a(href='#')  Development Team
                                                ul.rating
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star-half-o.font-warning
                                              div
                                                h5.mb-0.p-0.font-primary 18
                                                span.d-block Dec
                                            .media
                                              .media-body
                                                span.f-w-600 Business Analyst
                                                h6
                                                  | Course By 
                                                  a(href='#') Analyst Team.
                                                ul.rating
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star-half-o.font-warning
                                              div
                                                h5.mb-0.p-0.font-primary 28
                                                span.d-block Dec
                                            .media
                                              .media-body
                                                span.f-w-600 Web Development
                                                h6
                                                  | Course By 
                                                  a(href='#') Designer
                                                ul.rating
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star.font-warning
                                                  li
                                                    i.fa.fa-star-half-o.font-warning
                                              div
                                                h5.mb-0.p-0.font-primary 5
                                                span.d-block Jan
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files