Introduction
In this project you will clone the website of one of the most design-forward companies in the world. Although it isn’t a very complex website, it uses background photos very well. In addition the top navbar contains a gradient that you should be able to create.
Assignment
- Take a close look at the screenshot below which is taken from an old version of the Apple website:
-
Create a new HTML document and download the media assets that you will use from here.
-
Think about all the elements on the page and how they are grouped together.
-
Lay out the basic structure of the page using empty semantic HTML elements that are appropriately sized and positioned.
-
Set up the top navigation bar. How is that gradient achieved?
-
Set up the main background image.
-
Fill in and position the additional sections. Don’t worry about enclosing every paragraph of text in
<p>tags. -
Push your solution, create the pull request and submit its URL.
