Resume Building Assignment
Resume Building Assignment
Homework Assignment
Create a Single Page Resume/CV Using HTML and CSS.
Objective
The objective of this homework assignment is to practice creating a single-page resume
or curriculum vitae (CV) using HTML and CSS. By completing this assignment, you will
gain hands-on experience in structuring content with HTML tags and styling it with CSS
to create a visually appealing and well-organized resume. Further this resume will be
hosted on github(we will teach you about the hosting on github) and finally you will have
something appealing to show to the world.
Instructions
1. Design: Start by brainstorming the structure and layout of your resume. Consider the
sections you want to include, such as personal information, education, work
experience, skills, and contact details. Sketch a rough design or layout to guide your
development process.
2. HTML Structure: Create an HTML document and structure your resume using
appropriate HTML tags. Use semantic HTML elements to describe the purpose of
each section (e.g., <header>, <main>, <section>, <article>, etc.). Ensure the
content is organized logically and accessible.
3. Content: Fill in the content for each section of your resume. Include relevant
information about your personal details, education, work experience, skills, and any
additional sections you wish to include (e.g., certifications, projects, languages, etc.).
Use appropriate HTML tags to represent different types of information (e.g., <ul> for
lists, <p> for paragraphs, <h1>-<h6> for headings, etc.).
4. CSS Styling: Use CSS to style your resume and make it visually appealing. Apply
different properties like colors, fonts, spacing, and alignments to enhance the
design. Utilize CSS selectors to target specific elements or sections of your resume
and apply styles accordingly. Ensure your design is responsive and looks good on
different screen sizes.
5. Layout and Formatting: Pay attention to the overall layout and formatting of your
resume. Ensure consistency in font styles, sizes, and spacing. Use appropriate
margins, padding, and borders to create visual separation between different
sections. Apply CSS techniques like flexbox or grid for responsive and well-organized
layouts.