Basic Usage

<footer class="footer-green ">
    <section class="footer-address">
        <img src="/ndsu-web-template/images/NDSU-twolines-small.png" alt="North Dakota State University" />
        <div class="address">
            <h6>University Relations</h6>
            North Dakota State University<br> Old Main 204<br> Dept 6000 PO Box 6050<br> Fargo, ND 58108-6050<br>
            <br>
            <a href="tel:17012311068"><span class="sr-only">Phone: </span>+1 (701) 231-1068</a><br>
            <a href="fax:17012311989">Fax: +1 (701) 231-1068</a>
        </div>
    </section>
</footer>

Color

<footer class="footer-dark ">
    <section class="footer-address">
        <img src="/ndsu-web-template/images/NDSU-twolines-small.png" alt="North Dakota State University" />
        <div class="address">
            <h6>University Relations</h6>
            North Dakota State University<br> Old Main 204<br> Dept 6000 PO Box 6050<br> Fargo, ND 58108-6050<br>
            <br>
            <a href="tel:17012311068"><span class="sr-only">Phone: </span>+1 (701) 231-1068</a><br>
            <a href="fax:17012311989">Fax: +1 (701) 231-1068</a>
        </div>
    </section>
</footer>

Alignment

<footer class="footer-green footer-left">
    <section class="footer-address">
        <img src="/ndsu-web-template/images/NDSU-twolines-small.png" alt="North Dakota State University" />
        <div class="address">
            <h6>University Relations</h6>
            North Dakota State University<br> Old Main 204<br> Dept 6000 PO Box 6050<br> Fargo, ND 58108-6050<br>
            <br>
            <a href="tel:17012311068"><span class="sr-only">Phone: </span>+1 (701) 231-1068</a><br>
            <a href="fax:17012311989">Fax: +1 (701) 231-1068</a>
        </div>
    </section>
</footer>

Side Navigation

<footer class="footer-green footer-left">
    <section class="footer-address">
        <img src="/ndsu-web-template/images/NDSU-twolines-small.png" alt="North Dakota State University" />
        <div class="address">
            <h6>University Relations</h6>
            North Dakota State University<br> Old Main 204<br> Dept 6000 PO Box 6050<br> Fargo, ND 58108-6050<br>
            <br>
            <a href="tel:17012311068"><span class="sr-only">Phone: </span>+1 (701) 231-1068</a><br>
            <a href="fax:17012311989">Fax: +1 (701) 231-1068</a>
        </div>
    </section>
    <div class="footer-links">
        <div class="nav-box">
            <h5>Quick Links</h5>
            <ul class="navbar navbar-left navbar-vertical">
                <li class="nav-item"><a class="nav-link" href="link1/" title="NDSU at a glance">Link 1</a></li>
                <li class="nav-item"><a class="nav-link" href="link2/" title="Academic programs (majors)">Link 2</a></li>
                <li class="nav-item"><a class="nav-link" href="link3/" title="Office of Admission">Link 3</a></li>
                <li class="nav-item"><a class="nav-link" href="link4/" title="Bison Athletics">Link 4</a></li>
            </ul>
        </div>
    </div>
</footer>
<footer class="footer-dark footer-left">
    <section class="footer-address">
        <img src="/ndsu-web-template/images/NDSU-twolines-small.png" alt="North Dakota State University" />
        <div class="address">
            <h6>University Relations</h6>
            North Dakota State University<br> Old Main 204<br> Dept 6000 PO Box 6050<br> Fargo, ND 58108-6050<br>
            <br>
            <a href="tel:17012311068"><span class="sr-only">Phone: </span>+1 (701) 231-1068</a><br>
            <a href="fax:17012311989">Fax: +1 (701) 231-1068</a>
        </div>
    </section>
    <div class="footer-links">
        <div class="nav-box">
            <h5>Quick Links</h5>
            <ul class="navbar navbar-left navbar-vertical">
                <li class="nav-item"><a class="nav-link" href="link1/" title="NDSU at a glance">Link 1</a></li>
                <li class="nav-item"><a class="nav-link" href="link2/" title="Academic programs (majors)">Link 2</a></li>
                <li class="nav-item"><a class="nav-link" href="link3/" title="Office of Admission">Link 3</a></li>
                <li class="nav-item"><a class="nav-link" href="link4/" title="Bison Athletics">Link 4</a></li>
            </ul>
        </div>
    </div>
</footer>