# Linked Heading And List

- Documentation
- Questions or comments?

## Purpose

This structure is not supported. A combination of the list and lone heading pattern. This will not render properly in the menu panel, as the heading link will not be clickable.

## Code

    <footer role="contentinfo" id="wb-info" class="visible-sm visible-md visible-lg wb-navcurr">
    	<div class="container">
    		<nav role="navigation" class="row">
    			<h2>Example Footer</h2>
    			<section class="col-sm-4">
    				<h3><a href="#">Heading 1</a></h3>
    				<ul class="list-unstyled">
    					<li><a href="#">List Element 1.1</a></li>
    					<li><a href="#">List Element 1.2</a></li>
    				</ul>
    			</section>
    			<section class="col-sm-4">
    				<h3><a href="#">Heading 2</a></h3>
    				<ul class="list-unstyled">
    					<li><a href="#">List Element 2.1</a></li>
    					<li><a href="#">List Element 2.2</a></li>
    				</ul>
    			</section>
    			<section class="col-sm-4">
    				<h3><a href="#">Heading 3</a></h3>
    				<ul class="list-unstyled">
    					<li><a href="#">List Element 3.1</a></li>
    					<li><a href="#">List Element 3.2</a></li>
    				</ul>
    			</section>
    		</nav>
    	</div>
    </footer>

Date modified:
  2018-08-06