index.html

<main>
  <ul class='slider'>
    <li class='item' style="background-image: url('https://i.postimg.cc/C1QHSWjH/IMG-0463.jpg')">
      <div class='content'>
        <h2 class='title'>"The Gatekeeper"</h2>
        <p class='description'> Meeting Kelcey is when Chicago finally felt like home. She is El's wife, handler, and best friend.  </p>
      </div>
    </li>
     <li class='item' style="background-image: url('https://i.postimg.cc/d3ZR146M/IMG-1962.jpg')">
      <div class='content'>
        <h2 class='title'>"Chicago Is Where It All Began"</h2>
        <p class='description'> El was born and raised in Chicago, by way of Nashville. A country boy at heart, he prefers the hustle and bustle of the city as much as he enjoys relaxing on a farm by a pond. </p>
      </div>
    </li>
    <li class='item' style="background-image: url('https://i.postimg.cc/k5yT311f/IMG-3993.jpg')">
      <div class='content'>
        <h2 class='title'>"The Crew"</h2>
        <p class='description'> El has five best friend he met in college 15 years ago who've been his closest confidantes ever since.  </p>
      </div>
    </li>
    <li class='item' style="background-image: url('https://i.postimg.cc/MTNcDCRT/IMG-1753.jpg')">
      <div class='content'>
        <h2 class='title'>"These Days"</h2>
        <p class='description'>
          El currently spends his time caring for his parents who are nearing 50 years of blissful life together. Even in sickness and hospital beds, they insist on doing it together.
        </p>
         </div>
    </li>
    <li class='item' style="background-image: url('https://i.postimg.cc/3rzpCvCB/IMG-0826.jpg')">
      <div class='content'>
        <h2 class='title'>"The Inheritance"</h2>
        <p class='description'>
          In meeting his wife, El inherited two young supermodels who also live a double life as amazing kids. 
        </p>
      </div>
    </li>
    <li class='item' style="background-image: url('https://i.postimg.cc/vZsVCwKx/IMG-6208.jpg')">
      <div class='content'>
        <h2 class='title'>"The Village"</h2>
        <p class='description'> El has curated the most amazing chosen family and friends throughout his lifetime.  He works to keep them close and love them hard as the life force that sustains him.  </p>
      </div>
    </li>
  </ul>
  <nav class='nav'>
    <ion-icon class='btn prev' name="arrow-back-outline"></ion-icon>
    <ion-icon class='btn next' name="arrow-forward-outline"></ion-icon>
  </nav>
</main>

<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>