Session 9 - Headers and Footers
1. Add meta tags in the head.
FSF Training
All about
Meta Tags
2. Modify body style and add menu and footer styles.
body { font-family: arial; color: rgb(128,0,0); /* Maroon */ margin: 0; }
nav { overflow: hidden; background-color: #800000; /* Maroon */ position: fixed; top: 0; width: 100%; } nav a { float: left; display: block; color: #ffffff; /* White */ text-align: center; padding: 14px 16px; text-decoration: none; font-size: 24px; } nav a:hover { color: #00008B; /* Dark Blue */ background-color: #ffffff; /* White */ } footer { text-align: center; color: rgb(255,255,255); /* White */ background-color: rgb(128,0,0); /* Maroon */ padding: 5px; }
3. Add Menu,Footer and ID tags to each section header.
Top
About
The Team
Locations
Programs
The Next Step Training Website
About
: :
The Team
: :
Locations
: :
Programs
: :
Open
FSF Website