Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
42 views2 pages

LO2 Assignment

The document provides instructions to create an HTML personal website with a header, menu, image, and sections for projects, work experience, and education. It also tasks the creator to link a CSS file to style the components and make the design responsive across different screen sizes so that content adjusts automatically.

Uploaded by

Xander Max
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
42 views2 pages

LO2 Assignment

The document provides instructions to create an HTML personal website with a header, menu, image, and sections for projects, work experience, and education. It also tasks the creator to link a CSS file to style the components and make the design responsive across different screen sizes so that content adjusts automatically.

Uploaded by

Xander Max
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Task 1: HTML structure

 Create html document with the standard HTML-structure (<html>, <head>, <body> etc.).
 Set up a basic structure that includes a header-element to contain a menu with links to
relevant pages and a picture of you.
 Further, the page should include a section that present projects that you have been part of
in a list, and/or similar sections with work experience, and courses and educational
institutions attended.
 One section presenting one of the examples above is sufficient. You may use the template
to structure your HTML file:
Task 2: CSS
 Create css file and link to it in your HTML-document.
 Add styles to the different components of the page, so that its design resembles
(something like) the layout illustrated in the figure in task 1.

Task 3: Responsive design


 Make sure that your design automatically fits all screen sizes.
 For instance, the number of projects displayed horizontally should automatically adjust to
the width of the screen.
 This can be tested in most desktop browsers.

You might also like