@@include('./parts/head.html', { "plugin_fa_icons": true, "plugin_mdi_icons": true, "plugin_ion_icons": true, "plugin_wi_icons": true, "plugin_rickshaw": false, "plugin_nvd3": false, "plugin_flot": false, "plugin_sparkline": false, "plugin_markitup": false, "plugin_ckeditor": false, "plugin_select2": false, "plugin_dropzone": false, "plugin_tagsinput": false, "plugin_clockpicker": false, "plugin_pikaday": false, "plugin_spectrum": false, "plugin_inputmask": false, "plugin_parsley": false, "plugin_gmaps": false, "plugin_jvectormap": false, "plugin_datatables": false, "plugin_fullcalendar": false, "plugin_simpleweather": false, "plugin_prettify": true }) @@include('./parts/top-navbar.html') @@include('./parts/sidebar.html', { "page": "ui-cards", "classes": "yay-shrink yay-hide-to-small yay-gestures" })
@@include('./parts/title.html', { "title": "Cards", "crumbs": "
  • Dashboard
  • UI
  • Cards
    • " }) You can use cards for place your content.

    Base

    Card Panel
    <div class="card-panel">Card Panel</div>

    Colored

    Blue Card Panel

    Red Card Panel

    Teal Card Panel
    <div class="card-panel blue white-text">Blue Card Panel</div>
<br>
<div class="card-panel red white-text">Red Card Panel</div>
<br>
<div class="card-panel teal white-text">Teal Card Panel</div>

    With Title

    Title
    Content
    <div class="card">
  <div class="title">
    <h5>Title</h5>
  </div>
  <div class="content">Content</div>
</div>

    With Minimize Button

    Title
    Content
    <div class="card">
  <div class="title">
    <h5>Title</h5>
    <a class="minimize" href="#">
      <i class="mdi-navigation-expand-less"></i>
    </a>
  </div>
  <div class="content">Content</div>
</div>

    With Close Button

    Title
    Content
    <div class="card">
  <div class="title">
    <h5>Title</h5>
    <a class="close" href="#">
      <i class="mdi-content-clear"></i>
    </a>
  </div>
  <div class="content">Content</div>
</div>

    Full

    Title
    Content
    <div class="card">
  <div class="title">
    <h5>Title</h5>
    <a class="close" href="#">
      <i class="mdi-content-clear"></i>
    </a>
    <a class="minimize" href="#">
      <i class="mdi-navigation-expand-less"></i>
    </a>
  </div>
  <div class="content">Content</div>
</div>

    Sortable

    Use sortable classname for enable Sortable plugin on card.
    Card 1
    Card 2
    Card 3
    Card 4
    Card 5
    Card 6 
    <div class="row sortable">

  <div class="col l2 m6 s12">
    <div class="card-panel">
      Card 1
    </div>
  </div>
  
  <div class="col l2 m6 s12">
    <div class="card-panel">
      Card 2
    </div>
  </div>
  ...
</div>
    @@include('./parts/search-bar.html') @@include('./parts/chat.html') @@include('./parts/foot.html', { "copyright": true })