- var timeline_1            = true;
- var animate               = true;
- var modernizr             = true;
- 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
                                | Timeline 1
                              ol.breadcrumb
                                li.breadcrumb-item
                                  a(href='index.html')
                                   | Home
                                li.breadcrumb-item Timeline
                                li.breadcrumb-item.active Timeline 1
                          .col-sm-6
                            include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                      .row
                        .col-sm-12
                          .card
                            .card-header.pb-0
                              h5 Example
                            .card-body
                              // cd-timeline Start
                              section#cd-timeline.cd-container
                                .cd-timeline-block
                                  .cd-timeline-img.cd-picture.bg-primary
                                    i.icon-pencil-alt
                                  .cd-timeline-content
                                    h4
                                      | Title of section
                                      span.digits  1
                                    p.m-0
                                      | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.
                                    span.cd-date
                                      | Jan 
                                      span.counter.digits  14
                                .cd-timeline-block
                                  .cd-timeline-img.cd-movie.bg-secondary
                                    i.icon-video-camera
                                  .cd-timeline-content
                                    h4
                                      | Title of section
                                      span.digits  2
                                    .embed-responsive.embed-responsive-21by9.m-t-20
                                      iframe(src='https://www.youtube.com/embed/wpmHZspl4EM', allowfullscreen='')
                                    span.cd-date
                                      | Jan 
                                      span.counter.digits 18
                                .cd-timeline-block
                                  .cd-timeline-img.cd-picture.bg-success
                                    i.icon-image
                                  .cd-timeline-content
                                    h4
                                      | Title of section
                                      span.digits  3
                                    img.img-fluid.p-t-20(src='../assets/images/banner/1.jpg', alt='')
                                    span.cd-date
                                      | Jan 
                                      span.counter.digits 24
                                .cd-timeline-block
                                  .cd-timeline-img.cd-location.bg-info
                                    i.icon-pulse
                                  .cd-timeline-content
                                    h4
                                      | Title of section
                                      span.digits  4
                                    audio.m-t-20(controls='')
                                      source(src='../assets/audio/horse.ogg', type='audio/ogg')
                                      |                                                 Your browser does not support the audio element.
                                    span.cd-date
                                      | Feb 
                                      span.counter.digits 14
                                .cd-timeline-block
                                  .cd-timeline-img.cd-location.bg-warning
                                    i.icon-image
                                  .cd-timeline-content
                                    h4
                                      | Title of section
                                      span.digits  5
                                    img.img-fluid.p-t-20(src='../assets/images/banner/3.jpg', alt='')
                                    span.cd-date
                                      | Feb 
                                      span.counter.digits 18
                                .cd-timeline-block
                                  .cd-timeline-img.cd-movie.bg-danger
                                    i.icon-pencil-alt
                                  .cd-timeline-content
                                    h4 Final Section
                                    p.m-0 This is the content of the last section
                                    span.cd-date
                                      | Feb 
                                      span.counter.digits 26
                              // cd-timeline Ends
                    // Container-fluid ends                    
                include ../../components/footer
        include ../../components/footer-files
