02.01 Boxy – Vyjádření klientů
Zdrojové CSS: /src/css/molecules/box/_testimonial.scss
Defaultní
Tento blok v Umbracu vytvoříte...
„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
Defaultní – menší font
Tento blok v Umbracu vytvoříte...
Výchozí molekula s vyjádřením v menším fontem. Autor nemusí být odkazem. Pozor na správné použití uvozovek v tagu .box-testimonial__comment. Na hlavní box je potřeba přidat modifikátor .box-testimonial--small.
„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.“
studentka druhého ročníku Jana Nejedlá
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.“
studentka druhého ročníku Jana Nejedlá
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.“
studentka druhého ročníku Jana Nejedlá
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.“
studentka druhého ročníku Jana Nejedlá
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 180x180px. Autor a obrázek může být doplněn o odkaz.
CTA tlačítko lze použít kterékoliv z atomu Button
![]()
„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 a ohraničením
Molekula vycházející z molekuly S velkým avatarem doplněná o ohraničení. Oproti molekule byl na box-testimonial přidán ještě modifikátor box-testimonial--bordered. Obrázek by měl mít rozměr 180x180px.
CTA tlačítko lze použít kterékoliv z atomu Button
![]()
„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
Molekula vycházející z molekuly S velkým avatarem doplněná o pozadí. Oproti molekule byl na box-testimonial přidán ještě modifikátor box-testimonial--background. Obrázek by měl mít rozměr 180x180px.
CTA tlačítko lze použít kterékoliv z atomu Button
![]()
„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 fotkou a ohraničením
![]()
„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.“
Jana Nejedlá
studentka druhého ročníku
S fotkou a pozadím
![]()
„Studium v Brně mne inspirovalo k založení oboru archeologie na olomoucké Univerzitě Palackého.“
Mgr. Pavlína Kalábková, Ph.D.
Zakladatelka a vedoucí sekce archeologie katedry historie Olomoucké univerzity a předsedkyně archeologické sekce Vlastivědné muzejní společnosti v Olomouci, absolventka doktorského studia roku 2010.
S fotkou a pozadím - menší text
Hlavní text jde libovolně zmenšit/zvětšit použitím headlinové util classy z frameworku .h1 až .h6.
![]()
„Studium v Brně mne inspirovalo k založení oboru archeologie na olomoucké Univerzitě Palackého. Na brněnské historii je hodně předmětů a dost také záleží na vyučujícím.“
Mgr. Pavlína Kalábková, Ph.D.
Zakladatelka a vedoucí sekce archeologie katedry historie Olomoucké univerzity a předsedkyně archeologické sekce Vlastivědné muzejní společnosti v Olomouci, absolventka doktorského studia roku 2010.
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.