Best Foot Forward: Resume Template

June 2, 2013: Get social with version 1.1! See release notes below.

When it comes to nailing a great job, you want to put your Best Foot Forward. Don't hand potential employers an out-of-date resume. Sure, you should list your most recent experience and any new skills you may have acquired, but are you still toting around a PDF or Word document resume? Get with the times! Put your resume on the web and make it easier to share with potential employers with the click of a link.

Best Foot Forward is a starter HTML and CSS template for a web-based resume. With this responsive template, your resume will look great on any device. It includes a great print stylesheet, for those occasions when someone wants a paper copy. Finally, it's built on the hResume microformat so that it's easier for search engines and web apps to correctly parse and categorize your contact information and resume automatically.

See a live demo at: http://stegrainer.com/bucket/resume/

Features
- Fully responsive
---- quick navigation points for smaller screens
---- fluid design up to 1000 pixels wide (to maintain maximum readable line lengths)
---- icons for location/date in experience and education look crisp even on high DPI displays
- hResume microformat for better semantic parsing by search engines
- Great print stylesheet; leave the Word or PDF résumé on your old ZIP disk
- Highlight the depth of your skills - visually convey which skills are strengths and which skills could use improvement
- Easy to update and customize, with several built-in themes

version 1.1 - MOST RECENT RELEASE:
- now includes a photo
- now includes social networking links for Dribbble, Facebook, Google+, Linkedin, Twitter

8 Comments

  1. Doree Taylor
    • Purchased

    Super-awesome work, Steve! I visited your web site, too and was very impressed with your A-Z Guide and Drop Box system -- everything, really! I love your description of the values you honor as the foundation of your approach your work! I'm going to give the resume template a try. I want my finished piece to be post-able AND printable as a 2-page (standard 8.5X11), -- but also have the option of posting it in some places (like my own site) as a 'scrollable'. I hope what I just tried to express can be understood as actual English -- or you can translate it well enough to understand what I'm picturing! I think I would like to use more of the graphic 'skills' break-outs in the right margin than the live demo shows, too -- which, from what I understand, should not be difficult? Can you advise me on the first issue, though --, so I can create a 2-page PDF or .doc,with confidence the printed pages will be the right size? Maybe I need to plan on two versions…. For the print version, would you suggest I create two 'partner' documents; then convert them to 2-page .PDF and/or doc. files? …and just one more question, right now, Steve: Can I show my from/to employment and project dates, but hide little calendar graphic - for the print version for certainf; and possibly the digital version, as well?
    _____

    I hope you will not mind if another quick question or two come along... I don't think I'll require a FT tutor, but I may need a bit of mentoring. I'll definitely promote your work on my Pinterest, -- and maybe we can discuss it a bit and come up with a 'featured expert' angle that would benefit you, once my new site launches -- even if I don't end up having more questions! As for who the heck I may be.... I love digital design work, but I am new to it, in comparison to my other artistic & creative business pursuits. I learn a lot from seeing all the excellent work that seems to abound everywhere I wander - as in this case!. My personal strong suit is on the Public Relations/Publicity writing side of things, along with marketing strategy and author/artist/performer promotion. I earned an Associate Degree in music in the mid-80s and then sang professionally for 20 years. I also did some arranging and a fair amount of studio work, owned a talent-booking agency and was a published music reviewer, along the way. I would never have changed creative channels, were it not for one of my kids being born with special needs. That blessed calling demanded I make big changes in my nomadic, always 'one foot out the door' life style - with no room for arguing'. In retrospect, my 'first life' in the arts, as a musician, agent and columnist gifted me with a keen sense for the promotional arts and a love for 'business meets creative' writing -- and opened my imagination to the importance of how design elements integrate with 'copy' to increase the impact of a message -- or the less desirable 'opposite'!

    Now, at 51, I'm about 18 months away from claiming my degree as a Public Relations practitioner, with a minor in media arts and certificates in both Entertainment Management and Social Media Marketing; So, keep me in mind if you ever find you're losing sleep trying to come up with a good marketing concept, need a compelling news release or 'who knows'? I am sorry I have rattled on too long -- You stand accused of inspiring me! Thanks, again, for sharing your work - my purchase will be forthcoming! Have a great day, every day, Steve, and I wish you continued success in your artistic endeavors!
    Very Best Regards - Doree Taylor

  2. Ste Grainer
    • Shop Owner

    Thanks for your interest, Doree! I'll try and address your questions below. Feel free to follow up here if you have any additional questions or I didn't clear things up properly.

    Your question:
    "I want my finished piece to be post-able AND printable as a 2-page (standard 8.5X11), -- but also have the option of posting it in some places (like my own site) as a 'scrollable'. I hope what I just tried to express can be understood as actual English -- or you can translate it well enough to understand what I'm picturing!"

    My response:
    This template designed and coded so that it can be both a printable resource and an online resource. I'm using print-specific CSS to ensure that sections don't get broken up across pages awkwardly, though this may not work in all cases, particularly with older browsers.

    Your question:
    "I think I would like to use more of the graphic 'skills' break-outs in the right margin than the live demo shows, too -- which, from what I understand, should not be difficult?"

    My response:
    You can add as many skill sections as you'd like, however, there are currently only 5 color options. That said, you could potentially set all of your skill sections to the same color or create super-groups of multiple related sections (e.g. PR and Marketing as separate but similar sections).

    Your question:
    "Can you advise me on the first issue, though --, so I can create a 2-page PDF or .doc,with confidence the printed pages will be the right size? Maybe I need to plan on two versions…. For the print version, would you suggest I create two 'partner' documents; then convert them to 2-page .PDF and/or doc. files?"

    My response:
    This template is not built to generate a PDF or Word document for its print version; it has a specially designed print stylesheet so that when printing the page from the browser, the resume should print quite nicely. (Results may vary depending on the browser and printer.) That said, some operating systems (such as MacOS X) will allow you to set your printer to Save as PDF - you could use that option to generate a PDF print version of the resume if necessary. The screenshot of the printed material included in the sample images was generated by printing the sample resume to a PDF.

    Your question:
    "Can I show my from/to employment and project dates, but hide little calendar graphic - for the print version for certainf; and possibly the digital version, as well?"

    My response:
    The calendar and location graphics will not appear on the printed version by default. If you would like to remove either of the graphics from the digital version as well, I'd be happy to walk you through how to do that.

  3. Ste Grainer
    • Shop Owner

    Hello Jackie,

    Yes, you can remove the skills section. You would need to make a few minor changes to the main HTML file and stylesheets to accommodate for this, but I'd be happy to walk you through the changes needed.

    At this time, this is the only resume template I have available.

  4. Ste Grainer
    • Shop Owner

    Thanks! I'm glad you like it. I started the first version while watching the Hunger Games so it just felt natural.

  5. Ste Grainer
    • Shop Owner

    With little to no knowledge of HTML, I would recommend using a WYSIWYG editor like Dreamweaver that allows you to update the file without messing with code directly.

    Here are some other options for editors:
    http://lifehacker.com/5579328/five-best-wysiwyg-html-editors

    That said, you will also want to find a place to host your resume online and any significant changes from the template will require more in-depth knowledge of HTML. It's possible to use with little knowledge of HTML, but it's mainly meant for people with some background in web design or development.

You must be signed in to post a comment.