Sidebar Quicklinks

Markup

<div class="well-block quick-links">

	<h3>Tool Bar Style One Displays Links.</h3>

	<div class="content-wrap">
		<ul>
			<li>
				<a href="#">
					Business Line Quick Link
					<i class="icon icon-arrow">
			        	<svg><use xlink:href="img/spritemap.svg#icon-arrow-right"></use><svg>
			        </i>
				</a>
			</li>
			<li>
				<a href="#">
					Quick Link
					<i class="icon icon-arrow">
			        	<svg><use xlink:href="img/spritemap.svg#icon-arrow-right"></use><svg>
			        </i>
				</a>
			</li>
			<li>
				<a href="#">
					Another Quick Link
					<i class="icon icon-arrow">
			        	<svg><use xlink:href="img/spritemap.svg#icon-arrow-right"></use><svg>
			        </i>
				</a>
			</li>
			<li>
				<a href="#">
					Another Business Line
					<i class="icon icon-arrow">
			        	<svg><use xlink:href="img/spritemap.svg#icon-arrow-right"></use><svg>
			        </i>
				</a>
			</li>
		</ul>
	</div>

	<!-- Do not implement this link -->
	<a href="/inc/modules/?module=sidebar-quicklinks" class="module-link">
		<i class="icon info-icon">i</i>
		<span class="tool-tip">Sidebar Quicklinks</span>
	</a>
	<!-- Do not implement this link -->

</div>

Used highlight important related links to content or actions. This should be the default if other tools aren’t needed.