<div?class="public-container?index-panel">
????<div?class="index-panel-header?clearfloat">
????????<h3>The?Gallery</h3>
????????<div?class="line"></div>
????</div>
????<div?class="index-panel-body?index-pics">
????????<a?class="pic-col?pic-col-m"><img?src="img/demo6.jpg"?alt=""></a>
????????<div?class="pic-col?pic-col-s">
????????????<a?class="pic-row"><img?src="img/demo7.jpg"?alt=""></a>
????????????<a?class="pic-row"><img?src="img/demo8.jpg"?alt=""></a>
????????</div>
????????<a?class="pic-col?pic-col-l"><img?src="img/demo9.jpg"?alt=""></a>
????</div>
</div>

<div?class="public-footer">
????<div?class="public-container">
????????<div?class="footer-col">
????????????<p>New?York?Restaurant<br>
????????????????3926?Anmoore?Road
????????????????<br>New?York,?NY?10014<br><a?class="footer-tel"?herf="tel:
?????????????????????????????????????????????718-749-1714">
????????????????718-749-1714</a>
????????????</p>
????????</div>
????????<div?class="footer-col">
????????????<p>France?Restaurant<br>
????????????????68,?rue??de?la?Couronne<br>
????????????????75002?PARIS<br>
????????????????02.94.23.69.56</p>
????????</div>
????????<div?class="footer-col">
????????????<a?href="">Blog</a>
????????????<a?href="">
????????????????Careers</a>
????????????<a?href="">
????????????????Privacy?Policy</a>
????????????<a>
????????????????Contact</a>
????????</div>
????????<div?class="footer-col">
????????????<div?class="footer-logo"></div>
????????????<div?class="footer-info">??All?Rights?Reserved?2014.<br>
????????????????Find??More?at?Pixelhint.com</div>
????????</div>
????</div>
</div>

.index-pics{
????height:380px;
????overflow:hidden;
}

.index-pics?.pic-col{
????float:left;
}

.index-pics?.pic-col-m{
????width:353px;
}

.index-pics?.pic-col-s{
????width:287px;
}

.index-pics?.pic-col-l{
????width:460px;
}