Cards

Fully customisable in you own CSS. Awesome looking cards for many purposes. Choose an image or an icon. Place your cards in a responsive card-container

Icons

Lorem

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim rerum ipsum debitis est praesentium vitae porro in! At obcaecati explicabo ero fugit blanditiis?

Lorem

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim rerum ipsum debitis est praesentium vitae porro in! At obcaecati explicabo ero fugit blanditiis?

Example

<section class="card-container"> <div class="card"> <div class="card__icon"> <i class="fab fa-android"></i> </div> <div class="card__content"> <h2 class="card__content__title">Lorem</h2> <p class="card__desc"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim rerum ipsum debitis est praesentium vitae porro in! At obcaecati explicabo ero fugit blanditiis? </p> </div> </div> </section>

Image

Lorem

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim rerum ipsum debitis est praesentium vitae porro in! At obcaecati explicabo ero fugit blanditiis?

Lorem

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim rerum ipsum debitis est praesentium vitae porro in! At obcaecati explicabo ero fugit blanditiis?

Example

<div class="card-container"> <div class="card"> <div class="card__image"> <img src="" alt=""/> </div> <div class="card__content"> <h2 class="card__content__title">Lorem</h2> <p class="card__desc"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim rerum ipsum debitis est praesentium vitae porro in! At obcaecati explicabo ero fugit blanditiis? </p> </div> </div> </div>

Button

Lorem

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim rerum ipsum debitis est praesentium vitae porro in! At obcaecati explicabo ero fugit blanditiis?

Lorem

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim rerum ipsum debitis est praesentium vitae porro in! At obcaecati explicabo ero fugit blanditiis?

Example

<div class="card-container"> <div class="card"> <div class="card__icon"> <i class="fab fa-android"></i> </div> <div class="card__content"> <h2 class="card__content__title">Lorem</h2> <p class="card__desc"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim rerum ipsum debitis est praesentium vitae porro in! At obcaecati explicabo ero fugit blanditiis? </p> <a href="" class="btn btn__dark">View more</a> </div> </div> </div>