NEW Quix 1.7 & The New Smart Tabs Element Has Arrived With New Typography Control. Learn More

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.

Complimentary Extensions
Optional

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

Parallax Slider Settings

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

Module Position: slider

Parallax Slider settings

Domain Search Module

Module Type: Custom HTML
Module Position: Domain-Search
Class Suffix: .domain-search
<form class="form-inline wow animation-slide-bottom">
<span class="check-domain">CHECK YOUR DOMAIN</span> <input type="text" placeholder="type your domain">

<select>
  <option>.com</option>
  <option>.net</option>
  <option>.org</option>
</select>
  <a href="#" class="btn btn-primary"> Search</a>
</form>

Awesome Features Module

Module Type: Custom HTML
Module Position: Header
Class Suffix: .awesome-features

<div class="width-33">
<div class="feature-wrapper wow animation-fade animated">

<img src="/images/awesome-features/arrow.png" alt="" />
<h3>EASY TO MANAGE</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

</div>
</div>

<div class="width-33">
<div class="feature-wrapper wow animation-fade animated" data-wow-delay="0.1s">

<img src="/images/awesome-features/platform.png" alt="" />
<h3>VARIOUS PLATFORM</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

</div>
</div>

<div class="width-33">
<div class="feature-wrapper wow animation-fade animated" data-wow-delay="0.3s">

<img src="/images/awesome-features/boost.png" alt="" />
<h3>SSD TO BOOST</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

</div>
</div>

<div class="width-33">
<div class="feature-wrapper wow animation-fade animated" data-wow-delay="0.5s">

<img src="/images/awesome-features/goal.png" alt="" />
<h3>CONSOLE ACCESS</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

</div>
</div>

<div class="width-33">
<div class="feature-wrapper wow animation-fade animated" data-wow-delay="0.7s">

<img src="/images/awesome-features/support.png" alt="" />
<h3>FRIENDLY SUPPORT</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

</div>
</div>

<div class="width-33">
<div class="feature-wrapper wow animation-fade animated" data-wow-delay="0.9s">

<img src="/images/awesome-features/chart.png" alt="" />
<h3>LIMITLESS BANDWIDTH</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

</div>
</div>

Why Hostx Module

Module Type: Custom HTML
Module Position: utility-1
Class Suffix: .why

<div class="width-50 promo-video">

<!--Modal Image-->
<a href="#promo-video-modal"  data-toggle="modal">
<img src="/images/demo-contents/video.jpg" alt="" />
</a> 

<!-- Modal -->
<div id="promo-video-modal" class="modal hide fade align-center" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-body">
<iframe width="500" height="350" src="//www.youtube.com/embed/Bx871r7oKcs" frameborder="0" allowfullscreen></iframe>
</div>

</div>
</div>

<div class="width-50">
    <div class="why-point-wrapper wow animation-slide-bottom" data-wow-delay="0.5s">
        <img src="/images/why-points/settings.png" alt="" />
        <h3>Powerful Management Tools</h3>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
    </div>

    <div class="why-point-wrapper wow animation-slide-bottom" data-wow-delay="0.8s">
        <img src="/images/why-points/chat.png" alt="" />
        <h3>24/7 Support</h3>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
    </div>

    <div class="why-point-wrapper wow animation-slide-bottom" data-wow-delay="1s">
        <img src="/images/why-points/money.png" alt="" />
        <h3>Cost Effective</h3>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
    </div>

</div>

Pricing Table Module

We've used Xpert Tabs with Custom HTML modules to show Pricing Table section.

Module Position: Pricing Table

Xpert Tabs settings

Testimonial Module

We've used RokSprocket module to show Testimonial section.

Module Position: Feature
Class Suffix: .align-center

Testimonial settings

Precious Clients Module

Module Type: Custom HTML
Module Position: main-top
Class Suffix: .align-center
<div class="clients-wrapper clearfix">
    <div class="width-20">
    <img src="/images/clients/img1.png" alt="" />
</div>

<div class="width-20 wow animation-slide-bottom animated" data-wow-delay="0.2s">
    <img src="/images/clients/img2.png" alt="" />
</div>

<div class="width-20 wow animation-slide-bottom animated" data-wow-delay="0.5s">
    <img src="/images/clients/img3.png" alt="" />
</div>

<div class="width-20 wow animation-slide-bottom animated" data-wow-delay="0.8s">
    <img src="/images/clients/img4.png" alt="" />
</div>

<div class="width-20 wow animation-slide-bottom animated" data-wow-delay="1.1s">
    <img src="/images/clients/img5.png" alt="" />
</div>
</div>

Support Module

Module Type: Custom HTML
Module Position: support
Class Suffix: .support .align-center

<a class="btn btn-primary wow animation-fade" href="/index.php/blog">VIEW BLOG POSTS</a>

<div class="clearfix">

    <div class="width-33">
<div class="support-wrapper">

<img src="/images/support/chat.png" alt="" />
<h3>CHAT SUPPORT</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

</div>
</div>

<div class="width-33">
<div class="support-wrapper wow animation-slide-bottom" data-wow-delay="0.2s">

<img src="/images/support/forum.png" alt="" />
<h3>FORUM SUPPORT</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

</div>
</div>

<div class="width-33">
<div class="support-wrapper wow animation-slide-bottom" data-wow-delay="0.5s">

<img src="/images/support/quick.png" alt="" />
<h3>QUICK SUPPORT</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

</div>
</div>

</div>

Data Center Page/Xpert Gallery Settings

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

Module Position: call-to-action

Xpert Gallery settings