The belt is made from two chunk types: a custom inline list and a social media list. It appears after the main content and before the global footer.
Add to your belt
Social social media list example
Show/hide markup
<div class="invert border">
<ul class="social">
<li><a class="icon-twitter" href="#">Twitter</a></li>
<li><a class="icon-facebook" href="#">Facebook</a></li>
<li><a class="icon-instagram" href="#">Instagram</a></li>
<li><a class="icon-youtube" href="#/iu">YouTube</a></li>
<li><a class="icon-linkedin" href="#">LinkedIn</a></li>
<li><a class="icon-googleplus" href="#">Google Plus</a></li>
</ul>
</div>
Full belt example
Show/hide markup
<div class="section bg-mahogany bg-dark belt">
<div class="row pad">
<div class="one-half belt-nav">
<ul class="inline">
<li><a href="#">Test Link</a></li>
<li><a href="#">Test Link 2</a></li>
</ul>
</div>
<div class="one-half">
<div class="invert border">
<ul class="social">
<li><a class="icon-twitter" href="#">Twitter</a></li>
<li><a class="icon-facebook" href="#">Facebook</a></li>
<li><a class="icon-instagram" href="#">Instagram</a></li>
<li><a class="icon-youtube" href="#/iu">YouTube</a></li>
<li><a class="icon-linkedin" href="#">LinkedIn</a></li>
<li><a class="icon-googleplus" href="#">Google Plus</a></li>
</ul>
</div>
</div>
</div>
</div>