Secondary Nav

<div class="grid-container">

    <div class="column-full">
        <h2 class="h2" style="color: #999999;">Duis mollis</h2>
    </div>

    <div class="grid-row">
        <div class="column-two-thirds" style="color: #999999;">
            <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Sed posuere consectetur est at lobortis. Vivamus
                sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
            <p>Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
        </div>

        <div class="column-one-third">

            <!-- component starts -->
            <div class="secondary-nav">
                <h4 class="h4 secondary-nav-title">Related links</h4>
                <ul class="list">
                    <li><a href="#">Ipsum Fringilla Sem</a></li>
                    <li><a href="#">Malesuada Amet Cras Pellentesque</a></li>
                    <li><a href="#">Lorem Inceptos</a></li>
                    <li><a href="#">Cursus Condimentum Ridiculus</a></li>
                </ul>
            </div>
            <!-- component ends -->

        </div>
    </div>

</div>