Features


To insert information about features edit the file features.php. You can also create gallery to features section. How you can do this? Check example below text. If you don't know how to change icons and styles of this section, visit styles To keep a hover effect on icons, insert twice markup of icon and add class icon-hover. In the mobile version of the section we used carousel slider the same as the file home.php.

Single feature

...
<div class="col-md-4 col-lg-4 col-sm-6 feature item yo-anim yo-anim-fade" data-animation-delay="100">
  <a href="gallery.php" class="open-portfolio">
	<i class="icon-screen-tablet"></i>
	<i class="icon-screen-tablet icon-hover hidden-xs"></i>
  </a>
  <h3>Robust Toolset</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum, lacus lobortis cursus ultrices, risus velit accumsan sem, at posuere sem ipsum quis mauris. </p>
</div>
...

Features icons

...
	<i class="icon-screen-tablet"></i>
	<i class="icon-screen-tablet icon-hover hidden-xs"></i>
...

Feature carousel slider

...
 <div id="features-carousel">
  <div class="col-md-4 col-lg-4 col-sm-6 feature item yo-anim yo-anim-fade" data-animation-delay="100">
	<a href="gallery.php" class="open-portfolio">
	  <i class="icon-screen-tablet"></i>
	  <i class="icon-screen-tablet icon-hover hidden-xs"></i>
	</a>
	<h3>Robust Toolset</h3>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum, lacus lobortis cursus ultrices, risus velit accumsan sem, at posuere sem ipsum quis mauris. </p>
  </div>
...

Features gallery

To add a features gallery, edit the file gallery.php. There you can insert your images and description of gallery.

features.php
...
<div class="col-md-4 col-lg-4 col-sm-6 feature item yo-anim yo-anim-fade" data-animation-delay="100">
  <a href="gallery.php" class="open-portfolio">
	<i class="icon-screen-tablet"></i>
	<i class="icon-screen-tablet icon-hover hidden-xs"></i>
  </a>
...


gallery.php
...
<p class="gallery-description">
Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id ultricies ut vehicula ut id. Integer posuere erat a venenatis dapibus posuere velit aliquet duis mollis. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui.
</p>
...
<div id="images" class="owl-carousel owl-theme">
	<div class="item"><figure><img src="img/img-gallery/1.jpg" /></figure></div>
	<div class="item"><figure><img src="img/img-gallery/2.jpg" /></figure></div>
	<div class="item"><figure><img src="img/img-gallery/3.jpg" /></figure></div>
	<div class="item"><figure><img src="img/img-gallery/4.jpg" /></figure></div>
</div>