- var page_Title = 'Course Details';
- var accordion             = true;
- var theme_customizer      = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = 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.w-full
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | Course Details
                div(class="col-span-6 sm:col-span-12")
                  ol.breadcrumb.flex
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item Course
                    li.breadcrumb-item.active Course Details
          // Container-fluid starts
          .container
            .grid.grid-cols-12.card-gap
              div(class="col-span-9 xl:col-span-12 xl-80 order-none xl:order-1 box-col-12")
                .card 
                  .card-body
                    .blog-single
                      .blog-box.blog-details
                        img.max-w-full.h-auto.w-full(src='../assets/images/faq/learning-1.png', alt='blog-main')
                        .blog-details
                          ul.blog-social
                            li 25 July 2018
                            li
                              i.icofont.icofont-user
                              | William Jennings
                            li
                              i.icofont.icofont-thumbs-up
                              | 02 Hits
                            li
                              i.icofont.icofont-ui-chat
                              | 598 Comments
                          h5.pt-2.mt-0
                            | Knowledge can be defined as awareness of facts or as practical skills. there is wide agreement among philosophers that it is a form of true belief. Internet.
                          .single-blog-content-top
                            p
                              | Knowledge may be characterized as factual awareness or as useful skills, and it can also relate to familiarity with things or circumstances. The term "knowledge of facts," also known as "propositional knowledge," refers to a real belief that may be distinguished from an opinion or educated guess by the use of evidence. Although there is broad consensus among philosophers that it is a type of genuine belief, many philosophical debates centre on the necessity for justification, including whether it is even necessary, how to understand it, and if something else is required in addition to it.
                            p
                              | Various processes can be used to create knowledge. Perception, which is the use of the five senses, is the most significant source. Many theories also regard introspection as a way of learning about one's own mental states rather than about external physical things. Memory, logical intuition, inference, and witness are some more sources that are frequently brought up. Some of these sources, according to foundationalism, are fundamental in the sense that they are able to support beliefs independently of other mental states. Coherentists dispute this assertion.
                      section.comment-box
                        h4 Comment
                        hr
                        ul
                          li
                            .flex.course-flex.align-self-center(class="[@media(max-width:575px)]:block")
                              img.align-self-center(src='../assets/images/blog/comment.jpg', alt='Generic placeholder image')
                              .grow
                                .grid.grid-cols-12.card-gap
                                  div(class="col-span-4 md:col-span-12 xl-100")
                                    h6.mt-0
                                      | Selena Levy
                                      span  ( Designer )
                                  div(class="col-span-8 md:col-span-12 xl-100")
                                    ul.comment-social.float-right.learning-comment(class="md:float-start")
                                      li
                                        i.icofont.icofont-thumbs-up
                                        | 02 Hits
                                      li
                                        i.icofont.icofont-ui-chat
                                        | 598 Comments
                                p
                                  | This well put-together theory urges designers to provide their works creative, clear explanations so that spectators may comprehend and, in a sense, "read" them at all times.
                          li
                            ul
                              li
                                .flex.course-flex(class="[@media(max-width:575px)]:block")
                                  img.align-self-center(src='../assets/images/blog/9.jpg', alt='Generic placeholder image')
                                  .grow
                                    .grid.grid-cols-12
                                      div(class="col-span-12")
                                        h6.mt-0
                                          | Yara Bravo
                                          span  ( Designer )
                                    p
                                      | Web design is a broad field, thus there are many topics to discuss and factors to take into account. It suggests that the look, layout, overall ambience, content, user experience, and accessibility have all been successfully integrated. To satisfy the timeline and the clients' expectations, hundreds of different yet related jobs must be completed.
                          li
                            .flex.course-flex(class="[@media(max-width:575px)]:block")
                              img.align-self-center(src='../assets/images/blog/4.jpg', alt='Generic placeholder image')
                              .grow
                                .grid.grid-cols-12.card-gap
                                  div(class="col-span-4 md:col-span-12 xl-100")
                                    h6.mt-0
                                      | Fox Rios
                                      span  ( Designer )
                                  div(class="col-span-8 md:col-span-12 xl-100")
                                    ul.comment-social.float-right.learning-comment(class="md:float-start")
                                      li
                                        i.icofont.icofont-thumbs-up
                                        | 02 Hits
                                      li
                                        i.icofont.icofont-ui-chat
                                        | 598 Comments
                                p
                                  | They meticulously plan each shot, considering factors such as lighting, angles, and props to convey the desired message effectively. Commercial photographers are adept at using their technical expertise to highlight the unique features and qualities of their subjects, often manipulating lighting and post-processing techniques to achieve the desired aesthetic.
              div(class="col-span-3 xl:col-span-12 xl-40 box-col-12 learning-filter")
                .md-sidebar
                  a.btn.btn-primary.email-aside-toggle.md-sidebar-toggle.text-white Learning filter
                  .md-sidebar-aside.job-sidebar.custom-scrollbar
                    #accordionoc.default-according.style-1.faq-accordion.job-accordion
                      .grid.grid-cols-12
                        div(class="col-span-12")
                          .card.accordion
                            .card-header.accordion-item
                              h5.mb-0.accordion-header.relative
                                button.accordion-button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon', aria-expanded='true', aria-controls='collapseicon') Find Course
                              #collapseicon.accordion-collapse.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.font-semibold Categories
                                    label.block(for='chk-ani')
                                      input#chk-ani.checkbox_animated(type='checkbox')
                                      |                       Accounting
                                    label.block(for='chk-ani0')
                                      input#chk-ani0.checkbox_animated(type='checkbox')
                                      |                             Design
                                    label.block(for='chk-ani1')
                                      input#chk-ani1.checkbox_animated(type='checkbox')
                                      |                             Development
                                    label.block(for='chk-ani2')
                                      input#chk-ani2.checkbox_animated(type='checkbox')
                                      |                             Management
                                  .checkbox-animated.mt-0
                                    .learning-header
                                      span.font-semibold Duration
                                    label.block(for='chk-ani6')
                                      input#chk-ani6.checkbox_animated(type='checkbox')
                                      |                             0-50 hours
                                    label.block(for='chk-ani7')
                                      input#chk-ani7.checkbox_animated(type='checkbox')
                                      |                             50-100 hours
                                    label.block(for='chk-ani8')
                                      input#chk-ani8.checkbox_animated(type='checkbox')
                                      |                             100+ hours
                                  .checkbox-animated.mt-0
                                    .learning-header
                                      span.font-semibold Price
                                    label.block(for='edo-ani')
                                      input#edo-ani.radio_animated(type='radio', name='rdo-ani', checked='')
                                      |                             All Courses
                                    label.block(for='edo-ani1')
                                      input#edo-ani1.radio_animated(type='radio', name='rdo-ani', checked='')
                                      |                             Paid Courses
                                    label.block(for='edo-ani2')
                                      input#edo-ani2.radio_animated(type='radio', name='rdo-ani', checked='')
                                      |                             Free Courses
                                  .checkbox-animated.mt-0
                                    .learning-header
                                      span.font-semibold Status
                                    label.block(for='chk-ani3')
                                      input#chk-ani3.checkbox_animated(type='checkbox')
                                      |                             Registration
                                    label.block(for='chk-ani4')
                                      input#chk-ani4.checkbox_animated(type='checkbox')
                                      |                             Progress
                                    label.block(for='chk-ani5')
                                      input#chk-ani5.checkbox_animated(type='checkbox')
                                      |                             Completed
                                  button.btn.btn-primary.text-center.text-white(type='button') Filter
                        div(class="col-span-12")
                          .card.accordion
                            .card-header.accordion-item
                              h5.mb-0.accordion-header.relative
                                button.accordion-button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon1', aria-expanded='true', aria-controls='collapseicon1') Categories
                              #collapseicon1.accordion-collapse.collapse.card-body.px-0.show(aria-labelledby='collapseicon1', data-bs-parent='#accordion')
                                .categories
                                  .learning-header
                                    span.font-semibold Design
                                  ul
                                    li
                                      a(href='#!') UI Design 
                                      span.badge.badge-primary.pull-right.text-white 28
                                    li
                                      a(href='#!') UX Design 
                                      span.badge.badge-primary.pull-right.text-white 35
                                    li
                                      a(href='#!') Interface Design 
                                      span.badge.badge-primary.pull-right.text-white 17
                                    li
                                      a(href='#!') User Experience 
                                      span.badge.badge-primary.pull-right.text-white 26
                                .categories.pt-0
                                  .learning-header
                                    span.font-semibold Development
                                  ul
                                    li
                                      a(href='#!') Frontend Development
                                      span.badge.badge-primary.pull-right.text-white 48
                                    li
                                      a(href='#!') Backend Development
                                      span.badge.badge-primary.pull-right.text-white 19
                        div(class="col-span-12")
                          .card.accordion
                            .card-header.accordion-item
                              h5.mb-0.accordion-header.relative
                                button.accordion-button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon2', aria-expanded='true', aria-controls='collapseicon2') Upcoming Courses
                              #collapseicon2.accordion-collapse.collapse.show(aria-labelledby='collapseicon2', data-bs-parent='#accordion')
                                .upcoming-course.card-body
                                  .upcoming-flex
                                    .flex-grow-1
                                      span.font-semibold UX Development
                                      span.d-block
                                        | Course By 
                                        a(href='#!') Howard Moore
                                      span.d-block
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star-half-stroke.font-warning
                                    div
                                      h5.mb-0.font-primary 18
                                      span.block Dec
                                  .upcoming-flex
                                    .flex-grow-1
                                      span.font-semibold Business Analyst
                                      span.d-block
                                        | Course By 
                                        a(href='#!') Crystal Markey
                                      span.d-block
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                    div
                                      h5.mb-0.font-primary 28
                                      span.block Dec
                                  .upcoming-flex
                                    .flex-grow-1
                                      span.font-semibold Web Development
                                      span.d-block
                                        | Course By 
                                        a(href='#!') Jerry Reel
                                      span.d-block
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-solid.fa-star.font-warning
                                        i.fa-regular.fa-star.font-warning
                                    div
                                      h5.mb-0.font-primary 5
                                      span.block Jan
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
