Skip to content

Instantly share code, notes, and snippets.

@ViktoriyaSupport
Created August 10, 2016 12:41
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/cbd644575a435dff3bac39e148113057 to your computer and use it in GitHub Desktop.
Save ViktoriyaSupport/cbd644575a435dff3bac39e148113057 to your computer and use it in GitHub Desktop.
<div class="uk-grid">
<p class="uk-text-left uk-width-medium-2-3">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. </p>
</div>
<div class="uk-grid uk-grid-width-medium-1-3" data-uk-grid-margin="">
<!-- left section -->
<div class="uk-grid-width-1-1 ang-mobile-apps" data-uk-grid-margin data-uk-scrollspy="{cls:'uk-animation-slide-left', target:'> div', repeat: true, delay:600}">
<div class="uk-text-left" >
<h4 class="uk-margin-small-bottom"><a href="/?page_id=867"><i class="uk-icon-clone"></i>Information Services</a></h4>
<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 class="uk-text-left">
<h4 class="uk-margin-small-bottom"><a href="/?page_id=867"><i class="uk-icon-bookmark-o"></i>Personal Agent</a></h4>
<p class="tm-wiget-content uk-margin-remove">Curabitur condimentum mi eget ligula aliquam laoreet. Etiam at accumsan ante. Pellentesque porta tristique hendrerit.</p>
</div>
<div class="uk-text-left">
<h4 class="uk-margin-small-bottom"><a href="/?page_id=867"><i class="uk-icon-flag-o"></i>Notification</a></h4>
<p class="tm-wiget-content uk-margin-remove">Curabitur ac tempor ante, sed aliquet ipsum. Fusce lacinia ipsum orci, imperdiet laoreet arcu gravida non.</p>
</div>
</div>
<!-- middle image section -->
<div class="uk-grid-width-1-1 uk-position-relative uk-position-z-index" style="min-height:100px" data-uk-grid-margin data-uk-scrollspy="{cls:'uk-animation-scale-up', repeat: true, delay:1000}">
<img class="uk-position-cover uk-hidden-small" src="wp-content/uploads/2015/08/white-left.png" alt="alt">
<div class="ang-slider-but-wrap uk-position-bottom uk-margin-bottom">
<a class="uk-button uk-button-primary tm-button-theme" href="?page_id=9" data-uk-scrollspy="{cls:'uk-animation-fade', repeat: true, delay:1200}">Get the app</a>
</div>
</div>
<!-- right section -->
<div class="uk-grid-width-1-1 ang-mobile-apps" data-uk-grid-margin data-uk-scrollspy="{cls:'uk-animation-slide-right', target:'> div', repeat: true, delay:600}">
<div class="uk-text-left">
<h4 class="uk-margin-small-bottom"><a href="/?page_id=867"><i class="uk-icon-diamond"></i>Mobile App</a></h4>
<p class="tm-wiget-content uk-margin-remove">Phasellus eu nunc id quam auctor condimentum. Proin maximus imperdiet velit nec pretium.</p>
</div>
<div class="uk-text-left">
<h4 class="uk-margin-small-bottom"><a href="/?page_id=867"><i class="uk-icon-envelope-o"></i>24/7 Support</a></h4>
<p class="tm-wiget-content uk-margin-remove">Pellentesque rhoncus ipsum risus, commodo condimentum diam congue in. Aliquam erat volutpat.</p>
</div>
<div class="uk-text-left">
<h4 class="uk-margin-small-bottom"><a href="/?page_id=867"><i class="uk-icon-cube"></i>Additional services</a></h4>
<p class="tm-wiget-content uk-margin-remove">Fusce elit lectus, sagittis nec magna id, condimentum fermentum purus. Curabitur ultricies erat quis.</p>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment