<div class="slick-slider-wrapper">

	<div class="slick-header">
		<span class="slick-title"> Album Title </span>

		<a href="#" class="slick-close-icon">
			<svg width="33px" height="33px" >
				<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0" y1="33" x2="33" y2="0"/>
				<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33" y1="33" x2="0" y2="0"/>
			</svg>		
		</a>
	</div>

	<div class="slick-slides">
		<!-- Slides go here  -->
	</div>

	<div class="slick-footer">

		<!-- float right - reverse order -->
		<div class="footer-box gallery-full-screen">
			<a href="#" class="slick-icon slick-full-screen">
				<svg width="17px" height="17px" >
					<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
					12.239,0.5 16.5,0.5 16.5,4.761 	"/>
					<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="16.5" y1="0.5" x2="10.109" y2="6.891"/>
					<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
					0.5,12.239 0.5,16.5 4.761,16.5 	"/>
					<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.5" y1="16.5" x2="6.891" y2="10.109"/>
				</svg>					
			</a>

			<a href="#" class="slick-icon slick-minimize is-hidden">
				<svg width="15.984px" height="16px">
					<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="8.514,3.23 
					8.514,7.492 12.774,7.492 "/>
					<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="9.094" y1="6.891" x2="15.484" y2="0.5"/>
					<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
					2.233,9.521 6.494,9.521 6.494,13.783 "/>
					<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="6.494" y1="9.521" x2="0.5" y2="15.5"/>
				</svg>			
			</a>
		</div>
		
		<div class="footer-box gallery-play">
			<a href="#" class="slick-icon slick-play">
				<svg width="17px" height="17px">
					<circle fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="8.5" cy="8.5" r="8"/>
					<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
					6.861,11.5 6.861,5.5 12.057,8.5 6.861,11.5 	"/>
				</svg>					
			</a>

			<a href="#" class="slick-icon slick-pause is-hidden">
				<svg x="0px" y="0px" width="17px" height="17px">						
					<circle fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="8.5" cy="8.5" r="8"/>		
					<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="6.66" y1="11.5" x2="6.66" y2="5.5"/>					
					<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="10.34" y1="11.5" x2="10.34" y2="5.5"/>
				</svg>
			</a>
		</div>

		<div class="footer-box gallery-share">
			<a href="#" class="slick-icon slick-share">
				<svg width="16px" height="16px">
					<circle fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="2.5" cy="7.98" r="2"/>
					<circle fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="13.45" cy="2.5" r="2"/>
					<circle fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="13.45" cy="13.462" r="2"/>
					<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="11.662" y1="3.395" x2="4.288" y2="7.085"/>
					<line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="4.395" y1="8.928" x2="11.55" y2="12.511"/>
				</svg>					
			</a>

			<div class="slick-icon slick-social-share is-hidden">
				<a href="#" class="slick-pinterest slick-social" data-network="pinterest"> <?php Mk_SVG_Icons::get_svg_icon_by_class_name(true, 'mk-icon-pinterest-square', 16); ?> </a>
				<a href="#" class="slick-twitter slick-social" data-network="twitter"> <?php Mk_SVG_Icons::get_svg_icon_by_class_name(true, 'mk-icon-twitter-square', 16); ?> </a>
				<a href="#" class="slick-facebook slick-social" data-network="facebook"> <?php Mk_SVG_Icons::get_svg_icon_by_class_name(true, 'mk-icon-facebook-square', 16); ?> </a>
			</div>
		</div>

	</div>	
</div>