Cacher is the code snippet organizer for pro developers

<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/flickity-fade@1/flickity-fade.css">
<script src="https://unpkg.com/flickity-fade@1/flickity-fade.js"></script>

<script>
  jQuery('.home-carousel').flickity({
    // options
    cellAlign: 'left',
    contain: true,
    freeScroll: true,
    wrapAround: true,
    autoPlay: 5000,
    pauseAutoPlayOnHover: false,
    fade: true
  });
</script>



<div class="home-carousel">
  <div class="carousel-cell">
		<div class="slide-container">
			<img src="/files/couple.jpg" alt="couple on mountain top">
			<div class="slide-caption">
				<p class="slide-heading">Dream It.<sup>SM</sup></p>
				<p class="slide-sub-heading">“Dare to live the life you have dreamed for yourself.<br>Go forward and make your dreams come true.”<br>– Ralph Waldo Emerson
				</p>
			</div>
		</div>
  </div>
  <div class="carousel-cell">
  	<div class="slide-container">
			<img src="/files/ready.jpg" alt="track with words are you ready">
			<div class="slide-caption">
				<p class="slide-heading">Plan It.<sup>SM</sup></p>
				<p class="slide-sub-heading">“All you need is the plan, the roadmap,<br> and the courage to press on to your destination.” <br>– Earl Nightingale
</p>
			</div>
			</div>
  </div>
  <div class="carousel-cell">
  	<div class="slide-container">
			<img src="/files/dog.jpg" alt="dog chasing ball">
			<div class="slide-caption">
				<p class="slide-heading">Pursue It.<sup>SM</sup></p>
				<p class="slide-sub-heading">“Nothing is impossible as the word itself says I’m Possible.” <br>– Audrey Hepburn
</p>
			</div>
			</div>
  </div>
</div>