Slick Carousel
Card image cap
Card Title 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 3

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 4

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 5

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 6

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 7

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 8

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 9

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Thumbnail Nav
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap

Some info on this demo.

  1. The current Carousel in the template clones the first slider into the thumbnail slider under it. This can eventually be done (it is a work in progress), however it is two sliders right now - one standard and one thumbnail.
  2. The .d-none and .d-lg-block classes on the second slider are important for it to be hidden in mobile.