---
categories: [Layouts]
css-extra: false
layout: layout
title: Basic
resource: true
url-js-extra: '!URL_COMPONENTS!datatables/media/js/jquery.dataTables.js'
weight: 1
---
{% include layouts-navbar-primary.html %}
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <ol class="breadcrumb">
            <li><a href="#">Home</a></li>
            <li>{{ page.title }}</li>
          </ol>
          <h1>{{ page.title }}</h1>
{% include datatable.html %}
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget eros tincidunt, semper ante nec, dapibus ante.</p>
        </div><!-- /col -->
      </div><!-- /row -->
    </div><!-- /container -->
    <script>
      // Initialize Datatables
      $(document).ready( function() {
        $('.datatable').dataTable();
      });
    </script>