From 660440a514254f2ede866f5b444bc4a850f04279 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Mon, 2 Sep 2024 23:42:13 +0100 Subject: [PATCH] Add single page CV project --- src/data/projects/basic-html-website.md | 2 +- src/data/projects/single-page-cv.md | 49 +++++++++++++++++++++++++ 2 files changed, 50 insertions(+), 1 deletion(-) create mode 100644 src/data/projects/single-page-cv.md diff --git a/src/data/projects/basic-html-website.md b/src/data/projects/basic-html-website.md index 0895bac59..6fd723490 100644 --- a/src/data/projects/basic-html-website.md +++ b/src/data/projects/basic-html-website.md @@ -2,7 +2,7 @@ title: 'Basic HTML Website' description: 'Create simple HTML only website with multiple pages.' isNew: false -sort: 1 +sort: 2 difficulty: 'beginner' nature: 'HTML' skills: diff --git a/src/data/projects/single-page-cv.md b/src/data/projects/single-page-cv.md new file mode 100644 index 000000000..99fe2b861 --- /dev/null +++ b/src/data/projects/single-page-cv.md @@ -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. + +
+ +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.