SECOND DELIVERY

Continue working on your responsive website.

Send me a compress folder (.zip) with the following content:

● index.html
● gallery.html
● page1.html
● page2.html

● a folder with the css files:

○ css
■ W3.css
■ common_style.css
■ index_style.css
■ gallery_style.css
■ page1_style.css
■ page2_style.css

● a folder with the images (create a hierarchy of folders):

○ images
■ index
■ gallery
■ page1
■ page2

You can create more pages (and its corresponding css files and image folder) if you want.

Requirements:

The web site must include:

● Establish the HTML version - doctype

● Establish language (EN)
● Head section with title, meta,..
● Semantic tags
○ Header with h1
○ Nav with the main menu
○ Aside element with links to web pages with more information or
advertisements
○ Footer element
● body with only one h1
● Images with alt
● Table (modify the basic structure)
 ● List
● Iframe
● Bookmarks (go up)
● Dropdown menu (the same menu in every page)
● Image Gallery
● Form
● JS code
● Comments with explanation of the different sections in html and css
● Flexbox
● Responsive design (don’t repeat code and use relatives lengths)
● First Mobile
● Use only External CSS.
● Use normalize css file
● Attractive appearance with balanced colors (combine background color,
text and images)

ACLARATIONS

Dropdown menu (the Change the appearance of the main menu in the mobile
same menu in every version (8. Drop-down menu with icon-bar)
page) In mobile size when you hover over the icon has to appear
the drop-down list with the menu items.

JS If you want to work with external JS, create a new

folder called JS to store JS files.

Remember to check your code with: HTML and CSS Validator

https://validator.w3.org/#validate_by_uri
https://jigsaw.w3.org/css-validator/