Created
November 30, 2016 15:47
-
-
Save jhyland87/67505c3329d8ea17c9db821a64d0112d to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
doctype html | |
html(lang='en-US') | |
head | |
meta(charset='UTF-8') | |
meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1') | |
title ShiftCV | |
link(rel='shortcut icon', type='image/x-icon', href='images/favicon.ico') | |
link(rel='stylesheet', type='text/css', media='all', href='style/style.css') | |
link(rel='stylesheet', type='text/css', media='all', href='style/responsive.css') | |
//if lt IE 9 | |
script(src='js/html5.js', type='text/javascript') | |
body.home.blog.dark | |
.switherHead | |
.colored | |
.blue | |
.aqua | |
.green | |
.yellow | |
.red | |
#page.hfeed.site | |
header#header.site_header(role='banner') | |
.social_links | |
ul | |
li.rss | |
a(href='#', target='_blank', title='RSS') RSS | |
li.fb | |
a(href='#', target='_blank', title='Facebook') Facebook | |
li.tw | |
a(href='#', target='_blank', title='Twitter') Twitter | |
li.gplus | |
a(href='#', target='_blank', title='Google+') Google+ | |
li.lnkd | |
a(href='#', target='_blank', title='Linkedin') Linkedin | |
li.drb | |
a(href='#', target='_blank', title='Dribbble') Dribbble | |
li.vim | |
a(href='#', target='_blank', title='Vimeo') Vimeo | |
li.pin | |
a(href='#', target='_blank', title='Pinterst') Pinterst | |
#main | |
#primary.content_area | |
#content.site_content(role='main') | |
section#profile.section.profile_section.first.odd | |
a#blog_page_link(href='{{personal.blogurl}}') | |
span.icon-pencil.icon | |
span.label Blog | |
.section_header.profile_section_header.opened | |
h2.section_title.profile_section_title.vis | |
a(href='#') | |
span.icon.icon-user | |
span.section_name Profile | |
span.section_icon | |
#profile_header | |
#profile_user | |
#profile_photo | |
img(src='{{personal.profile_photo}}', alt='{{personal.last}} {{personal.first}}') | |
#profile_name_area | |
#profile_name | |
h1#profile_title | |
span.firstname {{personal.first}} | |
span.lastname {{personal.last}} | |
h4#profile_position {{personal.current_job}} | |
#profile_data | |
.profile_row.name | |
span.th Name: | |
span.td {{personal.first}} {{personal.last}} | |
// <div class="profile_row birth"> <span class="th">Date of birth:</span><span class="td">June 6, 1970</span> </div> | |
.profile_row.address | |
span.th Address: | |
span.td {{personal.city}}, {{personal.state}} | |
.profile_row.phone | |
span.th Phone: | |
span.td {{personal.phone}} | |
.profile_row.email | |
span.th Email: | |
span.td {{personal.email}} | |
.profile_row.website | |
span.th Website: | |
span.td | |
a(target='_blank', href='{{personal.blogurl}}') {{personal.blogurl}} | |
.section_body.profile_section_body | |
.proile_body {{personal.description}} | |
#mainpage_accordion_area | |
// RESUME | |
section#resume.section.resume_section.even | |
#resume_buttons | |
a#resume_link(target='_blank', href='print.html') | |
span.label Print | |
span.icon-print.icon | |
a#resume_link_download(target='_blank') | |
span.label Download | |
span.icon-download.icon | |
.section_header.resume_section_header | |
h2.section_title.resume_section_title | |
a(href='#') | |
span.icon.icon-align-left | |
span.section_name Resume | |
span.section_icon | |
.section_body.resume_section_body | |
.sidebar.resume_sidebar | |
aside.widget.widget_skills | |
h3.widget_title Programming skills | |
.widget_inner.style_1 | |
.skills_row.odd.first | |
span.caption Wordpress | |
span.progressbar | |
span.progress.blue(data-process='90%') | |
span.value 90% | |
.skills_row.even | |
span.caption PHP | |
span.progressbar | |
span.progress.aqua(data-process='80%') | |
span.value 80% | |
.skills_row.odd | |
span.caption HTML | |
span.progressbar | |
span.progress.green(data-process='93%') | |
span.value 93% | |
.skills_row.even | |
span.caption CSS | |
span.progressbar | |
span.progress.yellow(data-process='80%') | |
span.value 80% | |
.skills_row.odd | |
span.caption MySQL | |
span.progressbar | |
span.progress.red(data-process='70%') | |
span.value 70% | |
aside.widget.widget_skills | |
h3.widget_title Graphic Skills | |
.widget_inner.style_2 | |
.skills_row.odd | |
span.legend.blue | |
span.caption Adobe Photoshop | |
.skills_row.even | |
span.legend.aqua | |
span.caption Adobe Illustrator | |
.skills_row.odd | |
span.legend.green | |
span.caption Adobe Indesign | |
.skills_row.even | |
span.legend.yellow | |
span.caption Corel Draw | |
.skills_row.odd | |
span.legend.red | |
span.caption 3D Max | |
.svg | |
svg.piechart(xmlns='http://www.w3.org/2000/svg') | |
path(d='M66,66 L130,66 A64,64 0 0,1 57,129 z', fill='#327ea3') | |
path(d='M66,66 L57, 129 A64,64 0 0,1 2,60 z', fill='#4ca5d0') | |
path(d='M66,66 L2, 60 A64,64 0 0,1 34,11 z', fill='#6ca338') | |
path(d='M66,66 L34, 11 A64,64 0 0,1 103,14 z', fill='#ffbc38') | |
path(d='M66,66 L103,14 A64,64 0 0,1 130,66 z', fill='#e82c0c') | |
circle(cx='66', cy='66', r='40', fill='#ffffff') | |
aside.widget.widget_skills | |
h3.widget_title Language skills | |
.widget_inner.style_3 | |
.skills_row.odd.first | |
span.caption English | |
span.progressbar | |
span.progress.aqua(data-process='80%') | |
.skills_row.even | |
span.caption French | |
span.progressbar | |
span.progress.green(data-process='60%') | |
.skills_row.odd | |
span.caption Spain | |
span.progressbar | |
span.progress.yellow(data-process='80%') | |
.wrapper.resume_wrapper | |
.category.resume_category.resume_category_1.first.even | |
.category_header.resume_category_header | |
h3.category_title | |
span.category_title_icon.aqua | |
| Employment | |
.category_body.resume_category_body | |
| {{#each collections.jobs}} | |
article.post.resume_post.resume_post_1.first.even | |
.post_header.resume_post_header | |
.resume_period | |
span.period_from {{data.startDate}} | |
| - | |
span.period_to {{data.endDate}} | |
h4.post_title | |
span.post_title_icon.aqua | |
a(href='{{data.url}}') {{data.name}} | |
h5.post_subtitle {{data.title}} | |
.post_body.resume_post_body | |
p {{data.description}} | |
br | |
| {{/each}} | |
// .category_body | |
// .category | |
.category.resume_category.resume_category_2.odd | |
.category_header.resume_category_header | |
h3.category_title | |
span.category_title_icon.green | |
| Education | |
.category_body.resume_category_body | |
| {{#each collections.education}} | |
article.post.resume_post.resume_post_1.first.even | |
.post_header.resume_post_header | |
.resume_period | |
span.period_from 1999 | |
| - | |
span.period_to 2001 | |
h4.post_title | |
span.post_title_icon.green | |
a(href='post-text.html') {{data.name}} | |
h5.post_subtitle Web design | |
.post_body.resume_post_body | |
p {{data.description}} | |
br | |
| {{/each}} | |
// /category_body | |
// /category | |
// /wrapper | |
// /section_body | |
// /RESUME | |
// PORTFOLIO | |
section#portfolio.section.portfolio_section.odd | |
.section_header.portfolio_section_header | |
h2.section_title.portfolio_section_title | |
a(href='#') | |
span.icon.icon-briefcase | |
span.section_name Portfolio | |
span.section_icon | |
.section_body.portfolio_section_body | |
.portfolio_wrapper | |
ul#portfolio_iso_filters | |
li | |
a.current(data-filter='*', href='#') All | |
li | |
a(data-filter='.category_4', href='#') Web | |
li | |
a(data-filter='.category_6', href='#') Photo | |
li | |
a(data-filter='.category_5', href='#') Graphics | |
.portfolio_items | |
article.post.portfolio_post.portfolio_post_1.first.even.category_4.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio item 14') | |
h4.post_title | |
a(href='portfolio.html') Portfolio item 14 | |
h5.post_subtitle Web, Photo | |
article.post.portfolio_post.portfolio_post_2.odd.category_4.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio item 13') | |
h4.post_title | |
a(href='portfolio.html') Portfolio item 13 | |
h5.post_subtitle Web, Photo | |
article.post.portfolio_post.portfolio_post_3.even.category_4.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio item 12') | |
h4.post_title | |
a(href='portfolio.html') Portfolio item 12 | |
h5.post_subtitle Web, Photo | |
article.post.portfolio_post.portfolio_post_4.odd.category_4.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio item 11') | |
h4.post_title | |
a(href='portfolio.html') Portfolio item 11 | |
h5.post_subtitle Web, Photo | |
article.post.portfolio_post.portfolio_post_5.even.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio item 15') | |
h4.post_title | |
a(href='portfolio.html') Portfolio item 15 | |
h5.post_subtitle Photo | |
article.post.portfolio_post.portfolio_post_6.odd.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio 10') | |
h4.post_title | |
a(href='portfolio.html') Portfolio 10 | |
h5.post_subtitle Photo | |
article.post.portfolio_post.portfolio_post_7.even.category_4.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio 9') | |
h4.post_title | |
a(href='portfolio.html') Portfolio 9 | |
h5.post_subtitle Web, Photo | |
article.post.portfolio_post.portfolio_post_8.odd.category_4.category_5 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio 8') | |
h4.post_title | |
a(href='portfolio.html') Portfolio 8 | |
h5.post_subtitle Web, Graphics | |
article.post.portfolio_post.portfolio_post_9.even.category_5.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio 7') | |
h4.post_title | |
a(href='portfolio.html') Portfolio 7 | |
h5.post_subtitle Graphics, Photo | |
article.post.portfolio_post.portfolio_post_10.odd.category_4 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Lorem Ipsum') | |
h4.post_title | |
a(href='portfolio.html') Lorem Ipsum | |
h5.post_subtitle Web | |
article.post.portfolio_post.portfolio_post_11.even.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio 5') | |
h4.post_title | |
a(href='portfolio.html') Portfolio 5 | |
h5.post_subtitle Photo | |
article.post.portfolio_post.portfolio_post_12.odd.category_4 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio 4') | |
h4.post_title | |
a(href='portfolio.html') Portfolio 4 | |
h5.post_subtitle Web | |
article.post.portfolio_post.portfolio_post_13.even.category_5 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio item 3') | |
h4.post_title | |
a(href='portfolio.html') Portfolio item 3 | |
h5.post_subtitle Graphics | |
article.post.portfolio_post.portfolio_post_14.odd.category_6 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio item 2') | |
h4.post_title | |
a(href='portfolio.html') Portfolio item 2 | |
h5.post_subtitle Photo | |
article.post.portfolio_post.portfolio_post_15.even.category_1.category_5 | |
.post_pic.portfolio_post_pic | |
a.w_hover.img-link.img-wrap(href='http://placehold.it/800x400') | |
span.overlay | |
span.link-icon | |
img(src='http://placehold.it/252x174', alt='Portfolio item 15') | |
h4.post_title | |
a(href='portfolio.html') Portfolio item 1 | |
h5.post_subtitle Web, Graphics | |
.portfolio_iso_pages | |
ul#portfolio_iso_pages | |
#portfolio_iso_pages_2 | |
| Page | |
span#portfolio_iso_pages_current 1 | |
| of | |
span#portfolio_iso_pages_total | |
// .section_body | |
// /PORTFOLIO | |
// CONTACTS | |
section#contact.section.contact_section.even | |
.section_header.contact_section_header | |
h2.section_title.contact_section_title | |
a(href='#') | |
span.icon.icon-envelope-alt | |
span.section_name Contacts | |
span.section_icon | |
.section_body.contact_section_body | |
#googlemap_data | |
#sc_googlemap.sc_googlemap(style='width:100%;height:294px;') | |
.add_info | |
.profile_row.header Contact info | |
.profile_row.address | |
span.th Address | |
span.td | |
.profile_row.phone | |
span.th Phone | |
span.td | |
.profile_row.email | |
span.th Email | |
span.td | |
.profile_row.website | |
span.th Website | |
span.td | |
.sidebar.contact_sidebar | |
aside#qrcode-vcard-widget-2.widget.widget_qrcode_vcard | |
h3.widget_title VCARD | |
.widget_inner | |
.qrcode | |
.contact_form | |
.contact_form_data | |
.sc_contact_form | |
h3.title Let's keep in touch | |
form(action='include/sendmail.php', method='post') | |
.field | |
label.required(for='sc_contact_form_username') Name | |
input#sc_contact_form_username(type='text', name='username') | |
.field | |
label.required(for='sc_contact_form_email') Email | |
input#sc_contact_form_email(type='text', name='email') | |
.field.message | |
label.required(for='sc_contact_form_message') Your Message | |
textarea#sc_contact_form_message(name='message') | |
.button | |
a.enter(href='#') | |
span Submit | |
.result.sc_infobox | |
// .section_body | |
// /CONTACT | |
// #mainpage_accordion_area | |
// #content | |
// #primary | |
// #main | |
footer#footer.site_footer(role='contentinfo') | |
.footer_copyright ThemeREX © 2013 All Rights Reserved | |
// #page | |
// connect js | |
script(type='text/javascript', src='js/jquery.min.js') | |
script(type='text/javascript', src='js/jquery.tools.custom.js') | |
script(type='text/javascript', src='js/jquery.flexslider.min.js') | |
script(type='text/javascript', src='js/jquery.prettyPhoto.js') | |
script(type='text/javascript', src='js/jquery.isotope.min.js') | |
script(type='text/javascript', src='js/jquery.cookie.js') | |
script(type='text/javascript', src='js/mediaelement.min.js') | |
script(type='text/javascript', src='js/jquery.qrcode-0.6.0.min.js') | |
script(type='text/javascript', src='js/googlemap_init.js') | |
script(type='text/javascript', src='js/jquery.easing.js') | |
script(type='text/javascript', src='js/jquery.reject.js') | |
script(type='text/javascript', src='http://maps.google.com/maps/api/js?sensor=false') | |
script(type='text/javascript', src='js/utils.js') | |
script(type='text/javascript', src='js/lib.js') |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment