View Demo Buy Now Our Portfolio

Navigation Style

Horizontal Left-menu

Skin Modes

Default Mode
White Mode
Dark Mode

Header Styles Mode

Light Menu
Dark Menu
Color Menu
Graident Menu

Horizontalmenu Styles Mode

Color Menu
Light Menu
Dark Menu
Gradient-Color Menu
Loader
logo
View all Notification
3
See all Messages
img
English
flag-img
French
flag-img
Germany
flag-img
Italy
flag-img
Russia
flag-img
Spain
profile-user
Jacob Fisher
My Profile Edit Profile Account Settings Inbox Message Need help? Sign out

Thumbnails

  1. Elements
  2. Thumbnails
Add Order Add User

Basic Thumbnails

thumb1
thumb1
thumb1
thumb1 
<div class="row">
    <div class="col-md-6 col-xl-3">
        <a href="#" class="thumbnail ">
            <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/1.jpg" alt="thumb1" class="thumbimg">
        </a>
    </div>
    <div class="col-md-6 col-xl-3">
        <a href="#" class="thumbnail">
            <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/2.jpg" alt="thumb1" class="thumbimg">
        </a>
    </div>
    <div class="col-md-6 col-xl-3">
        <a href="#" class="thumbnail">
            <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/3.jpg" alt="thumb1" class="thumbimg">
        </a>
    </div>
    <div class="col-md-6 col-xl-3">
        <a href="#" class="thumbnail">
            <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/5.jpg" alt="thumb1" class="thumbimg">
        </a>
    </div>
</div>

Custom content Thumbnails

thumb1

Thumbnail label

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button Button

thumb1

Thumbnail label

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button Button

thumb1

Thumbnail label

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button Button 

<div class="row">
<div class="col-md-12 col-xl-4">
    <div class="thumbnail">
        <a href="#">
            <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/19.jpg" alt="thumb1" class="thumbimg">
        </a>
        <div class="caption">
            <h4><strong>Thumbnail label</strong></h4>
            <p>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
            <p>
                <a href="#" class="btn btn-primary" role="button">Button</a>
                <a href="#" class="btn btn-secondary" role="button">Button</a>
            </p>
        </div>
    </div>
</div><!-- COL-END -->
<div class="col-md-12 col-xl-4">
    <div class="thumbnail">
        <a href="#">
            <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/20.jpg" alt="thumb1" class="thumbimg">
        </a>
        <div class="caption">
            <h4><strong>Thumbnail label</strong></h4>
            <p>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
            <p>
                <a href="#" class="btn btn-primary" role="button">Button</a>
                <a href="#" class="btn btn-secondary" role="button">Button</a>
            </p>
        </div>
    </div>
</div><!-- COL-END -->
<div class="col-md-12 col-xl-4">
    <div class="thumbnail">
        <a href="#">
            <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/21.jpg" alt="thumb1" class="thumbimg">
        </a>
        <div class="caption">
            <h4><strong>Thumbnail label</strong></h4>
            <p>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
            <p>
                <a href="#" class="btn btn-primary" role="button">Button</a>
                <a href="#" class="btn btn-secondary" role="button">Button</a>
            </p>
        </div>
    </div>
</div><!-- COL-END -->
</div>

Custom content Thumbnails

thumb1

Thumbnail label

sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

thumb1

Thumbnail label

sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Thumbnail label

sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

thumb1

Thumbnail label

sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

thumb1 
<div class="row">
    <div class="col-md-12 col-lg-6 col-xl-3">
        <div class="thumbnail">
            <a href="#">
                <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/22.jpg" alt="thumb1" class="thumbimg">
            </a>
            <div class="caption">
                <h4><strong>Thumbnail label</strong></h4>
                <p>sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
            </div>
        </div>
    </div>
    <div class="col-md-12 col-lg-6 col-xl-3">
        <div class="thumbnail">
            <a href="#">
                <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/23.jpg" alt="thumb1" class="thumbimg">
            </a>
            <div class="caption">
                <h4><strong>Thumbnail label</strong></h4>
                <p>sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
            </div>
        </div>
    </div>
    <div class="col-md-12 col-lg-6 col-xl-3">
        <div class="thumbnail">
            <div class="caption">
                <h4><strong>Thumbnail label</strong></h4>
                <p>sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
            </div>
            <a href="#">
                <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/24.jpg" alt="thumb1" class="thumbimg">
            </a>
        </div>
    </div>
    <div class="col-md-12 col-lg-6 col-xl-3">
        <div class="thumbnail">
            <div class="caption">
                <h4><strong>Thumbnail label</strong></h4>
                <p>sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
            </div>
            <a href="#">
                <img src="https://laravel.spruko.com/yoha/Horizontal-Light/assets/images/media/25.jpg" alt="thumb1" class="thumbimg">
            </a>
        </div>
    </div>
</div>
General Settings
Notifications
Show your emails
Show Task statistics
Show recent activity
System Logs
Error Reporting
Show your status to all
Keep up to date
Overview

Achieves80%

Projects60%

Earnings50%

Balance45%

Toatal Profits75%

Total Likes70%