This device is not compatible.

Creating an Online CV with HTML and CSS

PROJECT

Creating an Online CV with HTML and CSS

In this project, we’ll craft an interactive online CV by leveraging HTML and CSS, resulting in a captivating and personalized digital resume presentation.

You will learn to:

Create an online CV using HTML and CSS.

Design an interactive and visually appealing layout.

Showcase relevant work history, education, and skills.

Incorporate semantic HTML and responsive design.

Deploy the CV to the internet.

Receive emails via an HTML form.

Skills

Web Development

Front-end Development

Prerequisites

Basic knowledge of HTML

Basic knowledge of CSS

Basic knowledge of Git and GitHub

Technologies

CSS

HTML

GitHub

Project Description

This project focuses on developing a professional online CV using HTML and CSS, helping us strengthen our frontend web development skills through hands-on tasks. We begin by creating the basic HTML structure and linking a stylesheet to define the layout, typography, and color scheme. Using semantic tags and responsive design techniques, we ensure that the CV is both accessible and visually appealing across different devices.

We then add personal details such as contact information, education, work experience, skills, projects, and an interactive form for gathering visitor feedback. Finally, the completed CV is deployed using GitHub Pages, making it accessible online and ready to share with potential employers.

Project Tasks

Introduction

Task 0: Get Started

Designing the Layout with CSS

Task 1: Link Stylesheet and Set Meta Tags

Task 2: Enhancing Structure and Readability with CSS

Task 3: Incorporate Responsive Design Techniques

Adding Personal Information

Task 4: Collect and Add Personal Information

Task 5: Include Educational Details in the CV

Task 6: Include Relevant Work History

Task 7: Add Skills, Proficiency, and Projects in the CV

Task 8: Use Forms to Gather Additional Information

Deploying the Online CV

Task 9: Upload the Code to GitHub

Task 10: Enable GitHub Pages

Congratulations!

Subscribe to project updates

Hear what others have to say

Join 1.4 million developers working at companies like

"Another great hands on project to apply your knowledge learned. Thank you Educative ❤️"

Atabek BEKENOV

Senior Software Engineer

"Super excited to learn E-commerce website for my own startup venture. Thanks for your great learning platform."

Pradip Pariyar

Senior Software Engineer

"This was an excellent lesson. I learned a lot working through the process. I enjoyed it so much that I rebuilt it my AWS account to see how hard it would be to deploy to a production environment."

Renzo Scriber

Senior Software Engineer

"It was my first proper data engineering project and it was amazing."

Vasiliki Nikolaidi

Senior Software Engineer

"It's a fantastic way to do hands-on practice; I enjoy this way of learning."

Juan Carlos Valerio Arrieta

Senior Software Engineer

Relevant Courses

Use the following content to review prerequisites or explore specific concepts in detail.