By alaahaddad |

This is a visual guide to show each region's placement on the page.

 

Main Navigation - Vertical

Visible on all pages - W3.CSS Color Theme Class w3-theme

Page Wrapper

Header

Visible on all pages - W3.CSS Color Theme Class w3-theme-l4

Main Navigation - Horizontal

Visible on all pages - W3.CSS Color Theme Class w3-theme

Welcome Text

Visible on front page only - W3.CSS Color Theme Class w3-theme-l5

Highlighted

Visible on all pages - W3.CSS Color Theme Class w3-theme-l2

Top Container Wrapper

Visible on front page only - W3.CSS Color Theme Class w3-theme-l4

Top First

w3-theme-l4

Top Second

w3-theme-l4

Top Third

w3-theme-l4

Page Title

Visible on all pages except front page - W3.CSS Color Theme Class w3-theme-d5

Main Container Wrapper

Visible on all pages - W3.CSS Color Theme Class w3-theme-l5

Main Container (Left SideBar - W3CSS Content - Right SideBar) can be (25% - 50% - 25%) or (33% - 33% - 33%).

Breadcrumb

Left SideBar

W3CSS Content

Right SideBar

Bottom Container Wrapper

Visible on front page only - W3.CSS Color Theme Class w3-theme-l2

Bottom First

w3-theme-l4

Bottom Second

w3-theme-l4

Bottom Third

w3-theme-l4

Bottom Forth

w3-theme-l4

Footer Container Wrapper

Visible on all pages - W3.CSS Color Theme Class w3-theme-d3

Footer First

w3-theme-l4

Footer Second

w3-theme-l5

Footer Third

w3-theme-l4

Footer Menu

Visible on all pages - W3.CSS Color Theme Class w3-theme-d4

Copyright

Visible on all pages - W3.CSS Color Theme Class w3-theme-d5