Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<div class="profile-wrap dark-box">
<svg class="start-block" width="100%" height="150" viewBox="0 0 100 102" preserveAspectRatio="none">
<path d="M0 100 L30 10 L100 100 Z"></path>
</svg>
<div class="uk-container uk-container-center">
<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">04</div>
<div class="section-title" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat:true, delay:200}"><h2>Profile</h2></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-center">
<div class="uk-grid">
<div class="uk-width-medium-8-10 uk-push-1-10 uk-text-center uk-margin-bottom">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus hendrerit tellus vitae sollicitudin placerat. Aliquam eget lectus est. Suspendisse sodales pellentesque ante, maximus vehicula lacus fringilla laoreet. Phasellus vitae turpis mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse ultricies sollicitudin egestas. Quisque d sapien nisi, in rutrum odio pretium quis.<br>Etiam et tempus turpis. Proin bibendum dolor sit amet enim sagitpi.
</div>
<div class="uk-width-medium-1-1 uk-text-center"><div class="its-btn"><a href="#">Hire Me</a></div><div class="its-btn"><a href="#">Download Resume</a></div></div>
<div class="uk-width-medium-1-4">
<div class="profile-item">
<span class="icon-trophy"></span>
<div class="title">Awards</div>
<div class="sub-title">Awwwards<br>Site of the Day</div>
<div class="info">Melanie Daveid</div>
<div class="sub-title">18th Inforgraphic Summit</div>
<div class="info">Silver for Digging in the Crates</div>
<div class="sub-title">17th Inforgraphic Summit</div>
<div class="info">Silver for Synoptic</div>
</div>
</div>
<div class="uk-width-medium-1-4">
<div class="profile-item">
<span class="icon-book-open"></span>
<div class="title">Education</div>
<div class="sub-title">Graphic Design<br>Diploma</div>
<div class="info">Modern Art University 2015</div>
<div class="sub-title">Master Degree</div>
<div class="info">Modern Art University 2013</div>
<div class="sub-title">Graduation</div>
<div class="info">Modern Art University 2011</div>
</div>
</div>
<div class="uk-width-medium-1-4">
<div class="profile-item">
<span class="icon-mustache"></span>
<div class="title">Experience</div>
<div class="sub-title">Head of Design</div>
<div class="info">ABC Inc - 2012 - Current </div>
<div class="sub-title">Sr. Graphic Designer</div>
<div class="info">XYZ Digital Studio 2010-2012</div>
<div class="sub-title">UX/UI Designer</div>
<div class="info">ABC Design Studio 2006-2010</div>
</div>
</div>
<div class="uk-width-medium-1-4">
<div class="profile-item">
<span class="icon-cup"></span>
<div class="title">Skills</div>
<div class="skill-item">
<div class="skill-label">Photoshop <span class="percent">95%</span></div>
<div class="progress-bar">
<div class="bar" style="width: 95%;"></div>
</div>
</div>
<div class="skill-item">
<div class="skill-label">Illustrator <span class="percent">75%</span></div>
<div class="progress-bar">
<div class="bar" style="width: 75%;"></div>
</div>
</div>
<div class="skill-item">
<div class="skill-label">Html/Css <span class="percent">55%</span></div>
<div class="progress-bar">
<div class="bar" style="width: 55%;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<svg class="end-block" width="100%" height="150" viewBox="0 0 100 102" preserveAspectRatio="none">
<path d="M0 0 L70 100 L100 0 Z"></path>
</svg>
</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.