WebSlides - Documentation 1.5.0

Cards

Different sizes: .card-30, .card-40, .card-50, .card-60, .card-70, .card-80

Demos

Card 50
Where we are
Fullscreen
Card 60

Example

iPhone 7

3D Touch, 12MP photos, and 4K video.

Every iPhone they have made was built on the same belief. That a phone should be more than a collection of features. That, above all, a phone should be absolutely simple, beautiful, and magical to use.

Markup

  <div class="card-50">
    <figure><img class="aligncenter" src="/static/images/iphone.png" alt="iPhone"></figure>
    <div class="flex-content">
      <h2>iPhone 7</h2>
      <p class="text-intro">3D Touch, 12MP photos, and 4K video.</p>
      <p>Every iPhone they have made was built on the same belief. That a phone should be more than a collection of features. That, above all, a phone should be absolutely simple, beautiful, and magical to use.</p>
    </div>
  </div>

Source: modules/_cards.scss, line 1