Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<div class="about-wrap">
<div class="uk-grid">
<div class="uk-width-medium-8-10 uk-push-1-10">
<div class="uk-width-1-1">
<div class="section-title-wrap">
<div class="wrap">
<div class="section-counter">01</div>
<div class="section-title" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat:true, delay:200}"><h2>ABOUt ME</h2></div>
</div>
</div>
</div>
<div class="uk-grid center" data-uk-scrollspy="{cls:'uk-animation-slide-left uk-invisible', target:'.top-icon', repeat:true, delay:200}">
<div class="uk-width-medium-1-5 uk-width-small-1-1 top-icon uk-scrollspy-init-inview uk-invisible"><span class="icon-vector"></span><div class="name">Product Design</div></div>
<div class="uk-width-medium-1-5 uk-width-small-1-1 top-icon uk-scrollspy-init-inview uk-invisible"><span class="icon-equalizer"></span><div class="name">UX Design</div></div>
<div class="uk-width-medium-1-5 uk-width-small-1-1 top-icon uk-scrollspy-init-inview uk-invisible"><span class="icon-screen-smartphone"></span><div class="name">Mobile Design</div></div>
<div class="uk-width-medium-1-5 uk-width-small-1-1 top-icon uk-scrollspy-init-inview uk-invisible"><span class="icon-screen-desktop"></span><div class="name">Development</div></div>
<div class="uk-width-medium-1-5 uk-width-small-1-1 top-icon uk-scrollspy-init-inview uk-invisible"><span class="icon-user"></span><div class="name">Team Lead</div></div>
</div>
<div class="uk-grid about-text">
<div class="uk-width-medium-1-3">
<strong class="strong">
Hello, I’m Robert,<br>Creative Technologist & User Experience Designer based in London, I create digital products a more beautiful and usable place.
</strong>
</div>
<div class="uk-width-medium-1-3">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis erat sed elit sceleris Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis erat sed elit scelerisque iaculis. Nullam nec porttitor justo, at iaculis risus. Aliquam erat volutpat. que iaculis. <br>Nullam nec porttitor justo, at iaculis ris<br>us. Aliquam eratvolutpat.
</p>
</div>
<div class="uk-width-medium-1-3">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis erat sed elit sceleris Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis erat sed elit scelerisque iaculis. Nullam nec porttitor justo, at iaculis risus. Aliquam erat volutpat. que iaculis. <br>Nullam nec porttitor justo, at iaculis ris<br>us. Aliquam eratvolutpat.
</p>
</div>
<div class="uk-width-medium-1-3 uk-push-1-3">
<div class="its-btn"><a data-uk-smooth-scroll href="#tm-top-e">Checkout My Profile</a>
</div>
</div>
</div>
</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.