Work_flow_Itsme.html

<div class="flow-wrap">
    <div class="uk-grid">
        <div class="uk-width-8-10 uk-push-1-10">
            <div class="uk-width-1-1">
                <div class="section-title-wrap">
                    <div class="wrap">
                        <div class="section-counter">05</div>
                        <div class="section-title" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat:true, delay:200}"><h2>work flow</h2></div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
  <div class="uk-container uk-container-center">
		
			<div class="uk-text-right flow-item uk-float-left">
				<div class="text">
					<span class="icon-list"></span>
					<div class="title">Briefing</div>
					<p>Sectetur adipiscing elit. Donec quis erat sed<br> elit scque iaculis. Nullam nec.</p>
				</div>
				<div class="img-wrap" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat:true, delay:200}"><img src="images/work-flow-img.png" alt="" /></div>
			</div>
		<div class="clear"></div>
	    <div class="flow-separate uk-text-center"><img src="images/workflow-separate.png" alt="" /></div>
		
			<div class="uk-float-right flow-item">
				<div class="img-wrap" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat:true, delay:200}"><img src="images/work-flow-img1.png" alt="" /></div>
				<div class="text">
					<span class="icon-magnifier"></span>
					<div class="title">Briefing</div>
					<p>Sectetur adipiscing elit. Donec quis erat sed<br> elit scque iaculis. Nullam nec.</p>
				</div>	
			</div>
		<div class="clear"></div>
		<div class="flow-separate uk-text-center"><img src="images/workflow-separate1.png" alt="" /></div>
		<div class="uk-text-right flow-item uk-float-left">
				<div class="text">
					<span class="icon-bulb"></span>
					<div class="title">Brainstorm</div>
					<p>Sectetur adipiscing elit. Donec quis erat sed<br> elit scque iaculis. Nullam nec.</p>
				</div>
				<div class="img-wrap" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat:true, delay:200}"><img src="images/work-flow-img2.png" alt="" /></div>
			</div>
		<div class="clear"></div>
		<div class="flow-separate uk-text-center"><img src="images/workflow-separate.png" alt="" /></div>
		<div class="uk-float-right flow-item">
				<div class="img-wrap" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat:true, delay:200}"><img src="images/work-flow-img3.png" alt="" /></div>
				<div class="text">
					<span class="icon-vector"></span>
					<div class="title">Create</div>
					<p>Sectetur adipiscing elit. Donec quis erat sed<br> elit scque iaculis. Nullam nec.</p>
				</div>
				
			</div>
		<div class="clear"></div>
		<div class="flow-separate uk-text-center"><img src="images/workflow-separate1.png" alt="" /></div>
		<div class="uk-text-right flow-item uk-float-left">
				<div class="text">
					<span class="icon-rocket"></span>
					<div class="title">Launch</div>
					<p>Sectetur adipiscing elit. Donec quis erat sed<br> elit scque iaculis. Nullam nec.</p>
				</div>
				<div class="img-wrap" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat:true, delay:200}"><img src="images/work-flow-img4.png" alt="" /></div>
			</div>
		<div class="clear"></div>
	</div>
</div>