Rozcestník HTML šablon
Rozcestník šablon slouží pouze k interním potřebám.
Stránky
Vývojové prostředí kodéra
Návod na instalaci stejného vývojového prostředí je možný prohlédnout zde.
Informace k HTML/CSS/JS
HTML a CSS je tvořeno pomocí metodiky BEM.
Písmo
Použitá písma: Overpass (Google fonts - písmo je importováno styly @import).
- Regular 400, Regular 400 italic
- Bold 700, Bold 700 italic
CSS
je vygenerované z SCSS, zdrojové soubory pro SCSS jsou ve složce source/styles/*.scss.
Z SCSS je vygenerované minifikované CSS, které má source maps.
JavaScripty
Hlavní prvky, které jsou propojeny s JavaScriptem mají class popřípadě ID js-nazev-propojeni.
Spouštení jmenných prostorů a inicializace pluginů je v js/jquery.scripts.js
JS pluginy
jQuery
Licence MIT
Dokumentace dostupná zde.
Modernizr
Licence MIT
Detekce vlastností prohlížeče. Dokumentace dostupná zde.
jQuery Validation Plugin
Licence MIT
Validace formulářů. Dokumentace dostupná zde.
Nadpis H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo. Duis et facilisis nisl. Cras vehicula, lectus id dictum viverra, mauris lorem rhoncus elit, non consequat odkaz ut enim. Integer ultrices placerat orci nec rhoncus. Cras viverra, dolor quis ullamcorper sollicitudin, urna ipsum cursus ipsum, in porta diam ligula et sem. Maecenas nibh arcu, condimentum eu hendrerit vitae, vehicula id arcu. Pellentesque quis feugiat nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo. Duis et facilisis nisl. Cras vehicula, lectus id dictum viverra, mauris lorem rhoncus elit, non consequat odkaz ut enim. Integer ultrices placerat orci nec rhoncus. Cras viverra, dolor quis ullamcorper sollicitudin, urna ipsum cursus ipsum, in porta diam ligula et sem. Maecenas nibh arcu, condimentum eu hendrerit vitae, vehicula id arcu. Pellentesque quis feugiat nisi.
Nadpis H3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo. Duis et facilisis nisl. Cras vehicula, lectus id dictum viverra, mauris lorem rhoncus elit, non consequat lectus augue ut enim. Integer ultrices placerat orci nec rhoncus. Cras viverra, dolor quis ullamcorper sollicitudin, urna ipsum cursus ipsum, in porta diam ligula et sem. Maecenas nibh arcu, condimentum eu hendrerit vitae, vehicula id arcu. Pellentesque quis feugiat nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo. Duis et facilisis nisl. Cras vehicula, lectus id dictum viverra, mauris lorem rhoncus elit, non consequat lectus augue ut enim. Integer ultrices placerat orci nec rhoncus. Cras viverra, dolor quis ullamcorper sollicitudin, urna ipsum cursus ipsum, in porta diam ligula et sem. Maecenas nibh arcu, condimentum eu hendrerit vitae, vehicula id arcu. Pellentesque quis feugiat nisi.
Nadpis H4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo. Duis et facilisis nisl. Cras vehicula, lectus id dictum viverra, mauris lorem rhoncus elit, non consequat lectus augue ut enim. Integer ultrices placerat orci nec rhoncus. Cras viverra, dolor quis ullamcorper sollicitudin, urna ipsum cursus ipsum, in porta diam ligula et sem. Maecenas nibh arcu, condimentum eu hendrerit vitae, vehicula id arcu. Pellentesque quis feugiat nisi.
Nadpis H5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo. Duis et facilisis nisl. Cras vehicula, lectus id dictum viverra, mauris lorem rhoncus elit, non consequat lectus augue ut enim. Integer ultrices placerat orci nec rhoncus. Cras viverra, dolor quis ullamcorper sollicitudin, urna ipsum cursus ipsum, in porta diam ligula et sem. Maecenas nibh arcu, condimentum eu hendrerit vitae, vehicula id arcu. Pellentesque quis feugiat nisi.
Nadpis H6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo. Duis et facilisis nisl. Cras vehicula, lectus id dictum viverra, mauris lorem rhoncus elit, non consequat lectus augue ut enim. Integer ultrices placerat orci nec rhoncus. Cras viverra, dolor quis ullamcorper sollicitudin, urna ipsum cursus ipsum, in porta diam ligula et sem. Maecenas nibh arcu, condimentum eu hendrerit vitae, vehicula id arcu. Pellentesque quis feugiat nisi.
Seznamy
- lorem ipsum dolor
- habitant morbi tristique senectus habitant morbi Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
- enim est mollis erat, sed fringilla leo
- habitant morbi tristique senectus habitant morbi Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
- enim rhoncus eu cursus diam
- cursus condimentum tortor, eget egestas
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
- lorem ipsum dolor
- habitant morbi tristique senectus habitant morbi Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
- enim est mollis erat, sed fringilla leo
- habitant morbi tristique senectus habitant morbi Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
- enim rhoncus eu cursus diam
- cursus condimentum tortor, eget egestas
- lorem ipsum dolor
- habitant morbi tristique senectus habitant morbi Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
- enim est mollis erat, sed fringilla leo
- habitant morbi tristique senectus habitant morbi Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
- enim rhoncus eu cursus diam
- cursus condimentum tortor, eget egestas
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
- Lorem
- Quisque vitae lacinia nisi. Cras eu arcu et dui tincidunt dictum vitae sit amet erat. Pellentesque habitant morbi tristique senectus et netus et malesuada
- Lorem
- Quisque vitae lacinia nisi. Cras eu arcu et dui tincidunt dictum vitae sit amet erat. Pellentesque habitant morbi tristique senectus et netus et malesuada
- Lorem
- Quisque vitae lacinia nisi. Cras eu arcu et dui tincidunt dictum vitae sit amet erat. Pellentesque habitant morbi tristique senectus et netus et malesuada
Tabulka
| praesent lorem | viverra nulla | pulvinar ligula |
|---|---|---|
| eget eu diam | quis varius | interdum nibh |
| posuere cubilia | habitant morbi | id blandit |
| eget congue | ornare non felis | amet augue |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
| praesent lorem | viverra nulla | pulvinar ligula |
| eget eu diam | quis varius | interdum nibh |
| posuere cubilia | habitant morbi | id blandit |
| eget congue | ornare non felis | amet augue |
Citace
Citace Nam sem velit, condimentum in posuere eu, elementum in augue. Vestibulum pulvinar ligula eget ante placerat eget euismod velit laoreet. Donec quis quam lectus, quis viverra nulla. Donec aliquet, purus eget pharetra egestas, massa orci egestas arcu, ac dignissim felis nunc vitae est.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.
Bloková citace Vivamus urna diam, placerat et ultricies interdum, tempus sed diam. Nam magna mi, pulvinar nec pellentesque eu, consequat it amet quam. Etiam posuere purus eu augue fermentum laoreet. Ut at risus sapien. Duis commodo dapibus arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel massa leo. Praesent tristique eros libero, quis vestibulum lorem. Aenean sapien enim, aliquam id ullamcorper et, malesuada vitae leo.