HTML-CSS-Resume

Build your own online resume!

Write your code in the classwork folder.

---

Task 1 / Classwork 1 (Lecture 3 - HTML)

Just HTML & Content

• Create your own resume using only HTML

• [ For grading ] index.html Must contain proper html structure and use the following tags:

  • heading (h1, h2, ...)
  • paragraph (p)
  • div
  • lists (ul-li / ol-li)
  • image (img)
  • links (a)
  • table (th, tr, td, ...)
  • form (form, input, button, ...)

Work & submit in a branch named html

---

Task 2 / Classwork 2 (Lecture 4 - CSS)

Style your HTML resume using CSS

• Unleash your creativity

  • Imagine / draw out how you want the content on your resume to look and implement it with CSS
  • You may take inspiration from csszengarden.com to see what's possible with CSS

• [ For grading ] Your submitted code must meet the following:

  • style.css should be injected into index.html as an external stylesheet
  • Some HTML elements in index.html should contain style or class attributes
  • CSS rules defined in style.css should contain atleast one
    • id selector,
    • class selector, and
    • element selector
  • CSS rules defined in style.css should contain atleast one occurence of each of the following properties
    • font size
    • font color
    • margin
    • padding
    • width
    • background color

Work & submit in a branch named css

---

Task 3 / Classwork 3 (Lecture 5 - Responsive Design)

Make your resume site responsive using media queries

• Use media queries to make your site responsive for mobile devices

• Test and debug using Chrome Developer Tools

• [ For grading ] Your submitted code must meet the following:

  • responsive.css should be injected into index.html as an external stylesheet
  • index.html should contain the viewport meta tag
  • responsice.css should define the following media queries:
    • for devices with less than 500px of width
    • for devices with more than 1000px of width
    • for devices within any specified range of width

Work & submit in a branch named responsive

---

Featured Assignments from previous semesters

Spring 2017

HTML CSS Resume by Samina Hossain 1421163