<div data-grid="col-12" class="m-page-bar" id="in-page">
<div>
<div>
<div class="context-menu">
<h3 class="c-heading-6">Heading</h3>
<ul class="c-list f-bare">
<li>
<a href="#" class="c-hyperlink">Hyperlink</a>
</li>
<li>
<a href="#" class="c-hyperlink">Hyperlink</a>
</li>
<li>
<a href="#" class="c-hyperlink">Hyperlink</a>
</li>
<li>
<a href="#" class="c-hyperlink">Hyperlink</a>
</li>
</ul>
<div class="c-select-menu">
<a href="#" role="button" aria-expanded="false">Hyperlink list</a>
<ul id="hyperlink-list-1" role="menu" class="c-menu" aria-hidden="true">
<li class="c-menu-item" role="presentation">
<a aria-checked="true" role="menuitem" href="#">Hyperlink</a>
</li>
<li class="c-menu-item" role="presentation">
<a aria-checked="false" role="menuitem" href="#">Hyperlink</a>
</li>
<li class="c-menu-item" role="presentation">
<a aria-checked="false" role="menuitem" href="#">Hyperlink</a>
</li>
<li class="c-menu-item" role="presentation">
<a aria-checked="false" role="menuitem" href="#">Hyperlink</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<a href="#" class="c-call-to-action c-glyph">
<span>CALL TO ACTION</span>
</a>
</div>
</div>
<div itemscope itemtype="https://schema.org/Product" data-grid="col-12" class="m-page-bar f-hidden" id="buy-box">
<div>
<div>
<div>
<h3 class="c-heading-6">Heading - Subheading</h3>
</div>
<div>
<a href="#" class="c-hyperlink">Hyperlink</a>
</div>
</div>
</div>
<div>
<a href="#" class="c-call-to-action c-glyph">
<span>CALL TO ACTION</span>
</a>
<div class="c-price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="USD">
<span>$</span>
<span itemprop="price">1,000</span>
<link itemprop="availability" href="http://schema.org/InStock">
</div>
</div>
</div>
<div data-grid="col-12" class="m-page-bar" id="link-nav">
<div>
<div>
<div class="context-menu">
<h3 class="c-heading-6">Heading</h3>
<ul class="c-list f-bare">
<li>
<a href="#" class="c-hyperlink">Hyperlink</a>
</li>
<li>
<a href="#" class="c-hyperlink">Hyperlink</a>
</li>
<li>
<a href="#" class="c-hyperlink">Hyperlink</a>
</li>
<li>
<a href="#" class="c-hyperlink">Hyperlink</a>
</li>
</ul>
<div class="c-select-menu">
<a href="#" role="button" aria-expanded="false">Hyperlink list</a>
<ul id="hyperlink-list-1" role="menu" class="c-menu" aria-hidden="true">
<li class="c-menu-item" role="presentation">
<a aria-checked="true" role="menuitem" href="#">Hyperlink</a>
</li>
<li class="c-menu-item" role="presentation">
<a aria-checked="false" role="menuitem" href="#">Hyperlink</a>
</li>
<li class="c-menu-item" role="presentation">
<a aria-checked="false" role="menuitem" href="#">Hyperlink</a>
</li>
<li class="c-menu-item" role="presentation">
<a aria-checked="false" role="menuitem" href="#">Hyperlink</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<a href="#" class="c-call-to-action c-glyph">
<span>CALL TO ACTION</span>
</a>
</div>
</div>