<div class="row">
<div class="col-md-6 text-right col-sm-12 text-center-md text-center-xs">
<h1>Handcrafted<br />
For Startups</h1>
</div>

<div class="col-md-6 col-sm-12 text-center-md">
<p class="lead">Pillar is a robust collection of<br />
components for front-end creation.</p>
</div>
</div>

<div class="row">
<div class="col-sm-8 col-sm-offset-2 col-xs-12 text-center-xs">
[block:pillar_search]
</div>
</div>
<!--end row-->

<div class="row">
<div class="col-sm-12 text-center"><span class="h6">How Does Pillar Work?</span>

<div class="modal-instance modal-video-1"><a class="btn 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="60%" data-width="70%"><iframe allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/Fy9s01T30uo?autoplay=1"></iframe></div>
<!--end of modal-content--></div>
<!--end of modal-container--></div>
<!--end of modal instance--></div>
</div>
