Harkkatyö:
https://www.simplymgr.com
Bootstrap, Google Fonts, FontAwesome, Animate.css ja Balloon.css.
Boostrapissa hyvää että saa helposti responsiivisuuden toimimaan. Myös paljon erilaisia valmiita tyylejä joita voi hyödyntää. Erilaiset navigointi ratkaisut helpottavat myös tekemistä, vaikkakin niiden muuttaminen ollut hieman hankalaa. Bootstrapista on myös kattavaa materiaalia ja pienellä Googlailulla löytyy varmasti ratkaisu omaan ongelmaan.
Google Fontseista saa helposti löydettyä tyylikkäitä kirjaisimia ja niitä voi käyttää vapaasti ilman suurempaa mietintää. Niitä on helppo lisätä, mikä helpottaa testaamisessa.
FontAwesomilla saa mukavasti erilaisia kuvia ja namiskoita, joita voi venyttää surutta.
Animate.css kirjastolla saa näyttäviä animaatioita helposti. Hyvät ohjeet käytöstä GitHubissa. https://github.com/daneden/animate.css
Balloon.css mahdollistaa infolaatikoiden lisäämisen elementteihin ilman JavaScriptiä. Hyvä keino antaa lisätietoa asioista, eikä vie turhaa tilaa sivulta.
Mockup: https://www.fluidui.com/editor/live/preview/cF82MGNYVk9sbFpPcldJNVc4Zms3RDhudEkwU1NNNk1Deg==