1. Jatketaan samaa harjoitusta kuin viime tunnilla.
2. Siirrä navigointipalkki heti otsikon alapuolelle. Muokataan sivun ylälaitaan tyylikäs navigointipalkki.
3. Muokataan .navigointipalkki ul- kohtaa tyylitiedostosta.
   • Poista navigointipalkin listasta listamerkit (pyöreät mustat pallot) list-style-type komennolla.
   • Määritä taustaväriksi haluamasi RGB arvo.
   • Lisää loppuun vielä komento overflow: hidden;
4. Muokataan .navigointipalkki li -kohtaa tyylitiedostosta.
   
   • Tällä hetkellä listassa olevat asiat näkyvät allekkain. Haluamme ne näkyviin vierekkäin. Tämä tapahtuu komennolla float: left
5. Muokataan .navigointipalkki a- kohtaa tyylitiedostosta. Tällä saamme muokattua linkkien ulkoasua.
   
   • Muuta linkkien tekstin väriksi esim. valkoinen
   • Lisätään jokaisen linkin oikealle ja vasemmalle puolelle tyhjä tilaa 40 pikseliä asettamalla padding-right ja padding-left arvoon 40px
   • Poistetaan linkkien alleviivaus asettamalla text-decoration arvoon none.
6. Muokataan .navigointipalkki a:hover- kohtaa tyylitiedostosta.
   • Lisätään taustaväri kun hiiri viedään linkin päälle.

MUISTA TALLENTAA!