4Geeks logo
4Geeks logo

Bootcamps

Explore our extensive collection of courses designed to help you master various subjects and skills. Whether you're a beginner or an advanced learner, there's something here for everyone.

Academy

Learn live

Join us for our free workshops, webinars, and other events to learn more about our programs and get started on your journey to becoming a developer.

Upcoming live events

Learning library

For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.

It makes sense to start learning by reading and watching videos about fundamentals and how things work.

Full-Stack Software Developer - 16w

Data Science and Machine Learning - 16 wks

Search from all Lessons


LoginGet Started
โ† Back to Projects

Build your resume in HTML/CSS

Difficulty

  • easy

Average duration

3 hrs

Technologies

  • Resume Building

  • Layouts

  • Flex Box

  • HTML and CSS

  • Resume

Difficulty

  • easy

Average duration

3 hrs

Technologies

Signup and get access to similar projects

We will use it to give you access to your account.
Already have an account? Login here.

Difficulty

  • easy

Average duration

3 hrs

Technologies

Difficulty

  • easy

Average duration

3 hrs

Technologies

Weekly Coding Challenge

Every week, we pick a real-life project to build your portfolio and get ready for a job. All projects are built with ChatGPT as co-pilot!

Start the Challenge

Podcast: Code Sets You Free

A tech-culture podcast where you learn to fight the enemies that blocks your way to become a successful professional in tech.

Listen the podcast

Your Resume (CV) in HTML and CSS

Resume in HTML/CSS Breathecode

You are in your way to be a software developer, you are going to need to update your Resume eventually, hug? ๐Ÿ’ช๐Ÿ˜…

These are some examples of resumes you can build:

Version 1Version 2Version 3

Click to expand

Click to expand

Click to expand

๐ŸŒฑ How to start this project

This project comes with the necessary files to start working, but you have two options to start:

a) Open this link in your browser with gitpod(recommended): https://gitpod.io#https://github.com/breatheco-de/exercise-build-your-resume-html-css.git

b) You can clone this repository on your local computer:

1$ git clone https://github.com/breatheco-de/exercise-build-your-resume-html-css.git

๐Ÿ’ก Important: Remember to create a new repository, update the remote (git remote set-url origin <your new url>), and upload the code to your new repository using add, commit and push.

๐Ÿ“ Instructions

The ideal example is version 3 but you can build version 1 or version 2 first, and later jump into version 3.

Start by drawing your strategy!

Look at the expected result and use a marker to identify the tags, imagen what CSS styles will you be applying to them, remember to reuse styles, don't repeat yourself!

Strategy 1Strategy 2
Strategy 1 Resume Click to expandStrategy 2 resume Click to expand

๐Ÿ’กTips when building your resume:

  1. Rely heavily on the different HTML tags available: <h1>, <h2>, <h3>, <p> (paragraph), <ul> or <ol> (bullets or ordered list), <divs>.

  2. Start by defining your strategy, pick the tags first. Then start coding.

  3. When building your CSS start from the most generic and general to the most specific, it will decrease the amount of work dramatically. For example:

    • You can apply a style to all of your h1 at once to make them stronger.
    • You can apply the font family to the entire website <body>.
    • You can pick the colors for everything and then only specify different colors for the few exceptions.

Difficulty

  • easy

Average duration

3 hrs

Technologies

Difficulty

  • easy

Average duration

3 hrs

Technologies

Signup and get access to similar projects

We will use it to give you access to your account.
Already have an account? Login here.

Difficulty

  • easy

Average duration

3 hrs

Technologies

Difficulty

  • easy

Average duration

3 hrs

Technologies

Weekly Coding Challenge

Every week, we pick a real-life project to build your portfolio and get ready for a job. All projects are built with ChatGPT as co-pilot!

Start the Challenge

Podcast: Code Sets You Free

A tech-culture podcast where you learn to fight the enemies that blocks your way to become a successful professional in tech.

Listen the podcast