Color Selector

default niceblue intenseblue otherblue blue puregreen grassgreen green olive gold orange pink fuchsia violet red

Container Selector

Additional Components

Feature Box

Lorem ipsum mollit sunt.

Lorem ipsum Labore adipisicing nisi magna do nisi pariatur an aliquip eu sed voluptate in dour consequat sunt aute aliquacy ut exercitation minim cupidatat.

Read more

Lorem ipsum mollit sunt.

Lorem ipsum Labore adipisicing nisi magna do nisi pariatur an aliquip eu sed voluptate in dour consequat sunt aute aliquacy ut exercitation minim cupidatat.

Read more

Lorem ipsum mollit sunt.

Lorem ipsum Labore adipisicing nisi magna do nisi pariatur an aliquip eu sed voluptate in dour consequat sunt aute aliquacy ut exercitation minim cupidatat.

Read more
<div class="mind-features-item hover">
    <div class="item-icon">
        <i class="fa fa-group"></i>
    </div>
    <div class="item-content">
        <h3>Lorem ipsum mollit sunt.</h3>
        <p>...</p>
        <a href="#" class="btn btn-success pull-right">Read more</a>
    </div>
</div> <!-- mind-features-item -->
                                    

Coming soon

Next Version!

Content Box

The Feature Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit consectetur adipisicing elit Possimus.

The Feature Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit consectetur adipisicing elit Possimus.

The Feature Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit consectetur adipisicing elit Possimus.

The Feature Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit consectetur adipisicing elit Possimus.

The Feature Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit consectetur adipisicing elit Possimus.

<div class="mind-box mind-box-primary">
    <h4 class="mind-box-title">The Feature Title</h4>
    <i class="fa fa-cloud-download"></i>
    <p>...</p>
</div>

<div class="mind-box mind-box-success">
    <h4 class="mind-box-title">The Feature Title</h4>
    <i class="fa fa-cloud-download"></i>
    <p>...</p>
</div>

<div class="mind-box mind-box-info">
    <h4 class="mind-box-title">The Feature Title</h4>
    <i class="fa fa-cloud-download"></i>
    <p>...</p>
</div>

<div class="mind-box mind-box-warning">
    <h4 class="mind-box-title">The Feature Title</h4>
    <i class="fa fa-cloud-download"></i>
    <p>...</p>
</div>

<div class="mind-box mind-box-danger">
    <h4 class="mind-box-title">The Feature Title</h4>
    <i class="fa fa-cloud-download"></i>
    <p>...</p>
</div>
                                    

Coming soon

Next Version!

Icon Box

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

<div class="icon-box">
    <i class="fa fa-cloud-download"></i>
    <div class="icon-box-content">
        <h4>Lorem ipsum dolor sit</h4>
        <p>...</p>
    </div>
</div>

<div class="icon-box icon-box-inverse">
    <i class="fa fa-cloud-download"></i>
    <div class="icon-box-content">
        <h4>Lorem ipsum dolor sit</h4>
        <p>...</p>
    </div>
</div>

<div class="icon-box icon-box-success">
    <i class="fa fa-cloud-download"></i>
    <div class="icon-box-content">
        <h4>Lorem ipsum dolor sit</h4>
        <p>...</p>
    </div>
</div>

<div class="icon-box icon-box-info">
    <i class="fa fa-cloud-download"></i>
    <div class="icon-box-content">
        <h4>Lorem ipsum dolor sit</h4>
        <p>...</p>
    </div>
</div>

<div class="icon-box icon-box-warning">
    <i class="fa fa-cloud-download"></i>
    <div class="icon-box-content">
        <h4>Lorem ipsum dolor sit</h4>
        <p>...</p>
    </div>
</div>

<div class="icon-box icon-box-danger">
    <i class="fa fa-cloud-download"></i>
    <div class="icon-box-content">
        <h4>Lorem ipsum dolor sit</h4>
        <p>...</p>
    </div>
</div>
                                    

Coming soon

Next Version!

Caption

Image
More info

Title Caption

Image

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quas

Image

Title Caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, repellendus?

<div class="row">
    <div class="col-md-4">
        <div class="img-caption">
            <img src="..." class="img-responsive" alt="Image">
            <div class="caption">
                <div class="caption-content">
                    <a href="#" class="animated fadeInDown"><i class="fa fa-search"></i>More info</a>
                    <h4>Title Caption</h4>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="img-caption">
            <img src="..." class="img-responsive" alt="Image">
            <div class="caption">
                <div class="caption-content">
                    <p>...</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="img-caption">
            <img src="..." class="img-responsive" alt="Image">
            <div class="caption">
                <div class="caption-content">
                    <h4>Title Caption</h4>
                    <p>...</p>
                </div>
            </div>
        </div>
    </div>
</div>
                                    

Coming soon

Next Version!

Lightbox

<a href="img/w1.jpg" class="thumbnail"  data-lightbox="captions" title="Work Title">
    <img src="..." class="img-responsive" alt="Image">
</a>
                                    

Coming soon

Next Version!

Slide Images

<div id="carousel-example-captions" class="carousel carousel-images slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-captions" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-captions" data-slide-to="1"></li>
        <li data-target="#carousel-example-captions" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active">
        <img src="img/w2.jpg" alt="First slide image">
        <div class="carousel-caption animated fadeInUpBig">
            <h3>First slide label</h3>
            <p>...</p>
        </div>
        </div>
        <div class="item">
        <img src="img/w3.jpg" alt="Second slide image">
        <div class="carousel-caption animated fadeInUpBig">
            <h3>Second slide label</h3>
            <p>...</p>
        </div>
        </div>
        <div class="item">
        <img src="img/w10.jpg" alt="Third slide image">
        <div class="carousel-caption animated fadeInUpBig">
            <h3>Third slide label</h3>
            <p>...</p>
        </div>
        </div>
    </div>
    <a class="left carousel-control" href="#carousel-example-captions" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-captions" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
                                    

Coming soon

Next Version!