Assignment 1
Try to create a page with HTML and CSS that comes as close to the example below as you can.
While working on this assignment commit at least once for every section. More is allowed.
When you're done upload the site on your FTP server so that it is visitable via yoururl/assignment1
- Imagine you are a freelancer and you want to create a page for yourself.
- Use an
external CSS file - Elements you
need to use: h1, h2, a, table, tr, td, th, p, ul, li, div, img - The 3 links at the top of the page are
anchor links , if you click them you go to thecorrect section - Use
flexbox at least once (for example for the about me or the projects section or both) - Add at least
1 link to an external page (for example linkedin link, if you click it opens in a new tab) and1 link to an internal page . (for example disclaimer.html for the 'Read our disclaimer', with some lorem ipsum text on it) - Use the
google font "Ubuntu" on your page - When your screen gets
smaller than 1000px you can hide the roster section
Tip 1
Try to match the design I made as closely as possible. The closer you get, the better, but don’t despair—good HTML and CSS are the primary focus. If you follow the guidelines and produce good HTML/CSS, everything will be fine.
Tip 2
If you want to go for that extra mile and have rows accross multiple rows in the availabilities like in my example, look up rowspan on w3schools.
Tip 3
To style the table backgrounds you can use bgcolor.
Tip 4
You can hide the availabilities by using mediaqueries
