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.

<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>

UsersFelecia Castro
Content Manager
Max Brooks
Programmer
Patsy Griffin
Support
Vernon Garrett
Photographer
ArticlesMD
Material Design
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi consequatur debitis veritatis dolorum, enim libero!

                  
                
Admin Dashboard
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi consequatur debitis veritatis dolorum, enim libero!
RD
Responsive Design
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi consequatur debitis veritatis dolorum, enim libero!

                  
                
Mobile First
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi consequatur debitis veritatis dolorum, enim libero!
PostsNo results were found ;(