- var page_Title = 'Sparkline Chart';
- var theme_customizer      = true;
- var sparkline             = true;
- var page_sparkline        = 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
                    | Sparkline Chart
                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 Charts
                    li.breadcrumb-item.active Sparkline Chart
          // Container-fluid starts
          .container
            .grid.grid-cols-12.card-gap
              div(class="col-span-4 xl:col-span-6 md:col-span-12 box-col-6")
                .card
                  .card-header
                    h5 Mouse Speed Chart
                  .card-body.chart-block
                    .flot-chart-container
                      #mouse-speed-chart-sparkline.flot-chart-placeholder
              div(class="col-span-4 xl:col-span-6 md:col-span-12 box-col-6")
                .card
                  .card-header
                    h5 Simple Bar Charts
                  .card-body.chart-block
                    .flot-chart-container
                      #custom-line-chart.flot-chart-placeholder
              div(class="col-span-4 xl:col-span-6 md:col-span-12 box-col-6")
                .card
                  .card-header
                    h5 Line Chart
                  .card-body.chart-block
                    .flot-chart-container
                      #line-chart-sparkline.flot-chart-placeholder.line-chart-sparkline
              div(class="col-span-4 xl:col-span-6 md:col-span-12 box-col-6")
                .card
                  .card-header
                    h5 Simple Line Chart
                  .card-body.chart-block
                    .flot-chart-container
                      #simple-line-chart-sparkline.flot-chart-placeholder
              div(class="col-span-4 xl:col-span-6 md:col-span-12 box-col-6")
                .card
                  .card-header
                    h5 Bar Chart
                  .card-body.chart-block
                    .flot-chart-container
                      #bar-chart-sparkline.flot-chart-placeholder
              div(class="col-span-4 xl:col-span-6 md:col-span-12 box-col-6")
                .card
                  .card-header
                    h5 Pie chart
                  .card-body.chart-block
                    .flot-chart-container
                      #pie-sparkline-chart.flot-chart-placeholder
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
