Barvy


  • #FFFFFF

  • #1C2724

  • #DCDEDF

  • #FFEC59

  • #007759

Nadpisy

Margin top: 30px

H1 Franklin Gothic URW demi 52px

Margin bottom: 30px

0: letter-spacing
54: line-height
52: font-size

Margin top: 30px

H2 Franklin Gothic URW book 42px

Margin bottom: 30px

0: letter-spacing
51: line-height
42: font-size

Margin top: 20px

H3 Franklin Gothic URW demi 24px

Margin bottom: 20px

0: letter-spacing
38: line-height
24: font-size

Margin top: 20px

H4, H5, H6 Franklin Gothic URW demi 18px

Margin bottom: 20px

0: letter-spacing
36: line-height
18: font-size

Margin top: 20px
H6 Franklin Gothic URW demi 22px
Margin bottom: 20px

0: letter-spacing
36: line-height
18: font-size

Texty

Perex 22 FranklinGothic URW 22 Book

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.

0: letter-spacing
36: line-height
22: font-size

Perex 16 FranklinGothic URW 16 Book

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.

0: letter-spacing
26: line-height
16: font-size

Seznamy

Neřazený seznam - m-list m-list--check

Margin top: 20px
  • Lorem ipsum dolor sit amet
  • Quis autem vel eum iure
  • Donec odio tempus molestie
  • Ut enim ad minima veniam
  • Et harum quidem rerum facilis est
Margin top: 20px

0: letter-spacing
36: line-height
16: font-size

Neřazený seznam - m-list m-list--plus

Margin top: 20px
  • Lorem ipsum dolor sit amet
  • Quis autem vel eum iure
  • Donec odio tempus molestie
  • Ut enim ad minima veniam
  • Et harum quidem rerum facilis est
Margin top: 20px

0: letter-spacing
36: line-height
16: font-size

Neřazený seznam

Margin top: 20px
  • Lorem ipsum dolor sit amet
  • Quis autem vel eum iure
  • Donec odio tempus molestie
  • Ut enim ad minima veniam
  • Et harum quidem rerum facilis est
Margin top: 20px

0: letter-spacing
36: line-height
16: font-size

Číselný seznam

Margin top: 20px
  1. Lorem ipsum dolor sit amet
  2. Quis autem vel eum iure
  3. Donec odio tempus molestie
  4. Ut enim ad minima veniam
  5. Et harum quidem rerum facilis est
Margin top: 20px

0: letter-spacing
36: line-height
16: font-size

Tlačítka

Standard

Margin top: 0
Kontaktujte nás
Margin bottom: 0

FranklinGothic URW
0: letter-spacing
26: line-height
16: font-size

Margin top: 0
Seznam pozic
Margin bottom: 0

FranklinGothic URW
0: letter-spacing
26: line-height
16: font-size

Margin top: 0
O práci v ČEPRO
Margin bottom: 0

FranklinGothic URW
0: letter-spacing
26: line-height
16: font-size

Bohaté zaměstnanecké benefity

Skupina tlačítek

Margin top: 0
Tlačítko Tlačítko
Margin bottom: 0

Vertikální odsazení (margin) přidávat třídou:
.m-*

Ikony

Oddělovač

Margin bottom: 20px
Margin bottom: 20px

Obrázky ve WYSIWYG

Alt obrázku Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum fermentum tortor id mi. Aenean fermentum risus id tortor. Cras elementum. Integer lacinia. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Fusce wisi. Aliquam ornare wisi eu metus. Ut tempus purus at lorem. Aenean vel massa quis mauris vehicula lacinia. Proin in tellus sit amet nibh dignissim sagittis. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Aliquam erat volutpat. Fusce tellus. Etiam commodo dui eget wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Aliquam ornare wisi eu metus. Ut tempus purus at lorem. Aenean vel massa quis mauris vehicula lacinia. Proin in tellus sit amet nibh dignissim sagittis. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Aliquam erat volutpat. Fusce tellus. Etiam commodo dui eget wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam.

Alt obrázku

Alt obrázku Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum fermentum tortor id mi. Aenean fermentum risus id tortor. Cras elementum. Integer lacinia. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Fusce wisi. Aliquam ornare wisi eu metus. Ut tempus purus at lorem. Aenean vel massa quis mauris vehicula lacinia. Proin in tellus sit amet nibh dignissim sagittis. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Aliquam erat volutpat. Fusce tellus. Etiam commodo dui eget wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Aliquam ornare wisi eu metus. Ut tempus purus at lorem. Aenean vel massa quis mauris vehicula lacinia. Proin in tellus sit amet nibh dignissim sagittis. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Aliquam erat volutpat. Fusce tellus. Etiam commodo dui eget wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam.

Fotolist

Alt obrázku
Alt obrázku
Alt obrázku
Alt obrázku
Alt obrázku
Alt obrázku
Alt obrázku
Alt obrázku

Tabulka

First Last Handle
Mark Otto @mdo
Jacob Thornton @fat

Responzivní tabulka

First Last Handle
Mark Otto @mdo
Jacob Thornton @fat

Formuláře