Convert Figma logo to code with AI

jglovier logoresume-template

:page_facing_up::briefcase::tophat: A simple Jekyll + GitHub Pages powered resume template.

1,912
1,870
1,912
21

Top Related Projects

A modern static resume template and theme. Powered by Jekyll and GitHub pages.

A Bootstrap 4 resume/CV theme created by Start Bootstrap

:necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

Quick Overview

The jglovier/resume-template is a GitHub repository that provides a simple, elegant, and customizable HTML and CSS template for creating a personal resume or CV website. It's designed to be easily forked and modified, allowing users to quickly create a professional online presence.

Pros

  • Easy to customize and personalize
  • Clean, modern design that's responsive and mobile-friendly
  • Includes pre-built sections for common resume elements (e.g., work experience, education, skills)
  • Hosted on GitHub Pages, making deployment simple and free

Cons

  • Limited to static content, no dynamic features
  • Requires basic knowledge of HTML and CSS for customization
  • May not be suitable for more complex or interactive resume designs
  • Limited built-in color schemes and layout options

Getting Started

  1. Fork the repository on GitHub
  2. Clone your forked repository to your local machine
  3. Customize the _config.yml file with your personal information
  4. Edit the content in the _data folder to update your resume details
  5. Modify the _layouts/resume.html file to adjust the structure if needed
  6. Customize the styles in _sass/_resume.scss to match your preferences
  7. Commit and push your changes to GitHub
  8. Enable GitHub Pages in your repository settings to publish your resume

Example _config.yml modification:

# Site settings
title: "Your Name's Resume"
description: "A resume template for GitHub Pages"

# Resume settings
resume_name: "Your Name"
resume_title: "Your Job Title"
resume_contact_email: "you@example.com"
resume_header_contact_info: "Your City, State • you@example.com • (123) 456-7890"

Example _data/experience.yml modification:

# Jobs
- company: Company Name
  position: Job Title
  duration: Mar, 2020 — Present
  summary: >
    Write a brief summary of your role and responsibilities at this company.
    You can use multiple lines for longer descriptions.

Competitor Comparisons

A modern static resume template and theme. Powered by Jekyll and GitHub pages.

Pros of modern-resume-theme

  • More customizable with YAML configuration
  • Responsive design for better mobile viewing
  • Includes a dark mode option

Cons of modern-resume-theme

  • Less visually appealing default design
  • Requires more setup and configuration
  • Limited built-in sections compared to resume-template

Code Comparison

resume-template:

<header class="page-header">
  <h1 class="page-title">{{ site.resume_name }}</h1>
  <h2 class="page-subtitle">{{ site.resume_title }}</h2>
</header>

modern-resume-theme:

<div class="header-content">
  <h1>{{ site.name }}</h1>
  <h2>{{ site.title }}</h2>
</div>

Both themes use Jekyll and GitHub Pages for easy deployment. resume-template offers a more traditional resume layout with predefined sections, while modern-resume-theme provides greater flexibility in content structure. resume-template has a cleaner default appearance, but modern-resume-theme offers more customization options through its _config.yml file.

modern-resume-theme supports multiple language versions and includes social icons, whereas resume-template focuses on a single-page format with optional sections. Both themes are actively maintained, but modern-resume-theme has more recent updates and a larger community of contributors.

A Bootstrap 4 resume/CV theme created by Start Bootstrap

Pros of startbootstrap-resume

  • More modern and visually appealing design
  • Responsive layout with better mobile compatibility
  • Includes additional sections like Skills and Interests

Cons of startbootstrap-resume

  • Less customizable without extensive CSS knowledge
  • Requires more setup and configuration
  • Heavier file size due to Bootstrap framework

Code Comparison

resume-template:

<header class="page-header">
  <h1 class="page-title">{{ site.title | escape }}</h1>
  <h2 class="page-subtitle">{{ site.subtitle | escape }}</h2>
</header>

startbootstrap-resume:

<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
  <a class="navbar-brand js-scroll-trigger" href="#page-top">
    <span class="d-block d-lg-none">{{ site.first_name }} {{ site.last_name }}</span>
    <span class="d-none d-lg-block">
      <img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="{{ site.profile_image | relative_url }}" alt="">
    </span>
  </a>
  <!-- Navigation items -->
</nav>

The code comparison shows that startbootstrap-resume uses Bootstrap classes and a more complex structure for navigation, while resume-template has a simpler header implementation. This reflects the overall difference in complexity and customization between the two templates.

:necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

Pros of best-resume-ever

  • Multiple pre-designed templates with modern, visually appealing layouts
  • Built with Vue.js, offering a more dynamic and interactive user experience
  • Supports multiple languages and easy localization

Cons of best-resume-ever

  • Steeper learning curve for users unfamiliar with Vue.js
  • Less flexibility for custom styling compared to the simpler HTML/CSS approach
  • Requires more setup and dependencies to get started

Code Comparison

resume-template (HTML/Liquid):

<header class="page-header">
  <h1 class="page-title">{{ site.resume_name | upcase }}</h1>
  <h2 class="page-subtitle">{{ site.resume_title }}</h2>
</header>

best-resume-ever (Vue.js):

<template>
  <div class="resume">
    <h1>{{ person.name.first }} {{ person.name.last }}</h1>
    <h2>{{ person.position }}</h2>
  </div>
</template>

Both repositories offer unique approaches to creating resumes. resume-template provides a straightforward, static site generator approach using Jekyll, making it easier for users familiar with HTML and CSS to customize. best-resume-ever leverages Vue.js for a more dynamic experience with multiple pre-designed templates, but requires more technical knowledge to set up and customize.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Resume template

A simple Jekyll + GitHub Pages powered resume template.

img

Docs

Running locally

To test locally, run the following in your terminal:

  1. Clone repo locally
  2. bundle install
  3. bundle exec jekyll serve
  4. Open your browser to localhost:4000

Running locally with Docker

To test locally with docker, run the following in your terminal after installing docker into your system:

  1. docker image build -t resume-template .
  2. docker run --rm --name resume-template -v "$PWD":/home/app --network host resume-template

Customizing

First you'll want to fork the repo to your own account. Then clone it locally and customize, or use the GitHub web editor to customize.

Options/configuration

Most of the basic customization will take place in the /_config.yml file. Here is a list of customizations available via /_config.yml:

[...write these out...]

Editing content

Most of the content configuration will take place in the /_layouts/resume.html file. Simply edit the markup there accordingly

Publishing to GitHub Pages for free

GitHub Pages will host this for free with your GitHub account. Just make sure you're using a gh-pages branch, and the site will automatically be available at yourusername.github.io/resume-template (you can rename the repo to resume for your own use if you want it to be available at yourusername.github.io/resume). You can also add a CNAME if you want it to be available at a custom domain...

Configuring with your own domain name

To setup your GH Pages site with a custom domain, follow the instructions on the GitHub Help site for that topic.

Themes

Right now resume-template only has one theme. More are coming :soon: though. :heart:

Roadmap

A feature roadmap is available here. If you features suggestions, please open a new issue.

Contributing

If you spot a bug, or want to improve the code, or even make the dummy content better, you can do the following:

  1. Open an issue describing the bug or feature idea
  2. Fork the project, make changes, and submit a pull request

License

The code and styles are licensed under the MIT license. See project license. Obviously you should not use the content of this demo repo in your own resume. :wink:

Disclaimer: Use of Lisa M. Simpson image and name used under Fair Use for educational purposes. Project license does not apply to use of this material.