/HTML-CSS-Wireframe

Building a wireframe | a web design skeleton using HTML/CSS

Primary LanguageHTML

HTML/CSS-Wireframe

Overview

Build a web design skeleton using HTML/CSS and commit changes to the GitHub repository. Your completed work should look just like the image below:

Image of web design skeleton

Instructions

Recreate the image above using the specifications listed below:

HTML contains each of the following sections:

  • Header
  • Nav
  • Aside
  • Section
  • Article (With a Heading)
  • Headers
  • Paragraph

CSS contains styles for each of the following elements:

  • Body
  • Header, nav, and footer
  • Section
  • Aside
  • Article
  • .clear
  • Text elements: h1, p, etc.

The colors used in final layout should be:

  • Background #777
  • Content: #ebebeb

The widths of the body section is:

  • body: 960px
  • section: 495px

The fonts used in the layout are:

  • font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  • font-size: 18px