Skip to content

Instantly share code, notes, and snippets.

@ViktoriyaSupport
Last active April 5, 2016 09:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ViktoriyaSupport/8c1f17dc81e314909aa55163036aa19b to your computer and use it in GitHub Desktop.
Save ViktoriyaSupport/8c1f17dc81e314909aa55163036aa19b to your computer and use it in GitHub Desktop.
<div class="uk-width-1-1 tm-widget-descr uk-margin-large-bottom uk-text-center">
<p>Aliquam dui justo, feugiat eu ligula at, posuere cursus enim. Fusce dictum egestas sem eu convallis. Suspendisse sapien turpis, iaculis eu congue at, tristique facilisis sapien. Vivamus sit amet cursus orci. Duis tempor vitae felis sed volutpat. Pellentesque quis leo turpis. Duis vestibulum euismod metus, ut iaculis tortor feugiat vel.</p>
</div>
<div class="uk-grid uk-flex-middle item-round-wrap" data-uk-grid-margin="">
<div class="uk-width-1-1 uk-width-small-1-2 uk-width-medium-1-3 item-left-middle">
<div class="uk-width-medium-9-10 uk-push-1-10" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: false, delay:300}">
<div class="tm-achiev-item">
<div class="uk-float-right uk-text-center">
<div class="uk-border-circle tm-achiev-icon-wrap">
<i class="uk-icon-book uk-icon-large"></i>
</div>
</div>
<div class="tm-achiev-item-right uk-text-right">
<h5 class="uk-margin-small-bottom"><a href="/">Guidance</a></h5>
<p class="tm-wiget-content uk-margin-remove">Sed turpis mi, porttitor nec congue tempus, posuere nec sapien. Mauris laoreet pellentesque justo.</p>
</div>
</div>
</div>
<div class="uk-width-medium-9-10" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: false, delay:600}">
<div class="tm-achiev-item">
<div class="uk-float-right uk-text-center">
<div class="uk-border-circle tm-achiev-icon-wrap">
<i class="uk-icon-thumbs-up uk-icon-large"></i>
</div>
</div>
<div class="tm-achiev-item-right uk-text-right">
<h5 class="uk-margin-small-bottom"><a href="/">Reputation</a></h5>
<p class="tm-wiget-content uk-margin-remove">Aliquam dui justo, feugiat eu ligula at, posuere cursus enim. Fusce dictum egestas sem eu convallis.</p>
</div>
</div>
</div>
<div class="uk-width-medium-9-10 uk-push-1-10" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: false, delay:900}">
<div class="tm-achiev-item">
<div class="uk-float-right uk-text-center">
<div class="uk-border-circle tm-achiev-icon-wrap">
<i class="uk-icon-trophy uk-icon-large"></i>
</div>
</div>
<div class="tm-achiev-item-right uk-text-right">
<h5 class="uk-margin-small-bottom"><a href="/">Happy Clients</a></h5>
<p class="tm-wiget-content uk-margin-remove">Curabitur non mi id elit vestibulum posuere. Nunc in risus arcu. Quisque quis risus vitae augue feugiat fringilla.</p>
</div>
</div>
</div>
</div>
<div class=" uk-hidden-small uk-width-medium-1-3 uk-text-center item-middle-img">
<img class="uk-border-circle " src="/wp-content/themes/esta/images/about-round.png" alt="alt">
</div>
<div class="uk-width-small-1-2 uk-width-small-1-2 uk-width-medium-1-3 uk-width-1-1 item-right-middle">
<div class="uk-width-medium-9-10" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat: false, delay:300}">
<div class="tm-achiev-item">
<div class="uk-float-left uk-text-center">
<div class="uk-border-circle tm-achiev-icon-wrap">
<i class="uk-icon-file-text-o uk-icon-large"></i>
</div>
</div>
<div class="tm-achiev-item-left uk-text-left">
<h5 class="uk-margin-small-bottom"><a href="/">Listing</a></h5>
<p class="tm-wiget-content uk-margin-remove">Phasellus tincidunt augue id nulla bibendum, non efficitur ante placerat. Donec tortor eros, congue sit amet.</p>
</div>
</div>
</div>
<div class="uk-width-medium-9-10 uk-push-1-10" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat: false, delay:600}">
<div class=" tm-achiev-item">
<div class="uk-float-left uk-text-center">
<div class="uk-border-circle tm-achiev-icon-wrap">
<i class="uk-icon-opencart uk-icon-large"></i>
</div>
</div>
<div class="tm-achiev-item-left uk-text-left">
<h5 class="uk-margin-small-bottom"><a href="/">Advertise</a></h5>
<p class="tm-wiget-content uk-margin-remove">Aliquam risus mauris, congue sed suscipit in, tincidunt euismod leo. Etiam dolor diam, aliquet ut ante id, lobortis gravida nisl.</p>
</div>
</div>
</div>
<div class="uk-width-medium-9-10" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat: false, delay:900}">
<div class="tm-achiev-item">
<div class="uk-float-left uk-text-center">
<div class="uk-border-circle tm-achiev-icon-wrap">
<i class="uk-icon-diamond uk-icon-large"></i>
</div>
</div>
<div class="tm-achiev-item-left uk-text-left">
<h5 class="uk-margin-small-bottom"><a href="/">Consulting</a></h5>
<p class="tm-wiget-content uk-margin-remove">Cras neque turpis, dictum at tempus a, dapibus sit amet tortor. Interdum et malesuada fames ac ante ipsum.</p>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment