Showcase Code:

<div class="custom-block custom-img hidden-xs">

<div class="row">
<div class="col-md-3 col-lg-3 col-sm-3 col-xs-12"><a title="custom 1" href="#">
<img src="{{media url="wysiwyg/staticblock/img-baner1.jpg"}}" alt="" />
</a></div>
<div class="col-md-3 col-lg-3 col-sm-3 col-xs-12"><a title="custom 2" href="#">
<img src="{{media url="wysiwyg/staticblock/img-baner2.jpg"}}" alt="" />
</a></div>
<div class="col-md-3 col-lg-3 col-sm-3 col-xs-12"><a title="custom 2" href="#">
<img src="{{media url="wysiwyg/staticblock/img-baner3.jpg"}}" alt="" />
</a></div>
<div class="col-md-3 col-lg-3 col-sm-3 col-xs-12"><a title="custom 2" href="#">
<img src="{{media url="wysiwyg/staticblock/img-baner4.jpg"}}" alt="" />
</a></div>
</div>
</div>

Content
<div class="custom-banner hidden-sm hidden-xs">
<div class="pull-left"><a title="" href="#"> <img src="{{media
url="wysiwyg/staticblock/img-baner11.jpg"}}" alt="" /> </a></div>
<div class="pull-right"><a title="" href="#"> <img src="{{media
url="wysiwyg/staticblock/img-baner12.jpg"}}" alt="" /> </a></div>
</div>

Mass Bottom
<div class="custom-banner custom-img hidden-xs"><a title="" href="#"> <img
src="{{media url="wysiwyg/staticblock/img-baner16.png"}}" alt="" />
</a></div>

Mass Bottom1
<div class="custom-abs">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"><em class="fa fa-truck"></em>
<h2><a title="" href="#">FREE SHIPPING</a></h2>
<span>On orders ovep $99</span></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"><em class="fa fadropbox"></em>
<h2><a title="" href="#">SPECIAL GIFT CARDS</a></h2>
<span>Give the perfect gift</span></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"><em class="fa fa-calendaro"></em>
<h2><a title="" href="#">DAILY PROMOTION</a></h2>
<span>Sed ut perspiciatis unde </span></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"><em class="fa fa-commentso"></em>
<h2><a title="" href="#">24/7 CUSTOMER</a></h2>
<span>Hours: 14.0987 654 320</span></div>
</div>
</div>

Footer Top

{{block type="cms/block" block_id="contact-info"}}

{{block type="newsletter/subscribe" name="left.newsletter"
template="newsletter/custom_subscribe-hitech.phtml"}}
{{block type="cms/block" block_id="social-link"}}
Footer Center
<div class="custom-footer-links">

<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<h3>latest from blog</h3>
<ul class="custom-links">
<li><em class="fa fa-stop"></em><a title="Proin gravida nibh" href="#">Proin
gravida nibh</a></li>
<li><em class="fa fa-stop"></em><a title="Duis cursus" href="#">Duis
cursus</a></li>
<li><em class="fa fa-stop"></em><a title="Morbi accumsan ipsum"
href="#">Morbi accumsan ipsum</a></li>
<li><em class="fa fa-stop"></em><a title="Nam cidunt auctor" href="#">Nam
cidunt auctor</a></li>
<li><em class="fa fa-stop"></em><a title="Sed mauris consequat"
href="#">Sed mauris consequat</a></li>
<li><em class="fa fa-stop"></em><a title="Mauris erat" href="#">Mauris
erat</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<h3>informations</h3>
<ul class="custom-links">
<li><em class="fa fa-stop"></em><a title="About Us" href="#">About
Us</a></li>
<li><em class="fa fa-stop"></em><a title="Jobs" href="#">Jobs</a></li>
<li><em class="fa fa-stop"></em><a title="Affiliates"
href="#">Affiliates</a></li>
<li><em class="fa fa-stop"></em><a title="Contact"
href="#">Contact</a></li>
<li><em class="fa fa-stop"></em><a title="Newsletter"
href="#">Newsletter</a></li>

<li><em class="fa fa-stop"></em><a title="Blog" href="#">Blog</a></li>

</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<h3>service &amp; support</h3>
<ul class="custom-links">
<li><em class="fa fa-stop"></em><a title="About Us" href="#">About
Us</a></li>
<li><em class="fa fa-stop"></em><a title="Contact Us" href="#">Contact
Us</a></li>
<li><em class="fa fa-stop"></em><a title="Terms &amp; Conditions"
href="#">Terms &amp; Conditions</a></li>
<li><em class="fa fa-stop"></em><a title="Privacy Policy" href="#">Privacy
Policy</a></li>
<li><em class="fa fa-stop"></em><a title="Orders and Returns"
href="#">Orders and Returns</a></li>
<li><em class="fa fa-stop"></em><a title="Site Map" href="#">Site
Map</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<h3>about store</h3>
<p>Duis at nisl quis quam condimentum pulvar.<br />Quisque euismod convallis
eros, quis lacinia<br />enim rhoncus sed.</p>
<br />
<ul class="contacts">
<li class="first"><span>Phone: +01 888 (000) 1234</span></li>
<li class="last"><span>Email: info@venustheme.com</span></li>
</ul>

</div>
</div>
</div>