Refraction_slider_code.html

	<div class="core-wrap">
	<ul id="core-team" class="uk-switcher">
	    <li data-uk-check-display>
	    	{article Team Member Vicky Main Page}{text}{/article}	
	    </li>
	 	<li data-uk-check-display>
      		{article Team Member Sano Hmel Main Page}{text}{/article}
      	</li>
	  	<li data-uk-check-display>
      		{article Team Member Vitaly Nemiroff Main Page}{text}{/article}
      	</li>
	 	<li data-uk-check-display>
      		{article Team Member Vados Kozh Main Page}{text}{/article}
      	</li>
	  	<li data-uk-check-display>
      		{article Team Member Alex Head Main Page}{text}{/article}
      	</li>
	 	<li data-uk-check-display>
      		{article Team Member Alex Cosmo Main Page}{text}{/article}
      	</li>
	</ul>
	<div data-uk-slideset="{small: 2, medium: 4}">
	    <div class="uk-slidenav-position">
	        <ul class="uk-grid uk-grid-collapse tt-switcher uk-tab uk-slideset" data-uk-switcher="{connect:'#core-team', active: 0,animation:'fade'}">
	            <li class="core-item tt-active">
	            	<img src="images/core-img.jpg" alt="" />
	            	<div class="wrap">
	            		<div class="info">
		            		<div class="name">Vicky Om</div>
		            		<div class="position">Support God</div>
	            		</div>
	            	</div>
	            </li>
	            <li class="core-item">
	            	<img src="images/core-img1.jpg" alt="" />
	            	<div class="wrap">
	            		<div class="info">
		            		<div class="name">Sano Hmel</div>
		            		<div class="position">Joomla Guru</div>
	            		</div>
	            	</div>
	            </li>
	            <li class="core-item">
	            	<img src="images/core-img2.jpg" alt="" />
	            	<div class="wrap">
	            		<div class="info">
		            		<div class="name">Vitaly Nemiroff</div>
		            		<div class="position">Web Champion</div>
	            		</div>
	            	</div>
	            </li>
	            <li class="core-item">
	            	<img src="images/core-img3.jpg" alt="" />
	            	<div class="wrap">
	            		<div class="info">
		            		<div class="name">Vados Kozh</div>
		            		<div class="position">Joomla Padovan</div>
	            		</div>
	            	</div>
	            </li>
	            <li class="core-item">
	            	<img src="images/core-img2.jpg" alt="" />
	            	<div class="wrap">
	            		<div class="info">
		            		<div class="name">Alex Head</div>
		            		<div class="position">Batman Fun</div>
	            		</div>
	            	</div>
	            </li>
	            <li class="core-item">
	            	<img src="images/core-img1.jpg" alt="" />
	            	<div class="wrap">
	            		<div class="info">
		            		<div class="name">Alex Cosmo</div>
		            		<div class="position">medichlorian container</div>
	            		</div>
	            	</div>
	            </li>
	        </ul>
	    </div>
	    <ul class="uk-slideset-nav uk-dotnav uk-flex-center"></ul>
	</div>

	
</div>