<style type="text/css">
  #minimal_example
  {
    width: 400px;
    height: 200px;
    margin: 30px auto 0;
  }

  .slider_container
  {
    width: 100%;
    height: 200px;
  }
</style>
<div id="minimal_example">
  <div class="slider_container">
    <div class="slide">
      <h1>Hello.</h1>
      <p>This is an example of a simplistic Glide.js slideshow.</p>
    </div>
    <div class="slide">
      <h1>Ciao.</h1>
      <p>The slider shown here was initiated with no options.</p>
    </div>
    <div class="slide">
      <h1>Hallo.</h1>
      <p>These slides are <strong>pure</strong> HTML.</p>
      <p>From <a href="#">links</a> to <code><span>code</span></code></p>
    </div>
    <div class="slide">
      <h1>ごゔにちは</h1>
      <p>Glide.js is unobtrusive so you can let your shine through while the complicated stuff is taken care of.</p>
    </div>
  </div>
</div>