Skip to content

Instantly share code, notes, and snippets.

@jhyland87
Created November 30, 2016 15:47
Show Gist options
  • Save jhyland87/67505c3329d8ea17c9db821a64d0112d to your computer and use it in GitHub Desktop.
Save jhyland87/67505c3329d8ea17c9db821a64d0112d to your computer and use it in GitHub Desktop.
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