Convert Figma logo to code with AI

StartBootstrap logostartbootstrap-resume

A Bootstrap 4 resume/CV theme created by Start Bootstrap

2,114
2,776
2,114
31

Top Related Projects

A Bootstrap 4 resume/CV theme created by Start Bootstrap

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

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

A minimal Jekyll Theme to host your resume (CV) on GitHub with a few clicks.

Quick Overview

StartBootstrap/startbootstrap-resume is a free, open-source Bootstrap resume/CV theme. It's a one-page template featuring a fixed sidebar with content sections to build a simple, yet elegant resume website. The theme is fully responsive and easy to customize.

Pros

  • Clean and professional design out of the box
  • Responsive layout that works well on various devices
  • Easy to customize with Bootstrap classes and custom CSS
  • Free and open-source, suitable for personal and commercial use

Cons

  • Limited to a one-page format, which may not suit all resume needs
  • Requires some knowledge of HTML and CSS for deeper customization
  • May look similar to other resumes using the same template without significant modifications
  • Lacks built-in functionality for downloadable PDF versions of the resume

Getting Started

  1. Download or clone the repository from GitHub:

    git clone https://github.com/StartBootstrap/startbootstrap-resume.git
    
  2. Navigate to the project directory and open index.html in a web browser to view the template.

  3. Customize the content by editing the index.html file. Replace the placeholder text with your personal information, experience, and skills.

  4. Modify the styles by editing the css/resume.css file or adding your own custom CSS.

  5. To change colors, update the CSS variables in the :root selector in css/resume.css:

    :root {
      --primary: #bd5d38;
      --secondary: #6c757d;
      --success: #28a745;
      --info: #17a2b8;
      --warning: #ffc107;
      --danger: #dc3545;
      --light: #f8f9fa;
      --dark: #343a40;
    }
    
  6. For more advanced customization, you can modify the Sass files in the scss directory and compile them using a Sass compiler.

Competitor Comparisons

A Bootstrap 4 resume/CV theme created by Start Bootstrap

Pros of startbootstrap-resume

  • Simple and clean design, ideal for personal portfolios
  • Easy to customize with basic HTML and CSS knowledge
  • Responsive layout, suitable for various devices

Cons of startbootstrap-resume

  • Limited features compared to more complex templates
  • May require additional customization for unique designs
  • Lacks built-in dark mode or color scheme options

Code Comparison

Both repositories contain the same code, as they are identical. Here's a sample from the HTML structure:

<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">Clarence Taylor</span>
        <span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/profile.jpg" alt="..." /></span>
    </a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
    <!-- Navigation items -->
</nav>

As the repositories are identical, there are no differences to highlight in the code comparison.

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

Pros of resume-template

  • More customizable and flexible design
  • Includes a JSON-based data file for easy content management
  • Supports multiple themes and color schemes

Cons of resume-template

  • Requires more technical knowledge to set up and customize
  • Less mobile-responsive out of the box
  • Fewer pre-built sections compared to startbootstrap-resume

Code Comparison

resume-template:

# _data/resume.yml
basics:
  name: "John Doe"
  label: "Web Developer"
  email: "john@example.com"
skills:
  - name: "Web Development"
    keywords: ["HTML", "CSS", "JavaScript"]

startbootstrap-resume:

<!-- index.html -->
<div class="subheading mb-3">Programming Languages &amp; Tools</div>
<ul class="list-inline dev-icons">
  <li class="list-inline-item"><i class="fab fa-html5"></i></li>
  <li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
  <li class="list-inline-item"><i class="fab fa-js-square"></i></li>
</ul>

The resume-template uses a YAML data file to manage content, while startbootstrap-resume directly embeds content in HTML. This makes resume-template more maintainable for larger projects but requires additional setup. startbootstrap-resume offers a simpler approach for quick deployment but may be less flexible for extensive customization.

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

Pros of modern-resume-theme

  • Built with Jekyll, allowing for easy customization and static site generation
  • Supports multiple languages and internationalization
  • Includes a dark mode option out of the box

Cons of modern-resume-theme

  • Less visually polished compared to startbootstrap-resume
  • Requires more technical knowledge to set up and customize
  • Limited pre-built sections compared to startbootstrap-resume

Code Comparison

modern-resume-theme:

# _config.yml
name: Your Name
title: Your Job Title
email: your-email@example.com
website: www.yourwebsite.com
darkmode: false

startbootstrap-resume:

<!-- index.html -->
<div class="subheading mb-5">
    3542 Berry Street · Cheyenne Wells, CO 80810 · (317) 585-8468 ·
    <a href="mailto:name@email.com">name@email.com</a>
</div>

The code snippets highlight the different approaches:

  • modern-resume-theme uses a YAML configuration file for easy customization
  • startbootstrap-resume relies on HTML structure for content placement

Both themes offer unique features and trade-offs. Choose based on your technical skills and desired customization level.

A minimal Jekyll Theme to host your resume (CV) on GitHub with a few clicks.

Pros of online-cv

  • Built with Jekyll, allowing for easy customization and integration with GitHub Pages
  • Includes a color customizer for quick theme changes
  • Supports multiple languages out of the box

Cons of online-cv

  • Less visually polished design compared to startbootstrap-resume
  • Fewer pre-built sections and layout options
  • May require more technical knowledge to customize fully

Code Comparison

online-cv (YAML-based content structure):

basics:
  name: "John Doe"
  label: "Programmer"
  picture: "https://via.placeholder.com/150"
  email: "john@gmail.com"
  phone: "(912) 555-4321"
  website: "https://johndoe.com"

startbootstrap-resume (HTML-based structure):

<div class="resume-section-content">
  <h1 class="mb-0">
    Clarence
    <span class="text-primary">Taylor</span>
  </h1>
  <div class="subheading mb-5">
    3542 Berry Street · Cheyenne Wells, CO 80810 · (317) 585-8468 ·
    <a href="mailto:name@email.com">name@email.com</a>
  </div>
</div>

Both repositories offer templates for creating online resumes or CVs, but they differ in their approach and features. online-cv uses Jekyll and YAML for content management, making it more flexible for developers familiar with these technologies. startbootstrap-resume provides a more polished design out of the box and may be easier for non-developers to customize using HTML and CSS.

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

Start Bootstrap - Resume

Resume is a resume and CV theme for Bootstrap created by Start Bootstrap. This theme features a fixed sidebar with content sections to build a simple, yet elegant resume.

Preview

Resume Preview

View Live Preview

Status

GitHub license npm version

Download and Installation

To begin using this template, choose one of the following options to get started:

Usage

Basic Usage

After downloading, simply edit the HTML and CSS files included with dist directory. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the index.html file in your web browser.

Advanced Usage

Clone the source files of the theme and navigate into the theme's root directory. Run npm install and then run npm start which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the package.json file to see which scripts are included.

npm Scripts

  • npm run build builds the project - this builds assets, HTML, JS, and CSS into dist
  • npm run build:assets copies the files in the src/assets/ directory into dist
  • npm run build:pug compiles the Pug located in the src/pug/ directory into dist
  • npm run build:scripts brings the src/js/scripts.js file into dist
  • npm run build:scss compiles the SCSS files located in the src/scss/ directory into dist
  • npm run clean deletes the dist directory to prepare for rebuilding the project
  • npm run start:debug runs the project in debug mode
  • npm start or npm run start runs the project, launches a live preview in your default browser, and watches for changes made to files in src

You must have npm installed in order to use this build environment.

Bugs and Issues

Have a bug or an issue with this template? Open a new issue here on GitHub or leave a comment on the theme overview page at Start Bootstrap.

About

Start Bootstrap is an open source library of free Bootstrap themes and templates. All of the free themes and templates on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.

Start Bootstrap was created by and is maintained by David Miller.

Start Bootstrap is based on the Bootstrap framework created by Mark Otto and Jacob Thorton.

Copyright and License

Copyright 2013-2023 Start Bootstrap LLC. Code released under the MIT license.

NPM DownloadsLast 30 Days