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>