Eid Special Sale ! 25% OFF on all products and membership plan - Use Coupon Code: EID17

Documentation

Find articles, step-by-step instructions, and advice for getting the most out of ThemeXpert.com

Installation

Follow fresh installation guideline if you are having problem to install template.

Template Settings

To load factory settings of this template please open template settings and click Configurator button. Under Load configuration button you will see all available settings there and choose settings named as your template name. Then press load button and you're done!

Load Configuration

Homepage Settings

The screenshot below shows you the modules we have published on the homepage of the demo site.

HostX Homepage

Revolution Slider Settings

This module is powered by Revolution Slider and here are the settings.

Module Position: slider

Revolution Slider component settings

Revolution Slider component settings

Revolution Slider slide settings

Revolution Slider component settings

Service Module

Module Type: Custom HTML
Module Position: Services
Class Suffix: services align-center nopadding nomargin
<div class="width-33 visible-desktop">

    <div class="service-intro">
    <img src="/images/logo.png" alt="" />
        <h3>Our Services</h3>
    </div>

</div>

<div class="width-33">

    <div class="service-item">
        <span class="bc-tools-2 icon-4x"></span>
        <h3>Web Development</h3>
        <p>Proin iaculis purus consequat sem cure digni ssim Donec porttitora entum suscipit 
aenean rhoncus posuere odio</p>
    </div>

    <div class="service-item">
        <span class="bc-browser icon-4x"></span>
        <h3>Beutiful Designs</h3>
        <p>Proin iaculis purus consequat sem cure digni ssim Donec porttitora entum suscipit 
aenean rhoncus posuere odio</p>
    </div>

</div>

<div class="width-33">
    <div class="service-item">
        <span class="bc-briefcase icon-4x"></span>
        <h3>Web Development</h3>
        <p>Proin iaculis purus consequat sem cure digni ssim Donec porttitora entum suscipit 
aenean rhoncus posuere odio</p>
    </div>

    <div class="service-item light">
        <span class="bc-presentation icon-4x"></span>
        <h3>Marketing tools</h3>
        <p>Proin iaculis purus consequat sem cure digni ssim Donec porttitora entum suscipit 
aenean rhoncus posuere odio</p>
    </div>

</div>

Our Vision Module

Module Type: Custom HTML
Module Position: about
Class Suffix: vision
<div class="vision">

    <div class="width-60">
        <img class="vision-img" src="/bizcorp/images/demo-contents/vision.png" alt="">
    </div>

    <div class="width-40">
        <div class="vision-text">
    <h3 class="title">Our Vision</h3>
    <p>
Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit.  Default model text, and a search for ‘lorem ipsum’ will uncover.
    </p>
    <br>
    <a href="#" class="btn btn-primary-border">Learn More</a>
    </div>
    </div>
</div>

Xpert Tabs Settings

This module is powered by our Xpert Tabs and here are the settings.

Module Position: header
Class Suffix: tabs nomargin nopadding

General Settings

Xpert settings

Module Settings

Xpert settings

Advance Settings

Xpert settings

Counter Module

Module Type: Custom HTML
Module Position: utility
Class Suffix: align-center counter hidden-phone
<div class="width-25">
    <div class="counter-wrapper">
        <span class="icon bc-anchor"></span>
        <h3>Awesome Themes</h3>
        <span class="counter">55</span>
    </div>
</div>

<div class="width-25">
    <div class="counter-wrapper">
        <span class="icon bc-tools-2"></span>
        <h3>Useful Extensions</h3>
        <span class="counter">17</span>
    </div>
</div>

<div class="width-25">
    <div class="counter-wrapper">
        <span class="icon bc-profile-male"></span>
        <h3>Team Members</h3>
        <span class="counter">22</span>
    </div>
</div>

<div class="width-25">
    <div class="counter-wrapper">
        <span class="icon bc-heart"></span>
        <h3>Loyal Clients</h3>
        <span class="counter">58711</span>
    </div>
</div>

Testimonial Module

We've used RokSprocket module to show Testimonial section.

Module Position: Testimonial
Class Suffix: testimonial align-center

Testimonial settings

Clients Module

Module Type: Custom HTML
Module Position: clients
Class Suffix: clients hidden-phone
<div class="width-20">
    <a href="#"><img src="/images/clients/img1.jpg" alt="" /></a>
</div>

<div class="width-20">
    <a href="#"><img src="/images/clients/img2.jpg" alt="" /></a>
</div>

<div class="width-20">
    <a href="#"><img src="/images/clients/img3.jpg" alt="" /></a>
</div>

<div class="width-20">
    <a href="#"><img src="/images/clients/img4.jpg" alt="" /></a>
</div>

<div class="width-20">
    <a href="#"><img src="/images/clients/img5.jpg" alt="" /></a>
</div>

Our Works/Xpert Gallery Settings

Data Center Page is powered by our Xpert Gallery and here are the settings.

Module Type: Xpert Gallery
Module Position: works
Class Suffix: align-center nopadding nomargin

General Settings

Xpert Gallery settings

Article Settings

Xpert Gallery settings

Advance Settings

Xpert Gallery settings


Module Type: Custom HTML
Module Position: Team
Class Suffix: team
<div class="width-33">
  <div class= "width-50 arrow-right">
    <img src="/images/team/img1.jpg" alt="" />
  </div>

  <div class= "width-50">
    <div class="details">
      <p>
        <span class="position">
          CEO
        </span>
      </p>
      <p>
        <span class="name">
          Parvez Akhter
        </span>
      </p>
      <ul class="social-icons clearfix">
        <li class="twitter">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-twitter">
            </i>
          </a>
        </li>
        <li class="facebook">
          <a href="http://www.facebook.com/ThemeXpert" target="_blank">
            <i class="bc-facebook">
            </i>
          </a>
        </li>
        <li class="gplus">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-googleplus">
            </i>
          </a>
        </li>
        <li class="lin">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-linkedin">
            </i>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="width-33">
  <div class= "width-50 arrow-right">
    <img src="/images/team/img2.jpg" alt="" />
  </div>

  <div class= "width-50">
    <div class="details">
      <p>
        <span class="position">
          COO
        </span>
      </p>
      <p>
        <span class="name">
          Shamim Choudhury
        </span>
      </p>
      <ul class="social-icons clearfix">
        <li class="twitter">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-twitter">
            </i>
          </a>
        </li>
        <li class="facebook">
          <a href="http://www.facebook.com/ThemeXpert" target="_blank">
            <i class="bc-facebook">
            </i>
          </a>
        </li>
        <li class="gplus">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-googleplus">
            </i>
          </a>
        </li>
        <li class="lin">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-linkedin">
            </i>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="width-33">
  <div class= "width-50 arrow-right">
    <img src="/images/team/img3.jpg" alt="" />
  </div>

  <div class= "width-50">
    <div class="details">
      <p>
        <span class="position">
          Developer
        </span>
      </p>
      <p>
        <span class="name">
          Moh. Musharrof
        </span>
      </p>
      <ul class="social-icons clearfix">
        <li class="twitter">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-twitter">
            </i>
          </a>
        </li>
        <li class="facebook">
          <a href="http://www.facebook.com/ThemeXpert" target="_blank">
            <i class="bc-facebook">
            </i>
          </a>
        </li>
        <li class="gplus">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-googleplus">
            </i>
          </a>
        </li>
        <li class="lin">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-linkedin">
            </i>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="width-33">

  <div class= "width-50">
    <div class="details">
      <p>
        <span class="position">
          Developer
        </span>
      </p>
      <p>
        <span class="name">
          Shuvo Musa
        </span>
      </p>
      <ul class="social-icons clearfix">
        <li class="twitter">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-twitter">
            </i>
          </a>
        </li>
        <li class="facebook">
          <a href="http://www.facebook.com/ThemeXpert" target="_blank">
            <i class="bc-facebook">
            </i>
          </a>
        </li>
        <li class="gplus">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-googleplus">
            </i>
          </a>
        </li>
        <li class="lin">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-linkedin">
            </i>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div class= "width-50 arrow-left">
    <img src="/images/team/img4.jpg" alt="" />
  </div>

</div>

<div class="width-33">

  <div class= "width-50">
    <div class="details">
      <p>
        <span class="position">
          Designer
        </span>
      </p>
      <p>
        <span class="name">
          Anamoul Rouf
        </span>
      </p>
      <ul class="social-icons clearfix">
        <li class="twitter">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-twitter">
            </i>
          </a>
        </li>
        <li class="facebook">
          <a href="http://www.facebook.com/ThemeXpert" target="_blank">
            <i class="bc-facebook">
            </i>
          </a>
        </li>
        <li class="gplus">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-googleplus">
            </i>
          </a>
        </li>
        <li class="lin">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-linkedin">
            </i>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div class= "width-50 arrow-left">
    <img src="/images/team/img5.jpg" alt="" />
  </div>

</div>

<div class="width-33">

  <div class= "width-50">
    <div class="details">
      <p>
        <span class="position">
          Technical Writer
        </span>
      </p>
      <p>
        <span class="name">
          Ahmed Eshaan
        </span>
      </p>
      <ul class="social-icons clearfix">
        <li class="twitter">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-twitter">
            </i>
          </a>
        </li>
        <li class="facebook">
          <a href="http://www.facebook.com/ThemeXpert" target="_blank">
            <i class="bc-facebook">
            </i>
          </a>
        </li>
        <li class="gplus">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-googleplus">
            </i>
          </a>
        </li>
        <li class="lin">
          <a href="http://www.twitter.com/ThemeXpert" target="_blank">
            <i class="bc-linkedin">
            </i>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div class= "width-50 arrow-left">
    <img src="/images/team/img6.jpg" alt="" />
  </div>

</div>