<div class="dark-bg row">
	<!-- this is a variation of scrollable tabs molecule: molecules-scrollable-tabs -->
	<div class="scrollable-tabs col-xl-6 col-lg-12 no-padding">
		<a href="javascript:;" class="scroll-link scroll-link--prev"><span>Previous</span></a>
		<div class="tabs-wrapper">
			<ul class="tabs">
				<li class="active"><a href="javascript:;">Profile</a></li>
				<li><a href="#performance">Performance</a></li>
				<li><a href="#yields">Yields</a></li>
				<li><a href="#fees">Fees</a></li>
				<li><a href="#performance">Performance</a></li>
				<li><a href="#yields">Yields</a></li>
				<li><a href="#fees">Fees</a></li>
				<li><a href="#performance">Performance</a></li>
				<li><a href="#yields">Yields</a></li>
				<li><a href="#fees">Fees</a></li>
			</ul>
		</div>
		<a href="javascript:;" class="scroll-link scroll-link--next"><span>Next</span></a>
	</div>
	<div class="col-xl-6 col-lg-12 hide-lg table-actions">
		<div class="row">
			{{ render "atoms/global/space" space=4 }}
		</div>
		<div class="row">
			<a href="javascript:;" class="pull-right lk-icon">
				<i class="icon-inline icons-download-small aux-v-align-middle"></i> <span>Download All Data (Excel, 124KB)</span>
			</a>
			<a href="javascript:;" class="pull-right lk-icon">
				<span>View all fund documents</span> <i class="icon-inline icons-internal-link"></i>
			</a>
		</div>
	</div>
</div>
{{ render "atoms/global/space" space=5 }}
