Pages

Homepage
HP new
404
Dokumenty
Kredit
Karta
Balíčky
E-shop
E-shop thx
E-shop potvrzení
Koupit SIM
Podpora
Tema
Tema (detail)
Akce
Akce (detail)
Doklad
E-sim
E-sim form
E-sim thx
Pdf
Email
Limitka
Limitka thx
Limitka ruian

Komponents

Accordions
Buttons
Colors
Forms
Typography
Icons
Links
Lists
Tables

Colors

$theme-{x}

orange
blue
white
gray
gray dark
black
blue dark
blue light
blue/green
green
brown
claret
red
red dark
orange dark

Base icons

icon-{x}

android
attachment
bag
box-ribbon
call
compas
bubble-blue
bubble-gray
close
convertnumber
dash
document
excel
error
facebook
instagram
invoice
ios
loupe
menu
mobile
orange-circle
phone
pointer
pointer-filled
printer
protect
plus
self-service
sector
smile
sim
speedmeter
success
thumbs-down
thumbs-up
top
waterboard
youtube

Headlines & Text blocks

Headline H1

Headline H2

Headline H3

Headline H4

Sed congue vitae velit a dictum. Nam at pellentesque ex, eget dictum felis. Donec volutpat suscipit justo, hendrerit consectetur tortor mattis at. Sed eget urna feugiat, cursus arcu sed, consectetur ex. Vestibulum nulla magna, blandit non dolor et, congue auctor lorem. Morbi vestibulum ac sapien ut sodales. Vestibulum vel turpis a sapien posuere congue. Aliquam convallis, urna in mollis dapibus, dui sapien facilisis augue, faucibus cursus mauris nisl et tellus.

Sed congue vitae velit a dictum. Nam at pellentesque ex, eget dictum felis. Donec volutpat suscipit justo, hendrerit consectetur tortor mattis at. Sed eget urna feugiat, cursus arcu sed, consectetur ex. Vestibulum nulla magna, blandit non dolor et, congue auctor lorem. Morbi vestibulum ac sapien ut sodales. Vestibulum vel turpis a sapien posuere congue. Aliquam convallis, urna in mollis dapibus, dui sapien facilisis augue, faucibus cursus mauris nisl et tellus.

Lists (unordered, ordered)

  • Lorem ipsum dolor sit amet consectetuer adipiscing elit
  • Donec quam felis ultricies nec pellentesque eu pretium quis sem nulla consequat massa quis enim
  • Lorem ipsum dolor sit amet consectetuer adipiscing elit
    • Lorem ipsum dolor sit amet consectetuer adipiscing elit
    • Donec quam felis ultricies nec pellentesque eu pretium quis sem nulla consequat massa quis enim
    • Lorem ipsum dolor sit amet consectetuer adipiscing elit
      • Lorem ipsum dolor sit amet consectetuer adipiscing elit
      • Lorem ipsum dolor sit amet consectetuer adipiscing elit
        • Lorem ipsum dolor sit amet consectetuer adipiscing elit
        • Pretium quis sem nulla consequat massa quis enim
      • Lorem ipsum dolor sit amet consectetuer adipiscing elit
      • Pretium quis sem nulla consequat massa quis enim
    • Pretium quis sem nulla consequat massa quis enim
  • Pretium quis sem nulla consequat massa quis enim
  1. Lorem ipsum dolor sit amet consectetuer adipiscing elit
  2. Donec quam felis ultricies nec pellentesque eu pretium quis sem nulla consequat massa quis enim
  3. Lorem ipsum dolor sit amet consectetuer adipiscing elit
    1. Lorem ipsum dolor sit amet consectetuer adipiscing elit
    2. Donec quam felis ultricies nec pellentesque eu pretium quis sem nulla consequat massa quis enim
    3. Lorem ipsum dolor sit amet consectetuer adipiscing elit
      • Lorem ipsum dolor sit amet consectetuer adipiscing elit
      • Lorem ipsum dolor sit amet consectetuer adipiscing elit
        1. Lorem ipsum dolor sit amet consectetuer adipiscing elit
        2. Pretium quis sem nulla consequat massa quis enim
      • Lorem ipsum dolor sit amet consectetuer adipiscing elit
      • Pretium quis sem nulla consequat massa quis enim
    4. Pretium quis sem nulla consequat massa quis enim
  4. Pretium quis sem nulla consequat massa quis enim

Buttons

Normal

Small

Disabled

Accordions

Collapsible Group Item, collapsible Group Item #1

Sed congue vitae velit a dictum. Nam at pellentesque ex, eget dictum felis. Donec volutpat suscipit justo, hendrerit consectetur tortor mattis at. Sed eget urna feugiat, cursus arcu sed, consectetur ex. Vestibulum nulla magna, blandit non dolor et, congue auctor lorem. Morbi vestibulum ac sapien ut sodales. Vestibulum vel turpis a sapien posuere congue. Aliquam convallis, urna in mollis dapibus, dui sapien facilisis augue, faucibus cursus mauris nisl et tellus.

Collapsible Group Item #2

Sed congue vitae velit a dictum. Nam at pellentesque ex, eget dictum felis. Donec volutpat suscipit justo, hendrerit consectetur tortor mattis at. Sed eget urna feugiat, cursus arcu sed, consectetur ex. Vestibulum nulla magna, blandit non dolor et, congue auctor lorem. Morbi vestibulum ac sapien ut sodales. Vestibulum vel turpis a sapien posuere congue. Aliquam convallis, urna in mollis dapibus, dui sapien facilisis augue, faucibus cursus mauris nisl et tellus.

Collapsible Group Item #3

Sed congue vitae velit a dictum. Nam at pellentesque ex, eget dictum felis. Donec volutpat suscipit justo, hendrerit consectetur tortor mattis at. Sed eget urna feugiat, cursus arcu sed, consectetur ex. Vestibulum nulla magna, blandit non dolor et, congue auctor lorem. Morbi vestibulum ac sapien ut sodales. Vestibulum vel turpis a sapien posuere congue. Aliquam convallis, urna in mollis dapibus, dui sapien facilisis augue, faucibus cursus mauris nisl et tellus.

Forms

Input

Chyba: Lorem ipsum dolor sit amet

Textarea

Chyba: Lorem ipsum dolor sit amet

Checkbox

Radio

       

Tables

ID číslo Zaměstnavatel Lékař Datum vzniku
0356879 Firma s.r.o. Jméno Příjmení 19. 10. 2017
0356879 Firma s.r.o. Jméno Příjmení 19. 10. 2017
0356879 Firma s.r.o. Jméno Příjmení 19. 10. 2017
0356879 Firma s.r.o. Jméno Příjmení 19. 10. 2017
0356879 Firma s.r.o. Jméno Příjmení 19. 10. 2017
0356879 Firma s.r.o. Jméno Příjmení 19. 10. 2017
0356879 Firma s.r.o. Jméno Příjmení 19. 10. 2017
0356879 Firma s.r.o. Jméno Příjmení 19. 10. 2017
Extra Small devices
Small devices (SM - from 540px)
Medium devices (MD - from 720px)
Large devices (LG - from 960px)
Extra Large devices (XL - from 1140px)