logologo-dark
logologo-dark

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 somewhere
Code 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="/demo6/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="/demo6/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="/demo6/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="/demo6/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.

Starter

Enjoy entry level of invest & earn.

1.67%Daily Interest
30Term Days
  • Min Deposit - $250
  • Max Deposit - $1,999
  • Deposit Return - Yes
  • Total Return - 125%

Starter

Enjoy entry level of invest & earn.

1.67%Daily Interest
30Term Days
  • Min Deposit - $250
  • Max Deposit - $1,999
  • Deposit Return - Yes
  • Total Return - 125%

Starter

Enjoy entry level of invest & earn.

1.67%Daily Interest
30Term Days
  • Min Deposit - $250
  • Max Deposit - $1,999
  • Deposit Return - Yes
  • Total Return - 125%

Starter

Enjoy entry level of invest & earn.

1.67%Daily Interest
30Term Days
  • Min Deposit - $250
  • Max Deposit - $1,999
  • Deposit Return - Yes
  • Total Return - 125%
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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>
Switch Demo Layout
Use Case Concept
Preview Settings
Direction Change
LTR Mode
RTL Mode
Main UI Style
Default
Clean
Shady
Softy
Header Style
White
Light
Dark
Theme
Header Option
Regular
Fixed
Primary Skin
Default
Blue
Egyptian
Purple
Green
Red
Skin Mode
Light Skin
Dark Skin
Looking for functional script for Investment Platform? Check out
Investorm
Looking for Advanced
Investment Platform?