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
-
Download or clone the repository from GitHub:
git clone https://github.com/StartBootstrap/startbootstrap-resume.git
-
Navigate to the project directory and open
index.html
in a web browser to view the template. -
Customize the content by editing the
index.html
file. Replace the placeholder text with your personal information, experience, and skills. -
Modify the styles by editing the
css/resume.css
file or adding your own custom CSS. -
To change colors, update the CSS variables in the
:root
selector incss/resume.css
::root { --primary: #bd5d38; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; }
-
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 & 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
designs to code with AI
Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.
Try Visual CopilotREADME
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
Status
Download and Installation
To begin using this template, choose one of the following options to get started:
- Download the latest release on Start Bootstrap
- Install using npm:
npm i startbootstrap-resume
- Clone the repo:
git clone https://github.com/StartBootstrap/startbootstrap-resume.git
- Fork, Clone, or Download on GitHub
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 intodist
npm run build:assets
copies the files in thesrc/assets/
directory intodist
npm run build:pug
compiles the Pug located in thesrc/pug/
directory intodist
npm run build:scripts
brings thesrc/js/scripts.js
file intodist
npm run build:scss
compiles the SCSS files located in thesrc/scss/
directory intodist
npm run clean
deletes thedist
directory to prepare for rebuilding the projectnpm run start:debug
runs the project in debug modenpm start
ornpm run start
runs the project, launches a live preview in your default browser, and watches for changes made to files insrc
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.
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.
Convert
designs to code with AI
Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.
Try Visual Copilot