Sandbox - Content menus

<nav>
    <ul>
        <li>
            <a href="#">
                <img src="path/to/image.ext" alt="lorem" />
                <span>Lorem</span>
            </a>
        </li>
        <li>
            <a href="#">
                <i class="fa fa-iconName"></i>
                <span>Lorem</span>
            </a>
        </li>
        ...
    </ul>
</nav>

<div class="accordion-container">
    <div id="" class="multiple-accordion"> // single-accordion
        <span class="accordion-trigger">...</span>
        <div class="accordion-content">...</div>
    </div>
    <div id="" class="multiple-accordion"> // single-accordion
        <span class="accordion-trigger">...</span>
        <div class="accordion-content">...</div>
    </div>
</div>

<div class="tabs-container">
    <nav id="lorem" class="tabs-nav">
        <ul>
            <li><a href="#" data-tabs="" data-target="target_01_panel">...</a></li>
            <li><a href="#" data-tabs="" data-target="target_02_panel">...</a></li>
        </ul>
    </nav>
    <div id="target_01_panel" class="tabs tabs-animation">
        <div class="content-panel">...</div>
    </div>
    <div id="target_02_panel" class="tabs tabs-animation">
        <div class="content-panel">...</div>
    </div>
</div>

<div class="wizard-container">
    <nav id="lorem" class="wizard-header">
        <ul>
            <li><a href="#">...</a></li>
            <li><a href="#">...</a></li>
        </ul>
    </nav>
    <div class="wizard-navigator"></div>
    <div class="wizard-step">...</div>
    <div class="wizard-step">...</div>
</div>