Components

## 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="./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="./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="./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="./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
30 Term 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
30 Term 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
30 Term 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
30 Term 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="ml-auto">$250</span></li>
                        <li><span class="w-50">Max Deposit</span> - <span class="ml-auto">$1,999</span></li>
                        <li><span class="w-50">Deposit Return</span> - <span class="ml-auto">Yes</span></li>
                        <li><span class="w-50">Total Return</span> - <span class="ml-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="ml-auto">$250</span></li>
                        <li><span class="w-50">Max Deposit</span> - <span class="ml-auto">$1,999</span></li>
                        <li><span class="w-50">Deposit Return</span> - <span class="ml-auto">Yes</span></li>
                        <li><span class="w-50">Total Return</span> - <span class="ml-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="ml-auto">$250</span></li>
                        <li><span class="w-50">Max Deposit</span> - <span class="ml-auto">$1,999</span></li>
                        <li><span class="w-50">Deposit Return</span> - <span class="ml-auto">Yes</span></li>
                        <li><span class="w-50">Total Return</span> - <span class="ml-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="ml-auto">$250</span></li>
                        <li><span class="w-50">Max Deposit</span> - <span class="ml-auto">$1,999</span></li>
                        <li><span class="w-50">Deposit Return</span> - <span class="ml-auto">Yes</span></li>
                        <li><span class="w-50">Total Return</span> - <span class="ml-auto">125%</span></li>
                    </ul>
                    <div class="pricing-action">
                        <button class="btn btn-outline-light">Choose this plan</button>
                    </div>
                </div>
            </div>
        </div>
    </div>