Reference no: EM132324714

Create 1 valid HTML5 page that can use 2 unique style sheets, each with their own layouts. Each layout must meet the following minimum requirements.

Specification

The markup page is a validated HTML5 page (required for marking) and meets expected coding practices.

2 unique External CSS created and linked to in the markup

Using only CSS, make each web page very unique in colour, layout, text-styles, links, etc... It is not good enough to just change the NAV direction.

Note: Your markup (HTML) will have links to your 2 CSS pages. You can include <link> elements to the two style sheets and comment out the one you're not using.

Header Sections

Unique identifier and proper HTML5 semantic element applied to header area

Add a border radius and box-shadow to this section

At least 1 image included

Navigation Section

Unique identifier and proper HTML5 semantic element used for the navigation area

Use a list for navigational structures with a minimum of 4 menu items

Each page should have only one navigation. In one page this navigation should be displayed vertically, and the other horizontally.(Remember, direction of the navigation is determined by the CSS)

Bullets must be removed from lists and a transform is added to the :hover pseudo-class in one of the style sheets (or all style sheets if you want)

Content Section

Create few paragraphs of text and using CSS, distribute them into 2 columns (use Lorem Ipsum TEXT if you want)

This is an example of paragraph text put into two columns:

Each content area should have at least 1 styled heading

All paragraphs should be styled (e.g. font, colour)

Styling

Paragraph styles must include at least 2 declarations within the CSS selector and use a web font

At least 2 heading styles are customized

Ensure links have styles applied to them using the 4 <a> related pseudo-classes