Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-header">
<h2>Default Example <small>Puede escribir lo que sea aquí...</small></h2>
<ul class="actions">
<li class="dropdown">
<a href="" data-toggle="dropdown" aria-expanded="false">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Refresh</a>
</li>
<li>
<a href="">Manage Widgets</a>
</li>
<li>
<a href="">Widgets Settings</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-header ch-alt">
<h2>Alternative Example <small>Puede escribir lo que sea aquí...</small></h2>
<ul class="actions">
<li>
<a href="">
<i class="md md-cached"></i>
</a>
</li>
<li>
<a href="">
<i class="md md-file-download"></i>
</a>
</li>
<li class="dropdown">
<a href="" data-toggle="dropdown">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Change Date Range</a>
</li>
<li>
<a href="">Change Graph Type</a>
</li>
<li>
<a href="">Other Settings</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Encabezados de Colores En la sección de Colores en el menú de Interfaz de usuario puede obtener mas clases de colores.
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-header bgm-cyan">
<h2>Rojo <small>Puede escribir lo que sea aquí...</small></h2>
<ul class="actions actions-alt">
<li class="dropdown">
<a href="" data-toggle="dropdown" aria-expanded="false">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Refresh</a>
</li>
<li>
<a href="">Manage Widgets</a>
</li>
<li>
<a href="">Widgets Settings</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-header bgm-red">
<h2>Red <small>Puede escribir lo que sea aquí...</small></h2>
<ul class="actions actions-alt">
<li class="dropdown">
<a href="" data-toggle="dropdown" aria-expanded="false">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Refresh</a>
</li>
<li>
<a href="">Manage Widgets</a>
</li>
<li>
<a href="">Widgets Settings</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-header bgm-orange">
<h2>Naranja <small>Puede escribir lo que sea aquí...</small></h2>
<ul class="actions actions-alt">
<li class="dropdown">
<a href="" data-toggle="dropdown" aria-expanded="false">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Refresh</a>
</li>
<li>
<a href="">Manage Widgets</a>
</li>
<li>
<a href="">Widgets Settings</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-header bgm-green">
<h2>Verde <small>Puede escribir lo que sea aquí...</small></h2>
<ul class="actions actions-alt">
<li class="dropdown">
<a href="" data-toggle="dropdown" aria-expanded="false">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Refresh</a>
</li>
<li>
<a href="">Manage Widgets</a>
</li>
<li>
<a href="">Widgets Settings</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-header bgm-purple">
<h2>Morado <small>Puede escribir lo que sea aquí...</small></h2>
<ul class="actions actions-alt">
<li class="dropdown">
<a href="" data-toggle="dropdown" aria-expanded="false">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Refresh</a>
</li>
<li>
<a href="">Manage Widgets</a>
</li>
<li>
<a href="">Widgets Settings</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
<div class="card">
<div class="card-header bgm-bluegray">
<h2>Azul Gris <small>Puede escribir lo que sea aquí...</small></h2>
<ul class="actions actions-alt">
<li class="dropdown">
<a href="" data-toggle="dropdown" aria-expanded="false">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Refresh</a>
</li>
<li>
<a href="">Manage Widgets</a>
</li>
<li>
<a href="">Widgets Settings</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Sin encabezado En la sección de Colores en el menú de Interfaz de usuario puede obtener mas clases de colores.
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-body card-padding bgm-teal c-white">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-body card-padding bgm-lime c-white">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-body card-padding bgm-pink c-white">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-body card-padding bgm-amber c-white">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-body card-padding bgm-gray c-white">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-header ch-alt m-b-20">
<h2>Título <small>Phasellus condimentum ipsum id auctor</small></h2>
<ul class="actions">
<li>
<a href="">
<i class="md md-cached"></i>
</a>
</li>
<li>
<a href="">
<i class="md md-file-download"></i>
</a>
</li>
<li class="dropdown">
<a href="" data-toggle="dropdown">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Change Date Range</a>
</li>
<li>
<a href="">Change Graph Type</a>
</li>
<li>
<a href="">Other Settings</a>
</li>
</ul>
</li>
</ul>
<button class="btn bgm-red btn-float waves-effect"><i class="md md-add"></i></button>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
<div class="card">
<div class="card-header bgm-bluegray m-b-20">
<h2>Título <small>Phasellus condimentum ipsum id auctor</small></h2>
<ul class="actions actions-alt">
<li class="dropdown">
<a href="" data-toggle="dropdown">
<i class="md md-more-vert"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="">Change Date Range</a>
</li>
<li>
<a href="">Change Graph Type</a>
</li>
<li>
<a href="">Other Settings</a>
</li>
</ul>
</li>
</ul>
<button class="btn bgm-blue btn-float waves-effect"><i class="md md-send"></i></button>
</div>
<div class="card-body card-padding">
Cras leo sem, egestas a accumsan eget, euismod at nunc. Praesent vel mi blandit, tempus ex gravida, accumsan dui. Sed sed aliquam augue. Nullam vel suscipit purus, eu facilisis ante. Mauris nec commodo felis.
</div>
</div>