Tekstin otsikko 1
Tämä on harrastuskäytössä olevan sivuston geneeriseen muotoon muokattu ulkoasu. Ulkoasu on toteutettu käyttäen HTML ja CSS-kieliä. Sivuston toteutuksessa on käytetty tavanomaisia näille kielille ominaisia elementtejä, kuten flexboxia, gridiä, pseudoelementtejä jne. Visuaalisen ilmeen toteuttamisessa on käytetty ilmaisen kuvapankin Pixabayn grafiikkaa ja ikoneita Font Awesome-sivustolta.
Olen harrastanut koodaamista yli 10 vuotta. Koodasin ensimmäiset kokonaan HTML-pohjaiset sivuni 12-vuotiaana. Olen päivittänyt osaamistani jatkuvasti, mutta koska kyseessä on vain harrastus, on mahdollista, että jotkin metodit eivät ole täysin ajantasaisia.
Sivun responsiivisuus
Tämä simppeli sivusto on toteutettu alkeellisesti mobiiliresponsiivisesti, mutta sitä ei ole testattu laajamittaisesti. Otsikon ja linkkien tyylimuotoilut eroavat mobiililaitteella käytettäessä. Lisäksi sivun content-osio on toteutettu flexboxilla, jolloin tietokoneella tekstilaatikko ja sivupalkki sijoittuvat vierekkäin, kun taas mobiililaitteella, kuten puhelimella sivupalkki siirtyy tekstiosion alapuolelle.
Pienempi alaotsikko
Olen testannut sivustoa Google Chromella ja Safarilla. Tästä johtuen on mahdollista, että jotain pieniä virheitä voi esiintyä sellaisilla selaimilla, jotka eivät ole webkit-pohjaisia (kuten IE). Sivun toimivuus on testattu iOS käyttöjärjestelmällä, sekä puhelimella että tabletilla.
Tähän esimerkiksi
sivuston ylläpitäjän tiedot
