📘 Overview

You have previously completed:

• Your PDF CV design

• Your HTML Resume (separate GitHub repo)

• Your HTML Form (separate GitHub repo)

In this assignment, you will add CSS styling to both projects and update your code following the correct Git workflow.

🔄 Important Reminder About Git Flow

For this assignment, you must follow the Git branching workflow:

This means:

1. Commit and push your work to the dev branch

2. Merge dev → beta

3. Merge beta → main

4. Your final submission must be visible in the main branch

Failure to follow this workflow may result in lost marks.

🎨 Part 1 — Style Your Resume According to Your Own PDF Design

You must style your resume HTML so it matches the design in the PDF CV you submitted previously.

✔ Requirements:

• Add a style.css file into your resume repository

• Link it using:

   

  <link rel="stylesheet" href="style.css">

• Your CSS should match your PDF layout as closely as possible:

  • Structure + alignment

  • Color scheme

  • Typography

  • Section spacing

  • Header style

Commit → push → merge through the Git flow:
dev → beta → main

🧑‍🎨 Part 2 — Style Your Form (Creative or AI-Inspired Design)

You may design the form however you like.

You may:

• Create your own theme, or

• Ask an AI to suggest a UI design and implement it

✔ Requirements:

• Styled labels, inputs, and button

• Spacing and layout

• Button hover effect

• Overall consistent color theme

• Optional: rounded corners, shadows, transitions

Commit → push → merge through the Git flow:
dev → beta → main

📤 Submission Instructions

Submit two GitHub repository URLs in Moodle on separate lines, like this:

⚠️ Make sure:

• Both links point to the main branch version of your project

• Your final work has been merged correctly using dev → beta → main

Example:

✅ Grading Criteria

• Correct use of external CSS

• Resume styling matches your own PDF

• Form design is clean, readable, and fully styled

• Git flow followed correctly (dev → beta → main)

• Correct submission format (two repo links on separate lines)

• Code visible and functional in the main branch