# Matter Documentation

# Homepage

### Full Width Layout

### Homepage variation

There are 4 types of Homepage variation in our bundle pack. You can use any one. Just rename the file name and write "index.html"

### Homepage Color variation

In our package we arrange 12 color preset. You can use which one you like. For using one of these colors you have to add only one line code in `head` section.

`<link rel="alternate stylesheet" type="text/css" media="screen" title="mblue" href="assets/css/presets/mblue.css" />`

`<link rel="alternate stylesheet" type="text/css" media="screen" title="blue" href="assets/css/presets/blue.css" />`

`<link rel="alternate stylesheet" type="text/css" media="screen" title="green" href="assets/css/presets/green.css" />`

`<link rel="alternate stylesheet" type="text/css" media="screen" title="red" href="assets/css/presets/red.css" />`

# Slider

To change the slider images and text just find `carousel-inner` and then find `item`. From there you can change slider image and text.

# Service Section

There are two types of service variation in our package. Service variations are:

### Service

<div class="col-md-3 text-center wow fadeInUp" data-wow-offset="10"> <div class="service"> <i class="f-icon ma-Select"></i> <div class="service-text"> <h2>Easy to Customize</h2> <p> I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now </p> </div> </div> </div>

### Team Member

Here is our Team Member code.

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 wow fadeInUpQuick" data-wow-delay="0s"> <div class="team-member"> <div class="face"> <img src="assets/img/team/img1.jpg" alt=""> <div class="overlay"></div> </div> <div class="member-info"> <h3> M. Musharrof </h3> <h4> Frontend Developer </h4> <div class="social-team"> <a href="#" class="social"> <i class="fa fa-twitter"> </i> </a> <a href="#" class="social"> <i class="fa fa-facebook"> </i> </a> <a href="#" class="social"> <i class="fa fa-google-plus"> </i> </a> <a href="#" class="social"> <i class="fa fa-git"> </i> </a> </div> </div> </div> </div>

### clients

Here is our clients code.

<div class="item"> <div class="testimonial wow fadeIn" data-wow-delay="0.3s"> <p class="testimonial-text"> <i class="fa fa-quote-left fa-2x"> </i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate eu pharetra nec, mattis ac neque. Duis vulputate commodo lectus, ac blandit elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate eu pharetra nec, mattis ac neque </p> <br> <div class="testimonial-arrow"></div> <img src="assets/img/testimonial/img1.jpg" alt=""> <span class="name"> Joydeep Sen </span> <span class="company"> EstatEarth </span> </div> </div>

### Thank You

Once again, thank you so much for purchasing this theme. I'd be glad to help you if you have any questions relating to this theme. If you have a more general question relating to the themes, feel free to ask on our forum http://wingthemes.com/support or mail support[at]wingthemes.com