Cards

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

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

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

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

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

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

<div class="card">
  <div class="card-image">
    <img src="assets/_con/images/image-2.jpeg">
    <span class="card-title">Card Title</span>
  </div>
  <div class="content">
    I am a very simple card. I am good at containing small bits of information.
    I am convenient because I require little markup to use effectively.
  </div>
  <div class="card-action">
    <a href="#!">This is a link</a>
  </div>
</div>

<div class="card of-h">
  <div class="card-image waves-effect waves-block waves-light">
    <img class="activator" src="assets/_con/images/image-1.jpg">
  </div>
  <div class="content">
    <span class="card-title activator grey-text text-darken-4">Card Title<i class="mdi-navigation-more-vert right"></i></span>
    <p><a href="#">This is a link</a></p>
  </div>
  <div class="card-reveal">
    <span class="card-title grey-text text-darken-4">Card Title <i class="mdi-content-clear right"></i></span>
    <p>Here is some more information about this product that is only revealed once clicked on.</p>
  </div>
</div>

Small

Card Title

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

This is a link

Medium

Card Title

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

This is a link

Large

Card Title

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

This is a link