<div class="row">
<div class="col-sm-12 text-center">
<h2>Start a conversation.</h2>

<p class="lead">Browse and connect with employers from all over the world.</p>
</div>
</div>

<div class="row">
<div class="col-sm-8 col-sm-offset-2 col-xs-12 text-center-xs">
<form class="form--merge" method="post"><input class="col-md-8 col-sm-7" name="search" placeholder="Search keywords, places, businesses etc." type="search" /><button class="col-md-4 col-sm-5 btn btn--primary" type="submit">Start Exploring</button></form>
</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/4QUVRm4UZA4?autoplay=1"></iframe></div>
<!--end of modal-content--></div>
<!--end of modal-container--></div>
<!--end of modal instance--></div>
</div>
