Add single page CV project

pull/6972/head
Kamran Ahmed 3 months ago
parent bd8cc0dc14
commit 660440a514
  1. 2
      src/data/projects/basic-html-website.md
  2. 49
      src/data/projects/single-page-cv.md

@ -2,7 +2,7 @@
title: 'Basic HTML Website' title: 'Basic HTML Website'
description: 'Create simple HTML only website with multiple pages.' description: 'Create simple HTML only website with multiple pages.'
isNew: false isNew: false
sort: 1 sort: 2
difficulty: 'beginner' difficulty: 'beginner'
nature: 'HTML' nature: 'HTML'
skills: skills:

@ -0,0 +1,49 @@
---
title: 'Single-Page CV'
description: 'Create a single-page HTML CV to showcase your career history'
isNew: false
sort: 1
difficulty: 'beginner'
nature: 'HTML'
skills:
- 'HTML'
- 'Semantic HTML'
- 'Layout'
- 'SEO'
seo:
title: 'Single-Page HTML CV Project'
description: 'Create a simple single-page HTML CV that displays your education, skills, and career history.'
keywords:
- 'html cv'
- 'single-page cv'
- 'html resume'
roadmapIds:
- 'frontend'
---
> The goal of this project is to teach you how to create a structured, single-page CV using only HTML. You will focus on laying out your education, skills, and career history in a clean, semantic manner. Styling will be addressed in a later project.
In this project, you are required to create a single-page CV (Curriculum Vitae) using only HTML. Your webpage should look like the following image:
![Single-Page HTML CV](https://assets.roadmap.sh/guest/resume-template-zyl70.png)
Key requirements for this project:
- **Semantic HTML**: Use appropriate HTML tags to structure your CV.
- **SEO Meta Tags**: Include essential meta tags for SEO.
- **Open Graph (OG) Tags**: Add OG tags for better social media sharing.
- **Favicon**: Add a favicon for your CV page.
The structure of your CV should be easily understandable and ready for styling in a future project.
### Submission Checklist:
- Semantically correct HTML structure.
- Single-page layout with sections for education, skills, and career history.
- SEO meta tags in the head section.
- OG tags for better social media sharing.
- A favicon linked in the head section.
<hr />
By completing this project, you'll gain a solid understanding of how to create a single-page CV using HTML, apply basic SEO principles, and prepare your webpage for future styling. This foundation will enable you to move on to styling the CV using CSS in subsequent projects.
Loading…
Cancel
Save