layout-basic-1–Basic Layout 1

Media Files

πŸ“¦ Media File Download (724 KB)

Project Submission

+ Submit Assignment

Your submissions

Requirement

Please implement the layout by using Zurb Foundation CSS framework.

Text used in the layout

Weather Forecast

Side bar

Forecast

Main content goes here. Main content goes here. Main content goes here. Main content goes here. Main content goes here.

Saturday
Sunday
Monday

Read more

Footer Section A
Footer Section B
Footer Section C
Footer Section D

Copyright

Image

The sunny image URL: http://openweathermap.org/img/w/01d.png

Transition

When header is mouse hover, the background color change from light blue to steel blue.


You may use either 6.4 or 6.3:

6.4.3

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css

6.3.0

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.min.css

Submission guideline

You may submit a codepen URL or zip and upload your HTML file.