Para crear una Card siempre hay que envolverla en un div con la clase card. Dentro se coloca un div con la clase card-content.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit possimus inventore sed debitis atque dolorem, molestiae eaque deleniti ex veritatis deserunt sint suscipit fuga aspernatur ducimus nemo ipsam praesentium dolore!
Para crear un titulo, creamos una card y le agregamos un spam con clase card-title. Y colores de fondo y texto
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit possimus inventore sed debitis atque dolorem, molestiae eaque deleniti ex veritatis deserunt sint suscipit fuga aspernatur ducimus nemo ipsam praesentium dolore!
Para tener enlaces en nuestra card solo hay que añadir un div con clase card-action debajo del content
Para crear una card con imagen, hay que dividir la card en tres partes. Tres divs con distintas clases, card-image, card-content, card-action. El titulo se puede poner tanto dentro del content como en el div de la imagen, debajo de la misma, asi el titulo aparecerá dentro de la imagen
Titulo Card
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id dignissimos rerum, molestiae temporibus quo, dolor ullam repudiandae aspernatur minima, facilis facere a porro quasi ex doloribus fuga. Natus, eaque!
Solo hay que añadir un enlace con un icono y varias clases debajo del titulo dentro del div card-image
Para crear una card horizontal basta con ponerle la clase horizontal al div card
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id dignissimos rerum, molestiae temporibus quo, dolor ullam repudiandae aspernatur minima, facilis facere a porro quasi ex doloribus fuga. Natus, eaque!
Enlace
Con esta clase incluida dentro del bloque card, lo que hacemos es tener un efecto que
sucedera cuando pinchemos en el titulo o en el boton
Para ello hay que añadir al titulo la clase activator, tambien se puede agregar a
la imagen la misma clase
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita deleniti natus architecto laboriosam sed explicabo at veniam quaerat! Atque eaque magnam deleniti magni voluptates sapiente doloribus nemo culpa dolorum voluptate!