:::column {.vertical-align}

WebSlides is really easy

Each parent <section> in the #webslides element is an individual slide. {.text-intro}

Code is neat, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides , by Jenn Schiffer :)

<article id="webslides">
  <!-- Slide 1 -->
  <section>
    <h1>Design for trust</h1>
  </section>
  <!-- Slide 2 -->
  <section class="bg-primary">
    <div class="wrap">
      <h2>.wrap = container (width: 90%) with fadein</h2>
    </div>
  </section>
</article>

:::

Vertical sliding? <article id="webslides" class="vertical"> {.aligncenter}