<div class="row">
<div class="col-sm-6 text-right text-center-xs"><img alt="Pillar" class="logo" src="/sites/default/files/images/logo-large-light.png" /></div>

<div class="col-sm-6 text-center-xs">
<p class="lead">A beautiful collection of<br />
hand-crafted web components</p>
</div>
</div>

<div class="row">
<div class="col-sm-12 text-center">
<div class="modal-instance modal-video-1"><a class="btn btn--primary modal-trigger" href="#"><span class="btn__text">► &nbsp; Watch The Overview </span> </a>

<div class="modal-container">
<div class="modal-content bg-dark" data-height="80%" data-width="100%"><iframe allowfullscreen="allowfullscreen" src="https://player.vimeo.com/video/165428278?autoplay=1"></iframe></div>
<!--end of modal-content--></div>
<!--end of modal-container--></div>
<!--end of modal instance--></div>
</div>

<div class="col-sm-12 pos-absolute pos-bottom">
<div class="row">
<div class="col-sm-12 text-center">
<ul class="social-list">
	<li><a href="#"><i class="socicon-twitter">&nbsp;</i> </a></li>
	<li><a href="#"><i class="socicon-dribbble">&nbsp;</i> </a></li>
	<li><a href="#"><i class="socicon-vimeo">&nbsp;</i> </a></li>
	<li><a href="#"><i class="socicon-instagram">&nbsp;</i> </a></li>
</ul>
</div>
</div>
</div>

