02.01 Boxy – Vyjádření klientů

Zdrojové CSS: /src/css/molecules/box/_testimonial.scss

Defaultní

Tento blok v Umbracu vytvoříte...

Výchozí molekula s vyjádřením. Autor nemusí být odkazem. Pozor na správné použití uvozovek v tagu .box-testimonial__comment.

„Dějepis mě bavil už na gymnáziu, navíc mě zaujala prezentace oboru na veletrhu škol. Na brněnské historii je hodně předmětů, mnoho jich je výběrových a dost také záleží na vyučujícím. Dobré jsou výuky mladých doktorandů, ti jsou do toho zapálení. Nadstandardní jsou některé výběrové kurzy.“
Jana Nejedlá
studentka druhého ročníku

S avatarem

Výchozí molekula s vyjádřením doplněná o avatar. Na box-testimonial__author se přidává modifikátor with-img. Obrázek by měl mít rozměr 62x62px. Opět nemusí být autor odkazem.

„Dějepis mě bavil už na gymnáziu, navíc mě zaujala prezentace oboru na veletrhu škol. Na brněnské historii je hodně předmětů, mnoho jich je výběrových a dost také záleží na vyučujícím. Dobré jsou výuky mladých doktorandů, ti jsou do toho zapálení. Nadstandardní jsou některé výběrové kurzy.“
Jana Nejedlá
studentka druhého ročníku

S avatarem a ohraničením

Výchozí molekula s avatarem doplněná o ohraničení. Na box-testimonial se přidává modifikátor box-testimonial--bordered. Může se použít i verze bez avataru.

„Dějepis mě bavil už na gymnáziu, navíc mě zaujala prezentace oboru na veletrhu škol. Na brněnské historii je hodně předmětů, mnoho jich je výběrových a dost také záleží na vyučujícím. Dobré jsou výuky mladých doktorandů, ti jsou do toho zapálení. Nadstandardní jsou některé výběrové kurzy.“
Jana Nejedlá
studentka druhého ročníku

S avatarem a ohraničením nahoře a dole

Výchozí molekula s avatarem doplněná o ohraničení nahoře a dole. Na box-testimonial se přidává modifikátor box-testimonial--bordered-top-bottom. Může se použít i verze bez avataru.

„Dějepis mě bavil už na gymnáziu, navíc mě zaujala prezentace oboru na veletrhu škol. Na brněnské historii je hodně předmětů, mnoho jich je výběrových a dost také záleží na vyučujícím. Dobré jsou výuky mladých doktorandů, ti jsou do toho zapálení. Nadstandardní jsou některé výběrové kurzy.“
Jana Nejedlá
studentka druhého ročníku

S avatarem a pozadím

Výchozí molekula s avatarem doplněná o pozadí primární barvy. Na box-testimonial se přidává modifikátor box-testimonial--background. Může se použít i verze bez avataru.

„Dějepis mě bavil už na gymnáziu, navíc mě zaujala prezentace oboru na veletrhu škol. Na brněnské historii je hodně předmětů, mnoho jich je výběrových a dost také záleží na vyučujícím. Dobré jsou výuky mladých doktorandů, ti jsou do toho zapálení. Nadstandardní jsou některé výběrové kurzy.“
Jana Nejedlá
studentka druhého ročníku

S velkým avatarem

Výchozí molekula s vyjádřením doplněná o velký avatar. Oproti výchozí molekule byl na box-testimonial přidán modifikátor box-testimonial--avatar a lehce bylo změněno html. Obrázek by měl mít rozměr 240x240px. Autor a obrázek může být doplněn o odkaz.