Additional Components

<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!

<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!

<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!

<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!

<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!

<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!