Home v2

Home v2 of Unicase is built using Visual Composer.It has 7 rows. The Visual Composer Backend editor of the page look like this

Row 1

• It has one element
• Revolution Slider : Here i pasted a Revolution Slider Setting Page image.

Row 2

• It has three columns in ratio 1/3 : 1/3 : 1/3.
• All the columns has Banner Setting .
• Column 1: Click on Add button and add Text Block under Content. Edit the text block and add this code :
  
  

<div style="color: #fff; text-transform: capitalize; background-color: #abd07e; text-align: center; padding: 24px 20px 20px 20px;">
    <h1 style="font-size: 28px; font-weight: 100; margin-top: 0;"><i class="fa fa-money" style="padding-right: 10px;"></i> Money <strong>Back</strong></h1>
    <p style="font-size: 14px; text-align: center; letter-spacing: -0.2px;">30 Days Money Back Guarantee</p>
</div>

• Column 2: Click on Add button and add Text Block under Content. Edit the text block and add this code :
  
  

<div style="color: #fff; text-transform: capitalize; background-color: #ff8787; text-align: center; padding: 24px 20px 20px 20px;">
    <h1 style="font-size: 28px; font-weight: 100; margin-top: 0;"><i class="fa fa-car" style="padding-right: 10px;"></i> <strong>Free</strong> Shipping</h1>
    <p style="font-size: 14px; text-align: center; letter-spacing: -0.2px;">Free Shipping – On above $600.00</p>
</div>

• Column 3:Click on Add button and add Text Block under Content. Edit the text block and add this code :
  
  

<div style="color: #fff; text-transform: capitalize; background-color: #70c6ed; text-align: center; padding: 24px 20px 20px 20px;">
    <h1 style="font-size: 28px; font-weight: 100; margin-top: 0;"><i class="fa fa-gift" style="padding-right: 10px;"></i> Money <strong>Back</strong></h1>
    <p style="font-size: 14px; text-align: center; letter-spacing: -0.2px;">Sale Up To 35% Off For Dec 2014</p>
</div>

Row 3

• It has one element
• Product Tabs Carousel : Here i pasted a Product Tabs Carousel Setting Page image.

Row 4

• It has two columns in ratio 7/12 : 5/12.
• Both the columns has Banner Setting .
• Column 1: Click on Add button and add Banner under Unicase Elements. Edit the banner caption and add this code :
  
  

<h3>Apple Store</h3>
<h2>Macbook</h2>

• Column 2: Click on Add button and add Banner under Unicase Elements. Edit the banner caption and add this code :
  
  

<h3>New Trend</h3>
<h2>Watch Phone</h2>

Row 5

• It has one element
• Products Carousel : Here i pasted a Products Featured Carousel Setting Page image.

Row 6

• It has one element
• Products Carousel : Here i pasted a Products Best Seller Carousel Setting Page image.

Row 7

• It has one element
• Blog Carousel : Here i pasted a Blog Carousel Setting Page image.