Slick slider
Here is some awesome carousel and slider made with love and Slick slider.
You can see more details from here.
Card Preview slider
An awesome and nice card made with slick
Card with stretched link
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Card with stretched link
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Card with stretched link
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Card with stretched link
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereCode Example
<div class="slider-init" data-slick='{"arrows": false, "dots": true, "slidesToShow": 3, "slidesToScroll": 1, "infinite":false, "responsive":[ {"breakpoint": 992,"settings":{"slidesToShow": 2}}, {"breakpoint": 768,"settings":{"slidesToShow": 1}} ]}'> <div class="col"> <div class="card card-bordered"> <img src="/demo1/images/stock/a.jpg" class="card-img-top" alt=""> <div class="card-inner"> <h5 class="card-title">Card with stretched link</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> </div> </div> <div class="col"> <div class="card card-bordered"> <img src="/demo1/images/stock/b.jpg" class="card-img-top" alt=""> <div class="card-inner"> <h5 class="card-title">Card with stretched link</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> </div> </div> <div class="col"> <div class="card card-bordered"> <img src="/demo1/images/stock/c.jpg" class="card-img-top" alt=""> <div class="card-inner"> <h5 class="card-title">Card with stretched link</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> </div> </div> <div class="col"> <div class="card card-bordered"> <img src="/demo1/images/stock/d.jpg" class="card-img-top" alt=""> <div class="card-inner"> <h5 class="card-title">Card with stretched link</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> </div> </div></div>Pricing Table Carousel
A Responsive pricing table Carousel with slick.
Code Example
<div class="slider-init" data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "infinite":false, "responsive":[ {"breakpoint": 992,"settings":{"slidesToShow": 2}}, {"breakpoint": 768,"settings":{"slidesToShow": 1}} ]}'> <div class="col"> <div class="card card-bordered pricing"> <div class="pricing-head"> <div class="pricing-title"> <h4 class="card-title title">Starter</h4> <p class="sub-text">Enjoy entry level of invest & earn.</p> </div> <div class="card-text"> <div class="row"> <div class="col-6"> <span class="h4 fw-500">1.67%</span> <span class="sub-text">Daily Interest</span> </div> <div class="col-6"> <span class="h4 fw-500">30</span> <span class="sub-text">Term Days</span> </div> </div> </div> </div> <div class="pricing-body"> <ul class="pricing-features"> <li><span class="w-50">Min Deposit</span> - <span class="ms-auto">$250</span></li> <li><span class="w-50">Max Deposit</span> - <span class="ms-auto">$1,999</span></li> <li><span class="w-50">Deposit Return</span> - <span class="ms-auto">Yes</span></li> <li><span class="w-50">Total Return</span> - <span class="ms-auto">125%</span></li> </ul> <div class="pricing-action"> <button class="btn btn-outline-light">Choose this plan</button> </div> </div> </div> </div> <div class="col"> <div class="card card-bordered pricing"> <div class="pricing-head"> <div class="pricing-title"> <h4 class="card-title title">Starter</h4> <p class="sub-text">Enjoy entry level of invest & earn.</p> </div> <div class="card-text"> <div class="row"> <div class="col-6"> <span class="h4 fw-500">1.67%</span> <span class="sub-text">Daily Interest</span> </div> <div class="col-6"> <span class="h4 fw-500">30</span> <span class="sub-text">Term Days</span> </div> </div> </div> </div> <div class="pricing-body"> <ul class="pricing-features"> <li><span class="w-50">Min Deposit</span> - <span class="ms-auto">$250</span></li> <li><span class="w-50">Max Deposit</span> - <span class="ms-auto">$1,999</span></li> <li><span class="w-50">Deposit Return</span> - <span class="ms-auto">Yes</span></li> <li><span class="w-50">Total Return</span> - <span class="ms-auto">125%</span></li> </ul> <div class="pricing-action"> <button class="btn btn-outline-light">Choose this plan</button> </div> </div> </div> </div> <div class="col"> <div class="card card-bordered pricing"> <div class="pricing-head"> <div class="pricing-title"> <h4 class="card-title title">Starter</h4> <p class="sub-text">Enjoy entry level of invest & earn.</p> </div> <div class="card-text"> <div class="row"> <div class="col-6"> <span class="h4 fw-500">1.67%</span> <span class="sub-text">Daily Interest</span> </div> <div class="col-6"> <span class="h4 fw-500">30</span> <span class="sub-text">Term Days</span> </div> </div> </div> </div> <div class="pricing-body"> <ul class="pricing-features"> <li><span class="w-50">Min Deposit</span> - <span class="ms-auto">$250</span></li> <li><span class="w-50">Max Deposit</span> - <span class="ms-auto">$1,999</span></li> <li><span class="w-50">Deposit Return</span> - <span class="ms-auto">Yes</span></li> <li><span class="w-50">Total Return</span> - <span class="ms-auto">125%</span></li> </ul> <div class="pricing-action"> <button class="btn btn-outline-light">Choose this plan</button> </div> </div> </div> </div> <div class="col"> <div class="card card-bordered pricing"> <div class="pricing-head"> <div class="pricing-title"> <h4 class="card-title title">Starter</h4> <p class="sub-text">Enjoy entry level of invest & earn.</p> </div> <div class="card-text"> <div class="row"> <div class="col-6"> <span class="h4 fw-500">1.67%</span> <span class="sub-text">Daily Interest</span> </div> <div class="col-6"> <span class="h4 fw-500">30</span> <span class="sub-text">Term Days</span> </div> </div> </div> </div> <div class="pricing-body"> <ul class="pricing-features"> <li><span class="w-50">Min Deposit</span> - <span class="ms-auto">$250</span></li> <li><span class="w-50">Max Deposit</span> - <span class="ms-auto">$1,999</span></li> <li><span class="w-50">Deposit Return</span> - <span class="ms-auto">Yes</span></li> <li><span class="w-50">Total Return</span> - <span class="ms-auto">125%</span></li> </ul> <div class="pricing-action"> <button class="btn btn-outline-light">Choose this plan</button> </div> </div> </div> </div></div>
