Collapsible CSS3 paper cards, inspired by Google Material Design

I`m a big fan of the Google Material Design. In particular, the paper card accordion. So I made one myself.

paper-collapse

Demo

Feel free to fork me on Github.

<div class="collapse-card">
  <div class="title">
    <i class="fa fa-question-circle fa-2x fa-fw"></i>
    <span>
      <!-- Optional right aligned text -->
    </span>
    <strong>
      <!-- Title Text -->
    </strong>
  </div>
  <div class="body">
    <!-- Body Text -->
  </div>
</div>

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>