{{> partials/head title="UI Kit | ICE Mortgage Technology"}} {{> partials/modals}} {{> partials/navbar classList="navbar-light fixed-top bg-white border-bottom" container="container-fluid" button="primary"}}
{{> partials/sidenav}}

Carousel

Touch, responsive, flickable carousels.

Plugin documentation

...
...
...
<div class="card-body">
  <div data-flickity='{"pageDots": false,"cellAlign": "left", "wrapAround": true, "imagesLoaded": true}'>
    <div class="col-12 px-1">
      <img src="../assets/img/covers/cover-5.jpg" class="img-fluid" alt="...">
    </div>
    <div class="col-12 px-1">
      <img src="../assets/img/covers/cover-6.jpg" class="img-fluid" alt="...">
    </div>
    <div class="col-12 px-1">
      <img src="../assets/img/covers/cover-7.jpg" class="img-fluid" alt="...">
    </div>
    <div class="col-12 col-md-4 px-1">
      <img src="../assets/img/covers/cover-8.jpg" class="img-fluid" alt="...">
    </div>
  </div>
</div>

Create a white variation of the navigation buttons with a .dark modifier.

...
...
...
<div class="card-body bg-cornflower-500">
  <div class="dark" data-flickity='{"pageDots": false,"cellAlign": "left", "wrapAround": true, "imagesLoaded": true}'>
    <div class="col-12 px-1">
      <img src="../assets/img/covers/cover-5.jpg" class="img-fluid" alt="...">
    </div>
    <div class="col-12 px-1">
      <img src="../assets/img/covers/cover-6.jpg" class="img-fluid" alt="...">
    </div>
    <div class="col-12 px-1">
      <img src="../assets/img/covers/cover-7.jpg" class="img-fluid" alt="...">
    </div>
    <div class="col-12 col-md-4 px-1">
      <img src="../assets/img/covers/cover-8.jpg" class="img-fluid" alt="...">
    </div>
  </div>
</div>
{{> partials/scripts}}