Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.