{"id":1548,"date":"2019-05-10T15:19:31","date_gmt":"2019-05-10T13:19:31","guid":{"rendered":"https:\/\/www.marketingmapy.com\/?page_id=1548"},"modified":"2019-05-15T12:52:43","modified_gmt":"2019-05-15T10:52:43","slug":"vzhled-stylovani-obsahu-styleguide-2","status":"publish","type":"page","link":"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/","title":{"rendered":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide)"},"content":{"rendered":"<ul class=\"nav nav-pills styleguide\">\n<li><a href=\"#barvy\" class=\"kotva\">Barvy text\u016f<\/a><\/li>\n<li><a href=\"#nadpisy\" class=\"kotva\">Nadpisy<\/a><\/li>\n<li><a href=\"#odstavce\" class=\"kotva\">Odstavce<\/a><\/li>\n<li><a href=\"#odstavce-podbarvene\" class=\"kotva\">Podbarven\u00e9 odstavce<\/a><\/li>\n<li><a href=\"#odstavce-ikona\" class=\"kotva\">Odstavce s&nbsp;ikonou<\/a><\/li>\n<li><a href=\"#bloky\" class=\"kotva\">Bloky<\/a><\/li>\n<li><a href=\"#ikony\" class=\"kotva\">Ikony<\/a><\/li>\n<li><a href=\"#seznamy\" class=\"kotva\">Seznamy<\/a><\/li>\n<li><a href=\"#tlacitka\" class=\"kotva\">Tla\u010d\u00edtka<\/a><\/li>\n<li><a href=\"#odkazy\" class=\"kotva\">Extern\u00ed odkaz<\/a><\/li>\n<li><a href=\"#obrazky\" class=\"kotva\">Obr\u00e1zky<\/a><\/li>\n<li><a href=\"#tabulky\" class=\"kotva\">Tabulky<\/a><\/li>\n<li><a href=\"#responsivni-tabulka\" class=\"kotva\">Responsivn\u00ed tabulka<\/a><\/li>\n<li><a href=\"#video\" class=\"kotva\">Video<\/a><\/li>\n<li><a href=\"#clearfixz\" class=\"kotva\">Zru\u0161en\u00ed zarovn\u00e1n\u00ed<\/a><\/li>\n<li><a href=\"#cta-panely\" class=\"kotva\">CTA panely<\/a><\/li>\n<\/ul>\n<p class=\"odstavec-rada\"><i class=\"fas fa-lightbulb-o fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i> Pod jednotliv\u00fdmi prvky je uk\u00e1zka HTML kodu. Ten lze zkop\u00edrovat a&nbsp;pou\u017e\u00edt p\u0159i vytv\u00e1\u0159en\u00ed obsahu webu. Kod je nutn\u00e9 vkl\u00e1dat do html \u010d\u00e1sti editoru v&nbsp;administraci. P\u0159epnut\u00ed do z&nbsp;klasick\u00e9ho editoru do HTML je v&nbsp;prav\u00e9 \u010d\u00e1sti viz obr\u00e1zek n\u00ed\u017ee.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"center-block img-responsive size-full wp-image-229\" src=\"..\/wp-content\/uploads\/2016\/12\/html.png\" alt=\"html\" width=\"736\" height=\"103\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/html.png 736w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/html-200x28.png 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/html-500x70.png 500w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/p>\n<hr \/>\n<hr \/>\n<h1 id=\"barvy\">Font pou\u017eit\u00fd na tomto webu<\/h1>\n<p>Jedn\u00e1 se o&nbsp;Google font viz <a href=\"https:\/\/fonts.google.com\/specimen\/Source+Sans+Pro\" target=\"_blank\" rel=\"noopener noreferrer\">Source Sans Pro<\/a>.<\/p>\n<hr \/>\n<hr \/>\n<h1 id=\"barvy\">Zd\u016frazn\u011bn\u00ed textu barvou<\/h1>\n<p>P\u0159\u00edd\u00e1n\u00edm n\u00ed\u017ee uveden\u00fdch t\u0159\u00edd se text barevn\u011b zm\u011bn\u00ed. Lze aplikovat i&nbsp;na <a href=\"#ikony\" class=\"kotva\">Ikony<\/a>.<\/p>\n<div class=\"clearfix\">&nbsp;<\/div>\n<p class=\"text-muted\">Muted: This text is grayed out. P\u0159id\u00e1na t\u0159\u00edda <code>text-muted<\/code>.<\/p>\n<p class=\"text-primary\">Important: Please read the instructions carefully before proceeding. P\u0159id\u00e1na t\u0159\u00edda <code>text-primary<\/code>.<\/p>\n<p class=\"text-success\">Success: Your message has been sent successfully. P\u0159id\u00e1na t\u0159\u00edda <code>text-success<\/code>.<\/p>\n<p class=\"text-info\">Note: You must agree with the terms and conditions to complete the sign up process. P\u0159id\u00e1na t\u0159\u00edda <code>text-info<\/code>.<\/p>\n<p class=\"text-warning\">Warning: There was a&nbsp;problem with your network connection. P\u0159id\u00e1na t\u0159\u00edda <code>text-warning<\/code>.<\/p>\n<p class=\"text-danger\">Error: An error has been occurred while submitting your data. P\u0159id\u00e1na t\u0159\u00edda <code>text-danger<\/code>.<\/p>\n<pre><code>&lt;p class=\"text-muted\"&gt;Muted: This text is grayed out.&lt;\/p&gt;\r\n&lt;p class=\"text-primary\"&gt;Important: Please read the instructions carefully before proceeding.&lt;\/p&gt;\r\n&lt;p class=\"text-success\"&gt;Success: Your message has been sent successfully.&lt;\/p&gt;\r\n&lt;p class=\"text-info\"&gt;Note: You must agree with the terms and conditions to complete the sign up process.&lt;\/p&gt;\r\n&lt;p class=\"text-warning\"&gt;Warning: There was a problem with your network connection.&lt;\/p&gt;\r\n&lt;p class=\"text-danger\"&gt;Error: An error has been occurred while submitting your data.&lt;\/p&gt;<\/code><\/pre>\n<hr \/>\n<hr \/>\n<h1 id=\"nadpisy\">Nadpisy<\/h1>\n<h1>Nadpis H1<\/h1>\n<h2>Nadpis H2<\/h2>\n<h3>Nadpis H3<\/h3>\n<h4>Nadpis H4<\/h4>\n<hr \/>\n<hr \/>\n<h1 id=\"odstavce\">Odstavce<\/h1>\n<h2>Norm\u00e1ln\u00ed odstavec &#8211; zarovnan\u00fd vlevo<\/h2>\n<p>Defaultn\u00ed nastaven\u00ed bez stylu. Norm\u00e1ln\u00ed odstavec textu s&nbsp;<a>aktivn\u00edm odkazem<\/a> v&nbsp;textu. P\u00edsmem zv\u00fdrazn\u011bn\u00fdm pomoc\u00ed <strong>strongu<\/strong>. V\u00fdrazn\u00fdm p\u00edsmem, p\u0159\u00edpadn\u011b <em>kurz\u00edvou<\/em>. Je mo\u017en\u00e9 pou\u017e\u00edt i&nbsp;nev\u00fdrazn\u00fd text (pozn\u00e1mku) v&nbsp;odstavci. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<h2>Norm\u00e1ln\u00ed odstavec &#8211; zarovnan\u00fd vpravo<\/h2>\n<p class=\"text-right\">P\u0159i\u0159azen\u00fd styl <code>text-right<\/code>. Norm\u00e1ln\u00ed odstavec textu s&nbsp;<a>aktivn\u00edm odkazem<\/a> v&nbsp;textu. P\u00edsmem zv\u00fdrazn\u011bn\u00fdm pomoc\u00ed <strong>strongu<\/strong>. V\u00fdrazn\u00fdm p\u00edsmem, p\u0159\u00edpadn\u011b <em>kurz\u00edvou<\/em>. Je mo\u017en\u00e9 pou\u017e\u00edt i&nbsp;nev\u00fdrazn\u00fd text (pozn\u00e1mku) v&nbsp;odstavci. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<h2>Norm\u00e1ln\u00ed odstavec &#8211; zarovnan\u00fd soumerne<\/h2>\n<p class=\"text-justify\">P\u0159i\u0159azen\u00fd styl <code>text-justify<\/code>. Norm\u00e1ln\u00ed odstavec textu s&nbsp;<a>aktivn\u00edm odkazem<\/a> v&nbsp;textu. P\u00edsmem zv\u00fdrazn\u011bn\u00fdm pomoc\u00ed <strong>strongu<\/strong>. V\u00fdrazn\u00fdm p\u00edsmem, p\u0159\u00edpadn\u011b <em>kurz\u00edvou<\/em>. Je mo\u017en\u00e9 pou\u017e\u00edt i&nbsp;nev\u00fdrazn\u00fd text (pozn\u00e1mku) v&nbsp;odstavci. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<h2>Norm\u00e1ln\u00ed odstavec &#8211; zarovnan\u00fd na st\u0159ed<\/h2>\n<p class=\"text-center\">P\u0159i\u0159azen\u00fd styl <code>text-center<\/code>. Norm\u00e1ln\u00ed odstavec textu s&nbsp;<a>aktivn\u00edm odkazem<\/a> v&nbsp;textu. P\u00edsmem zv\u00fdrazn\u011bn\u00fdm pomoc\u00ed <strong>strongu<\/strong>. V\u00fdrazn\u00fdm p\u00edsmem, p\u0159\u00edpadn\u011b <em>kurz\u00edvou<\/em>. Je mo\u017en\u00e9 pou\u017e\u00edt i&nbsp;nev\u00fdrazn\u00fd text (pozn\u00e1mku) v&nbsp;odstavci. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<hr \/>\n<h2 id=\"odstavce-podbarvene\">Zv\u00fdrazn\u011bn\u00e9 odstavce podbarven\u00edm<\/h2>\n<p class=\"odstavec-uvodnik\">P\u0159i\u0159azen\u00fd styl <code>odstavec-uvodnik<\/code>. \u00davodn\u00edk, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a>odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p class=\"odstavec-uvodnik\"&gt;Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-vystraha\">P\u0159i\u0159azen\u00fd styl <code>odstavec-vystraha<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a>odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<br \/>\nV\u00fdstraha<\/p>\n<pre><code>&lt;p class=\"odstavec-vystraha\"&gt;Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-potvrzeni\">P\u0159i\u0159azen\u00fd styl <code>odstavec-potvrzeni<\/code>. Potvrzen\u00ed, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p class=\"odstavec-potvrzeni\"&gt;Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-poznamka\">P\u0159i\u0159azen\u00fd styl <code>odstavec-poznamka<\/code>. Pozn\u00e1mka, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p class=\"odstavec-poznamka\"&gt;Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-rada\">P\u0159i\u0159azen\u00fd styl <code>odstavec-rada<\/code>. Rada, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p class=\"odstavec-rada\"&gt;Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-dulezite\">P\u0159i\u0159azen\u00fd styl <code>odstavec-dulezite<\/code>. Dulezite, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p class=\"odstavec-dulezite\"&gt;Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-citace\">P\u0159i\u0159azen\u00fd styl <code>odstavec-citace<\/code>. Citace, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p class=\"odstavec-citace\"&gt;Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<h3 id=\"odstavce-ikona\">Odstavce s&nbsp;ikonou<\/h3>\n<p class=\"odstavec-vystraha\"><i class=\"fas fa-exclamation-triangle fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i> P\u0159i\u0159azen\u00fd styl <code>odstavec-vystraha<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<pre><code>&lt;p class=\"odstavec-vystraha\"&gt;&lt;i class=\"fa fa-exclamation-triangle fa-3x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\">&nbsp;<\/div>\n<p>Pokud je odstavec kr\u00e1tk\u00fd a&nbsp;m\u00e1 pouze jeden \u0159\u00e1dek je t\u0159eba p\u0159idat k&nbsp;ikon\u011b dal\u0161\u00ed t\u0159\u00eddu <code>m-t--10<\/code>.<\/p>\n<p class=\"odstavec-vystraha\"><i class=\"fas fa-exclamation-triangle fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"><!-- icon --><\/i>P\u0159i\u0159azen\u00fd styl <code>odstavec-vystraha<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>.<\/p>\n<div class=\"clearfix\">&nbsp;<\/div>\n<p>P\u0159id\u00e1n\u00edm t\u0159\u00eddy <code>bezpozadi<\/code> do odstavece z\u016fstane barevn\u00e1 ikona a&nbsp;barevn\u00fd strong bez pozad\u00ed. <strong>Aplikovateln\u00e9 i&nbsp;na ostatn\u00ed odstavce s&nbsp;ikonou!<\/strong><\/p>\n<p class=\"odstavec-vystraha bezpozadi\"><i class=\"fas fa-exclamation-triangle fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i> P\u0159i\u0159azen\u00fd styl <code>odstavec-vystraha bezpozadi<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<pre><code>&lt;p class=\"odstavec-vystraha bezpozadi\"&gt;&lt;i class=\"fas fa-exclamation-triangle fa-3x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\">&nbsp;<\/div>\n<pre><code>&lt;p class=\"odstavec-vystraha\"&gt;&lt;i class=\"fas fa-exclamation-triangle fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-potvrzeni\"><i class=\"fas fa-check fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i> P\u0159i\u0159azen\u00fd styl <code>odstavec-potvrzeni<\/code>. Potvrzen\u00ed, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<pre><code>&lt;p class=\"odstavec-potvrzeni\"&gt;&lt;i class=\"fas fa-check fa-3x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p>Pokud je odstavec kr\u00e1tk\u00fd a&nbsp;m\u00e1 pouze jeden \u0159\u00e1dek je t\u0159eba p\u0159idat k&nbsp;ikon\u011b dal\u0161\u00ed t\u0159\u00eddu <code>m-t--10<\/code>.<\/p>\n<p class=\"odstavec-potvrzeni\"><i class=\"fas fa-check fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"><!-- icon --><\/i>P\u0159i\u0159azen\u00fd styl <code>odstavec-potvrzeni<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>.<\/p>\n<pre><code>&lt;p class=\"odstavec-potvrzeni\"&gt;&lt;i class=\"fas fa-check fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-poznamka\"><i class=\"fas fa-paperclip fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i> P\u0159i\u0159azen\u00fd styl <code>odstavec-poznamka<\/code>. Pozn\u00e1mka, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<pre><code>&lt;p class=\"odstavec-poznamka\"&gt;&lt;i class=\"fa fa-paperclip fa-3x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p>Pokud je odstavec kr\u00e1tk\u00fd a&nbsp;m\u00e1 pouze jeden \u0159\u00e1dek je t\u0159eba p\u0159idat k&nbsp;ikon\u011b dal\u0161\u00ed t\u0159\u00eddu <code>m-t--10<\/code>.<\/p>\n<p class=\"odstavec-poznamka\"><i class=\"fas fa-paperclip fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"><!-- icon --><\/i>P\u0159i\u0159azen\u00fd styl <code>odstavec-poznamka<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>.<\/p>\n<pre><code>&lt;p class=\"odstavec-poznamka\"&gt;&lt;i class=\"fa fa-paperclip fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-rada\"><i class=\"fas fa-lightbulb-o fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i> P\u0159i\u0159azen\u00fd styl <code>odstavec-rada<\/code>. Rada, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<pre><code>&lt;p class=\"odstavec-rada\"&gt;&lt;i class=\"fa fa-lightbulb-o fa-3x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p>Pokud je odstavec kr\u00e1tk\u00fd a&nbsp;m\u00e1 pouze jeden \u0159\u00e1dek je t\u0159eba p\u0159idat k&nbsp;ikon\u011b dal\u0161\u00ed t\u0159\u00eddu <code>m-t--10<\/code>.<\/p>\n<p class=\"odstavec-rada\"><i class=\"fas fa-lightbulb-o fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"><!-- icon --><\/i>P\u0159i\u0159azen\u00fd styl <code>odstavec-rada<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>.<\/p>\n<pre><code>&lt;p class=\"odstavec-rada\"&gt;&lt;i class=\"fa fa-lightbulb-o fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-dulezite\"><i class=\"fas fa-exclamation-circle fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i> P\u0159i\u0159azen\u00fd styl <code>odstavec-dulezite<\/code>. Dulezite, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<pre><code>&lt;p class=\"odstavec-dulezite\"&gt;&lt;i class=\"fa fa-exclamation-circle fa-3x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p>Pokud je odstavec kr\u00e1tk\u00fd a&nbsp;m\u00e1 pouze jeden \u0159\u00e1dek je t\u0159eba p\u0159idat k&nbsp;ikon\u011b dal\u0161\u00ed t\u0159\u00eddu <code>m-t--10<\/code>.<\/p>\n<p class=\"odstavec-dulezite\"><i class=\"fas fa-exclamation-circle fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"><!-- icon --><\/i>P\u0159i\u0159azen\u00fd styl <code>odstavec-dulezite<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>.<\/p>\n<pre><code>&lt;p class=\"odstavec-dulezite\"&gt;&lt;i class=\"fa fa-exclamation-circle fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-citace\"><i class=\"fas fa-quote-left fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i> P\u0159i\u0159azen\u00fd styl <code>odstavec-citace<\/code>. Citace, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p class=\"odstavec-citace\"&gt;&lt;i class=\"fa fa-quote-left fa-3x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p>Pokud je odstavec kr\u00e1tk\u00fd a&nbsp;m\u00e1 pouze jeden \u0159\u00e1dek je t\u0159eba p\u0159idat k&nbsp;ikon\u011b dal\u0161\u00ed t\u0159\u00eddu <code>m-t--10<\/code>.<\/p>\n<p class=\"odstavec-citace\"><i class=\"fas fa-quote-left fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"><!-- icon --><\/i>P\u0159i\u0159azen\u00fd styl <code>odstavec-citace<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a>.<\/p>\n<pre><code>&lt;p class=\"odstavec-citace\"&gt;&lt;i class=\"fa fa-quote-left fa-3x fa-pull-left m-t--10\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt; Lorem ipsum dolor sit amet consectetuer sem enim.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<hr \/>\n<h1 id=\"bloky\">Bloky s&nbsp;odstavci, ikonou, obr\u00e1zkem a&nbsp;dal\u0161\u00edmi prvky<\/h1>\n<div class=\"odstavec-potvrzeni\">\n<p><i class=\"fas fa-camera-retro fa-5x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i><\/p>\n<p class=\"text-justify\"><strong>Zm\u011bnu barvy pozad\u00ed lze zm\u011bnit p\u0159eps\u00e1n\u00edm t\u0159\u00eddy <code>odstavec-potvrzeni<\/code> na jinou v\u00fd\u0161e zm\u00edn\u011bnou<\/strong>. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<p><i class=\"fas fa-coffee fa-4x fa-pull-right\" aria-hidden=\"true\"><!-- icon --><\/i><\/p>\n<p class=\"text-justify\">Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<p class=\"text-justify\">Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<\/div>\n<pre><code>&lt;div class=\"odstavec-potvrzeni\"&gt;\r\n&lt;i class=\"fa fa-camera-retro fa-5x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;\r\n&lt;p class=\"text-justify\"&gt;&lt;strong&gt;Zm\u011bnu barvy pozad\u00ed lze zm\u011bnit p\u0159eps\u00e1n\u00edm t\u0159\u00eddy &lt;code&gt;odstavec-potvrzeni&lt;\/code&gt; na jinou v\u00fd\u0161e zm\u00edn\u011bnou&lt;\/strong&gt;. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.&lt;\/p&gt;\r\n&lt;i class=\"fa fa-coffee fa-4x fa-pull-right\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;\r\n&lt;p class=\"text-justify\"&gt;Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.&lt;\/p&gt;\r\n&lt;p class=\"text-justify\"&gt;Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.&lt;\/p&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<h3>Dal\u0161\u00ed mo\u017enosti \u00faprav v&nbsp;bloku<\/h3>\n<div class=\"odstavec-uvodnik\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"img-left img-responsive img-circle wp-image-60\" title=\"user-image\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"user-image\" width=\"150\" height=\"150\" \/><\/p>\n<h2>Nadpis H2<\/h2>\n<p>Do bloku je mo\u017en\u00e9 vkl\u00e1dat dal\u0161\u00ed prvky jako t\u0159eba nadpisy, nebo odr\u00e1\u017ekov\u00fd seznam.<br \/>\n<strong>Seznam ov\u0161em nesm\u00ed b\u00fdt vedle obr\u00e1zku um\u00edst\u011bn\u00e9ho vpravo<\/strong> (odr\u00e1\u017eky se schovaj\u00ed pod obr\u00e1zek).<br \/>\nIde\u00e1ln\u00ed um\u00edst\u011bn\u00ed odr\u00e1\u017ekov\u00e9ho seznamu je mimo obr\u00e1zky, p\u0159\u00edpadn\u011b pou\u017e\u00edt obr\u00e1zek um\u00edst\u011bn\u00fd vpravo. Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<ul class=\"seznam-obrazkovy\">\n<li>Morbi leo libero non Suspendisse<\/li>\n<li>pharetra diam vel massa. Neque<\/li>\n<li>Quisque ac pellentesque eu sodales egestas purus pellentesque<\/li>\n<li>Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/li>\n<\/ul>\n<\/div>\n<pre><code>&lt;div class=\"odstavec-uvodnik\"&gt;\r\n&lt;img class=\"img-left img-responsive img-circle wp-image-60\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"user-image\" title=\"user-image\" width=\"150\" height=\"150\" class=\"alignnone size-full wp-image-60\" \/&gt;\r\n&lt;h2&gt;Nadpis H2&lt;\/h2&gt;\r\n&lt;p&gt;Do bloku je mo\u017en\u00e9 vkl\u00e1dat dal\u0161\u00ed prvky jako t\u0159eba nadpisy, nebo odr\u00e1\u017ekov\u00fd seznam.&lt;strong&gt;Seznam ov\u0161em nesm\u00ed b\u00fdt vedle obr\u00e1zku um\u00edst\u011bn\u00e9ho vlevo&lt;\/strong&gt; (odr\u00e1\u017eky se schovaj\u00ed pod obr\u00e1zek). Ide\u00e1ln\u00ed um\u00edst\u011bn\u00ed odr\u00e1\u017ekov\u00e9ho seznamu je mimo obr\u00e1zky, p\u0159\u00edpadn\u011b pou\u017e\u00edt obr\u00e1zek um\u00edst\u011bn\u00fd vpravo.&lt;\/p&gt;\r\n&lt;ul class=\"seznam-obrazkovy\"&gt;\r\n  &lt;li&gt;Morbi leo libero non Suspendisse&lt;\/li&gt;\r\n  &lt;li&gt;pharetra diam vel massa. Neque&lt;\/li&gt;\r\n  &lt;li&gt;Quisque ac pellentesque eu sodales egestas purus pellentesque&lt;\/li&gt;\r\n  &lt;li&gt;Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<hr \/>\n<h1 id=\"ikony\">Ikony Font Awesome<\/h1>\n<p>P\u0159ehled pou\u017eiteln\u00fdch ikon viz <a href=\"http:\/\/fontawesome.io\/icons\/\" target=\"_blank\" rel=\"noopener noreferrer\">fontawesome.io\/icons\/<\/a>.<br \/>\nJakoukoliv ikonu lze pomoc\u00ed t\u0159\u00edd v&nbsp;tagu <code>&lt;i&gt;&lt;!-- icon --&gt;&lt;\/i&gt;<\/code> p\u0159idat v&nbsp;podstat\u011b kamkoliv do textu. <strong>Aby ikony nemizeli z&nbsp;editoru administrace je t\u0159eba d\u00e1vat mezi zna\u010dky koment\u00e1\u0159!<\/strong><\/p>\n<p>Uk\u00e1zka ikony v&nbsp;odstavci zleva: <code>&lt;i class=\"fa fa-quote-left fa-3x fa-pull-left fa-border\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;<\/code><\/p>\n<div class=\"clearfix\"><\/div>\n<p><i class=\"fas fa-quote-left fa-3x fa-pull-left fa-border\" aria-hidden=\"true\"><!-- icon --><\/i><strong>Ikony lze snadno p\u0159idat vedle textu. Ikona je uvnit\u0159 odstavce t\u0159eba i&nbsp;s&nbsp;r\u00e1me\u010dkem<\/strong>. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p&gt;&lt;i class=\"fa fa-quote-left fa-3x fa-pull-left fa-border\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p><i class=\"fas fa-bar-chart fa-3x fa-pull-left text-success\" aria-hidden=\"true\"><!-- icon --><\/i><strong>Ikona bez r\u00e1me\u010dku s&nbsp;barevnou ikonou<\/strong>. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p&gt;&lt;i class=\"fa fa-bar-chart fa-3x fa-pull-left text-success\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p><i class=\"fas fa-bar-chart fa-3x fa-pull-right\" aria-hidden=\"true\"><!-- icon --><\/i><strong>Ikona bez r\u00e1me\u010dku zprava<\/strong>. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<pre><code>&lt;p&gt;&lt;i class=\"fa fa-bar-chart fa-3x fa-pull-right\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.&lt;\/p&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<p>Z\u011bt\u0161en\u00ed velikosti ikon pomoc\u00ed t\u0159\u00edd <code>fa-lg<\/code> (zv\u011bt\u0161en\u00ed 33%), <code>fa-2x<\/code>, <code>fa-3x<\/code>, <code>fa-4x<\/code>, nebo <code>fa-5x<\/code>.<\/p>\n<p><i class=\"fas fa-camera-retro fa-lg\"><!-- icon --><\/i> fa-lg<br \/>\n<i class=\"fas fa-camera-retro fa-2x\"><!-- icon --><\/i> fa-2x<br \/>\n<i class=\"fas fa-camera-retro fa-3x\"><!-- icon --><\/i> fa-3x<br \/>\n<i class=\"fas fa-camera-retro fa-4x\"><!-- icon --><\/i> fa-4x<br \/>\n<i class=\"fas fa-camera-retro fa-5x\"><!-- icon --><\/i> fa-5x<\/p>\n<hr \/>\n<hr \/>\n<h1 id=\"seznamy\">Seznamy<\/h1>\n<p>Seznam lze stylovat pomoc\u00ed ikon &#8222;<strong>\u0158azen\u00fd seznam<\/strong>&#8220; a&nbsp;&#8222;<strong>Ne\u0159azen\u00fd seznam<\/strong>&#8222;.<\/p>\n<h2>Jmenn\u00fd seznam &#8211; bez odr\u00e1\u017eek horizont\u00e1ln\u00ed<\/h2>\n<ul class=\"list-inline\">\n<li>Odrazka<\/li>\n<li>Odrazka<\/li>\n<li>Odrazka<\/li>\n<li>Odrazka<\/li>\n<li>Odrazka<\/li>\n<\/ul>\n<pre><code>&lt;ul class=\"list-inline\"&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<h2>Jmenn\u00fd seznam &#8211; bez odr\u00e1\u017eek<\/h2>\n<ul class=\"list-unstyled\">\n<li>odrazka<\/li>\n<li>odrazka s&nbsp;<a>odkazem<\/a><\/li>\n<li>odrazka <strong>strong<\/strong><\/li>\n<li>odrazka tu\u010dn\u011b &#8211; v\u00fdrazn\u011b<\/li>\n<li>odr\u00e1\u017eka <em>kurz\u00edva<\/em><\/li>\n<\/ul>\n<pre><code>&lt;ul class=\"list-unstyled\"&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<h2>Jmenn\u00fd seznam &#8211; odr\u00e1\u017eky kole\u010dka<\/h2>\n<ul>\n<li>odrazka<\/li>\n<li>odrazka s&nbsp;<a>odkazem<\/a><\/li>\n<li>odrazka <strong>strong<\/strong><\/li>\n<li>odrazka tu\u010dn\u011b &#8211; v\u00fdrazn\u011b<\/li>\n<li>odr\u00e1\u017eka <em>kurz\u00edva<\/em><\/li>\n<\/ul>\n<pre><code>&lt;ul&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<h2>Jmenn\u00fd seznam &#8211; obr\u00e1zkov\u00e9 odr\u00e1\u017eky<\/h2>\n<ul class=\"seznam-obrazkovy\">\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu<\/li>\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu s&nbsp;<a>odkazem<\/a><\/li>\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu <strong>strong<\/strong><\/li>\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu <em>kurz\u00edva<\/em><\/li>\n<\/ul>\n<pre><code>&lt;ul class=\"seznam-obrazkovy\"&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<h2>Jmenn\u00fd seznam &#8211; obr\u00e1zkov\u00e9 odr\u00e1\u017eky s&nbsp;obr\u00e1zkovou ikonou pdf<\/h2>\n<ul class=\"seznam-obrazkovy-pdf\">\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu<\/li>\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu s&nbsp;<a>odkazem<\/a><\/li>\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu <strong>strong<\/strong><\/li>\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu <em>kurz\u00edva<\/em><\/li>\n<\/ul>\n<pre><code>&lt;ul class=\"seznam-obrazkovy-pdf\"&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<h2>\u010c\u00edseln\u00fd seznam<\/h2>\n<p>Seznam lze stylovat pomoc\u00ed ikony &#8222;<strong>\u0158azen\u00fd seznam<\/strong>&#8222;.<\/p>\n<ol>\n<li>odrazka<\/li>\n<li>odrazka s&nbsp;<a>odkazem<\/a><\/li>\n<li>odrazka <strong>strong<\/strong><\/li>\n<li>odrazka tu\u010dn\u011b &#8211; v\u00fdrazn\u011b<\/li>\n<li>odr\u00e1\u017eka <em>kurz\u00edva<\/em><\/li>\n<\/ol>\n<pre><code>&lt;ol&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n  &lt;li&gt;Odrazka&lt;\/li&gt;\r\n&lt;\/ol&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<h2>\u010c\u00edseln\u00fd seznam s&nbsp;obr\u00e1zky \u010d\u00edsel do 10<\/h2>\n<p>Upraven\u00fd \u0158azen\u00fd seznam. Cel\u00e9mu seznamu je p\u0159i\u0159azen styl <code>seznam-ciselny<\/code> jednotliv\u00fdm odr\u00e1\u017ek\u00e1m pak postupn\u011b slul <code>jedna<\/code>, <code>dva<\/code>, <code>tri<\/code>, <code>ctiry<\/code>, <code>pet<\/code>, <code>sest<\/code>, <code>sedm<\/code>, <code>osm<\/code>, <code>devet<\/code>, <code>deset<\/code>.<\/p>\n<ol class=\"seznam-ciselny\">\n<li class=\"jedna\">jedna, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, v\u00fdrazn\u011b, nev\u00fdrazn\u011b, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\">odkaz<\/a><\/li>\n<li class=\"dva\">dva<\/li>\n<li class=\"tri\">t\u0159i<\/li>\n<li class=\"ctyri\">\u010dty\u0159i<\/li>\n<li class=\"pet\">p\u011bt<\/li>\n<li class=\"sest\">\u0161est<\/li>\n<li class=\"sedm\">sedm<\/li>\n<li class=\"osm\">osm<\/li>\n<li class=\"devet\">dev\u011bt<\/li>\n<li class=\"deset\">deset<\/li>\n<\/ol>\n<pre><code>&lt;ol class=\"seznam-ciselny\"&gt;\r\n  &lt;li class=\"jedna\"&gt;jedna&lt;\/li&gt; \r\n  &lt;li class=\"dva\"&gt;dva&lt;\/li&gt;\r\n  &lt;li class=\"tri\"&gt;t\u0159i&lt;\/li&gt;\r\n  &lt;li class=\"ctyri\"&gt;\u010dty\u0159i&lt;\/li&gt;\r\n  &lt;li class=\"pet\"&gt;p\u011bt&lt;\/li&gt;\r\n  &lt;li class=\"sest\"&gt;\u0161est&lt;\/li&gt;\r\n  &lt;li class=\"sedm\"&gt;sedm&lt;\/li&gt;\r\n  &lt;li class=\"osm\"&gt;osm&lt;\/li&gt;\r\n  &lt;li class=\"devet\"&gt;dev\u011bt&lt;\/li&gt;\r\n  &lt;li class=\"deset\"&gt;deset&lt;\/li&gt;\r\n&lt;\/ol&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<h2>Seznamy s&nbsp;Font ikonou<\/h2>\n<ul class=\"fa-ul\">\n<li><span class=\"fa-li\"><i class=\"fas fa-check-square\"><\/i><\/span>odrazka s&nbsp;ikonou Fotn Awesome<\/li>\n<li><span class=\"fa-li\"><i class=\"fas fa-check\"><\/i><\/span>odrazka s&nbsp;ikonou Fotn Awesome<\/li>\n<li><span class=\"fa-li\"><i class=\"fas fa-square\"><\/i><\/span>odrazka s&nbsp;ikonou Fotn Awesome<\/li>\n<li><span class=\"fa-li\"><i class=\"fas fa-check-square\"><\/i><\/span>odrazka s&nbsp;ikonou Fotn Awesome<\/li>\n<li><span class=\"fa-li\"><i class=\"fas fa-star\"><\/i><\/span>odrazka s&nbsp;ikonou Fotn Awesome<\/li>\n<li><span class=\"fa-li text-success\"><i class=\"fas fa-star\"><\/i><\/span>odrazka s&nbsp;ikonou Fotn Awesome &#8211; barva je p\u0159id\u00e1na t\u0159\u00eddou <code>text-success<\/code><\/li>\n<li><span class=\"fa-li text-primary\"><i class=\"fas fa-star\"><\/i><\/span>odrazka s&nbsp;ikonou Fotn Awesome &#8211; barva je p\u0159id\u00e1na t\u0159\u00eddou <code>text-primary<\/code><\/li>\n<li><span class=\"fa-li text-danger\"><i class=\"fas fa-star\"><\/i><\/span>odrazka s&nbsp;ikonou Fotn Awesome &#8211; barva je p\u0159id\u00e1na t\u0159\u00eddou <code>text-danger<\/code><\/li>\n<li><span class=\"fa-li text-warning\"><i class=\"fas fa-star\"><\/i><\/span>odrazka s&nbsp;ikonou Fotn Awesome &#8211; barva je p\u0159id\u00e1na t\u0159\u00eddou <code>text-warning<\/code><\/li>\n<\/ul>\n<pre><code>&lt;ul class=\"fa-ul\"&gt;\r\n  &lt;li&gt;&lt;span class=\"fa-li\"&gt;&lt;i class=\"fas fa-check-square\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;&lt;\/span&gt;odrazka s ikonou Fotn Awesome&lt;\/li&gt;\r\n  &lt;li&gt;&lt;span class=\"fa-li\"&gt;&lt;i class=\"fas fa-check\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;&lt;\/span&gt;odrazka s ikonou Fotn Awesome&lt;\/li&gt;\r\n  &lt;li&gt;&lt;span class=\"fa-li\"&gt;&lt;i class=\"fas fa-square\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;&lt;\/span&gt;odrazka s ikonou Fotn Awesome&lt;\/li&gt;\r\n  &lt;li&gt;&lt;span class=\"fa-li\"&gt;&lt;i class=\"fas fa-star\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;&lt;\/span&gt;odrazka s ikonou Fotn Awesome&lt;\/li&gt;\r\n  &lt;li&gt;&lt;span class=\"fa-li text-success\"&gt;&lt;i class=\"fas fa-star\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;&lt;\/span&gt;odrazka s ikonou Fotn Awesome&lt;\/li&gt;\r\n  &lt;li&gt;&lt;span class=\"fa-li text-primary\"&gt;&lt;i class=\"fas fa-star\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;&lt;\/span&gt;odrazka s ikonou Fotn Awesome&lt;\/li&gt;\r\n  &lt;li&gt;&lt;span class=\"fa-li text-danger\"&gt;&lt;i class=\"fas fa-star\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;&lt;\/span&gt;odrazka s ikonou Fotn Awesome&lt;\/li&gt;\r\n  &lt;li&gt;&lt;span class=\"fa-li text-warning\"&gt;&lt;i class=\"fas fa-star\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;&lt;\/span&gt;odrazka s ikonou Fotn Awesome&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/code><\/pre>\n<hr \/>\n<h2>Seznamy v&nbsp;bloku (v\u00fdhoda &#8211; nev\u00fdhoda)<\/h2>\n<div class=\"pozadi-vyhoda\">\n<p><i class=\"fas fa-thumbs-up fa-2x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i><\/p>\n<ul class=\"icon-2x\">\n<li><strong>V\u00fdhoda<\/strong> quis tellus Vivamus natoque Donec<\/li>\n<\/ul>\n<\/div>\n<pre><code>&lt;div class=\"pozadi-vyhoda\"&gt;\r\n&lt;i class=\"fa fa-thumbs-up fa-2x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;\r\n &lt;ul class=\"icon-2x\"&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n &lt;\/ul&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<div class=\"pozadi-nevyhoda\">\n<p><i class=\"fas fa-thumbs-down fa-2x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i><\/p>\n<ul class=\"icon-2x\">\n<li><strong>Nev\u00fdhoda<\/strong> quis tellus Vivamus natoque Donec<\/li>\n<\/ul>\n<\/div>\n<pre><code>&lt;div class=\"pozadi-nevyhoda\"&gt;\r\n&lt;i class=\"fa fa-thumbs-down fa-2x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;\r\n &lt;ul class=\"icon-2x\"&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n &lt;\/ul&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<div class=\"pozadi-vyhoda\">\n<p><i class=\"fas fa-thumbs-up fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i><\/p>\n<ul class=\"icon-3x\">\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>consectetuer quis tellus Vivamus natoque Donec<\/li>\n<\/ul>\n<\/div>\n<pre><code>&lt;div class=\"pozadi-vyhoda\"&gt;\r\n&lt;i class=\"fa fa-thumbs-up fa-3x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;\r\n &lt;ul class=\"icon-3x\"&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n &lt;\/ul&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<div class=\"pozadi-nevyhoda\">\n<p><i class=\"fas fa-thumbs-down fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i><\/p>\n<ul class=\"icon-3x\">\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>consectetuer quis tellus Vivamus natoque Donec<\/li>\n<\/ul>\n<\/div>\n<pre><code>&lt;div class=\"pozadi-nevyhoda\"&gt;\r\n&lt;i class=\"fa fa-thumbs-down fa-3x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;\r\n &lt;ul class=\"icon-3x\"&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n &lt;\/ul&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<div class=\"pozadi-vyhoda\">\n<p><i class=\"fas fa-thumbs-up fa-4x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i><\/p>\n<ul class=\"icon-4x\">\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>consectetuer quis tellus Vivamus natoque Donec<\/li>\n<li>Justo id amet consequat natoque commodo fringilla<\/li>\n<\/ul>\n<\/div>\n<pre><code>&lt;div class=\"pozadi-vyhoda\"&gt;\r\n&lt;i class=\"fa fa-thumbs-up fa-4x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;\r\n &lt;ul class=\"icon-4x\"&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n   &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n &lt;\/ul&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<div class=\"pozadi-nevyhoda\">\n<p><i class=\"fas fa-thumbs-down fa-4x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i><\/p>\n<ul class=\"icon-4x\">\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>consectetuer quis tellus Vivamus natoque Donec<\/li>\n<li>Justo id amet consequat natoque commodo fringilla<\/li>\n<\/ul>\n<\/div>\n<pre><code>&lt;div class=\"pozadi-nevyhoda\"&gt;\r\n&lt;i class=\"fa fa-thumbs-down fa-4x fa-pull-left\" aria-hidden=\"true\"&gt;&lt;!-- icon --&gt;&lt;\/i&gt;\r\n &lt;ul class=\"icon-4x\"&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n  &lt;li&gt;Lorem ipsum dolor sit amet&lt;\/li&gt;\r\n &lt;\/ul&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"clearfix\"><\/div>\n<hr \/>\n<hr \/>\n<h1 id=\"tlacitka\">Tla\u010d\u00edtka<\/h1>\n<p>Styly tla\u010d\u00edtek se p\u0159ip\u0159azuj\u00ed tagu <code>&lt;a&gt;&lt;\/a&gt;<\/code>. Z\u00e1kladn\u00ed t\u0159\u00edda <code>btn<\/code>, dal\u0161\u00ed pak <code>btn-default<\/code>, <code>btn-primary<\/code>, <code>btn-info<\/code>, <code>btn-success<\/code>, <code>btn-warning<\/code> a&nbsp;<code>btn-danger<\/code>.<\/p>\n<div class=\"clearfix\"><\/div>\n<div class=\"row\">\n<div class=\"col-sm-2\"><a class=\"btn btn-default\" href=\"#\">Default<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-primary\" href=\"#\">Primary<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-info\" href=\"#\">Info<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-success\" href=\"#\">Success<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-warning\" href=\"#\">Warning<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-danger\" href=\"#\">Danger<\/a><\/div>\n<\/div>\n<pre><code>&lt;a class=\"btn btn-default\" href=\"#\"&gt;Default&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-primary\" href=\"#\"&gt;Primary&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-info\" href=\"#\"&gt;Info&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-success\" href=\"#\"&gt;Success&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-warning\" href=\"#\"&gt;Warning&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-danger\" href=\"#\"&gt;Danger&lt;\/a&gt;<\/code><\/pre>\n<hr \/>\n<h2>Tla\u010d\u00edtka blokov\u00e9<\/h2>\n<p>P\u0159i\u0159azen\u00edm t\u0159\u00eddy <code>btn-block<\/code> se tla\u010d\u00edtko rozt\u00e1hne na celou \u0161\u00ed\u0159ku obalov\u00e9ho bloku.<\/p>\n<div class=\"clearfix\"><\/div>\n<div class=\"row\">\n<div class=\"col-sm-2\"><a class=\"btn btn-default btn-block\" href=\"#\">Default<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-primary btn-block\" href=\"#\">Primary<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-info btn-block\" href=\"#\">Info<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-success btn-block\" href=\"#\">Success<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-warning btn-block\" href=\"#\">Warning<\/a><\/div>\n<div class=\"col-sm-2\"><a class=\"btn btn-danger btn-block\" href=\"#\">Danger<\/a><\/div>\n<\/div>\n<pre><code>&lt;a class=\"btn btn-default btn-block\" href=\"#\"&gt;Default&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-primary btn-block\" href=\"#\"&gt;Primary&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-info btn-block\" href=\"#\"&gt;Info&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-success btn-block\" href=\"#\"&gt;Success&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-warning btn-block\" href=\"#\"&gt;Warning&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-danger btn-block\" href=\"#\"&gt;Danger&lt;\/a&gt;<\/code><\/pre>\n<hr \/>\n<h2>Velikosti tla\u010d\u00edtek<\/h2>\n<p>Dal\u0161\u00ed mo\u017enost\u00ed jsou velikosti tla\u010d\u00edtek. Mimo z\u00e1kladn\u00ed velikosti existuj\u00ed dal\u0161\u00ed t\u0159i. Velk\u00e9 <code>btn-lg<\/code>, mal\u00e9 <code>btn-sm<\/code> a&nbsp;extra mal\u00e9 <code>btn-xs<\/code>.<\/p>\n<div class=\"clearfix\"><\/div>\n<div class=\"row\">\n<div class=\"col-sm-4\"><a class=\"btn btn-default btn-block btn-lg\" href=\"#\">Default btn-lg<\/a><\/div>\n<div class=\"col-sm-4\"><a class=\"btn btn-default btn-block btn-sm\" href=\"#\">Default btn-sm<\/a><\/div>\n<div class=\"col-sm-4\"><a class=\"btn btn-default btn-block btn-xs\" href=\"#\">Default btn-xs<\/a><\/div>\n<\/div>\n<pre><code>&lt;a class=\"btn btn-default btn-block btn-lg\" href=\"#\"&gt;Default btn-lg&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-default btn-block btn-sm\" href=\"#\"&gt;Default btn-sm&lt;\/a&gt;\r\n\r\n&lt;a class=\"btn btn-default btn-block btn-xs\" href=\"#\"&gt;Default btn-xs&lt;\/a&gt;<\/code><\/pre>\n<hr \/>\n<hr \/>\n<h1 id=\"odkazy\">Extern\u00ed odkaz<\/h1>\n<p>Odkaz sm\u011b\u0159uj\u00edc\u00ed na jin\u00fd web m\u016f\u017ee b\u00fdt dopln\u011bn upozor\u0148uj\u00edc\u00ed ikonou. Ikona je p\u0159id\u00e1v\u00e1na automaticky k&nbsp;odkazu na URL jinou ne\u017e marketingmapy.com. POkud se n\u011bkdy ikona nehod\u00ed, lze ji odstranit p\u0159id\u00e1n\u00edm t\u0159\u00eddy k&nbsp;odkazu nebo tla\u010d\u00edtku.<\/p>\n<p>Extern\u00ed odkaz na <a title=\"WebPrezent.cz\" href=\"http:\/\/www.webprezent.cz\" target=\"_blank\" rel=\"noopener noreferrer\">www.webprezent.cz<\/a><\/p>\n<p>Zru\u0161en\u00e1 ikona u&nbsp;extern\u00edho odkazu na <a title=\"WebPrezent.cz\" href=\"http:\/\/www.webprezent.cz\" target=\"_blank\" class=\"none-icon-out\" rel=\"noopener noreferrer\">www.webprezent.cz<\/a><\/p>\n<pre><code>&lt;p&gt;Extern\u00ed odkaz na &lt;a title=\"WebPrezent.cz\" href=\"http:\/\/www.webprezent.cz\" target=\"_blank\" class=\"none-icon-out\"&gt;www.webprezent.cz&lt;\/a&gt;&lt;\/p&gt;<\/code><\/pre>\n<hr \/>\n<hr \/>\n<h1 id=\"obrazky\">Obr\u00e1zky<\/h1>\n<h2>Z\u00e1kladn\u00ed styly obr\u00e1zk\u016f<\/h2>\n<p>Ka\u017ed\u00fd obr\u00e1zek vlo\u017een\u00fd do obsahu by m\u011bl obsahovat minim\u00e1ln\u011b t\u0159\u00eddu <code>img-responsive<\/code>, co\u017e zajist\u00ed korektn\u00ed chov\u00e1n\u00ed na v\u0161ech za\u0159\u00edzen\u00edch.<br \/>\nObr\u00e1zk\u016fm lze p\u0159i\u0159adit z\u00e1kladn\u00ed styly <code>img-rounded<\/code> (obl\u00e9 rohy), <code>img-circle<\/code> (kulat\u00fd obr\u00e1zek) a&nbsp;<code>img-thumbnail<\/code> (obr\u00e1zek s&nbsp;r\u00e1me\u010dkem). Styly lze i&nbsp;kombinovat a&nbsp;z\u00edskat tak t\u0159eba kulat\u00fd obr\u00e1zek s&nbsp;r\u00e1me\u010dekem.<\/p>\n<div class=\"row\">\n<div class=\"col-sm-3\"><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive center-block size-thumbnail wp-image-60\" title=\"defaultni-obrazek\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"obr\u00e1zek s r\u00e1me\u010dkem\" width=\"150\" height=\"150\" \/><\/div>\n<div class=\"clearfix visible-xs\"><\/div>\n<div class=\"col-sm-3\"><img loading=\"lazy\" decoding=\"async\" class=\"img-rounded img-responsive center-block size-thumbnail wp-image-60\" title=\"defaultni-obrazek\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"obl\u00e9 rohy\" width=\"150\" height=\"150\" \/><\/div>\n<div class=\"clearfix visible-xs\"><\/div>\n<div class=\"col-sm-3\"><img loading=\"lazy\" decoding=\"async\" class=\"img-circle img-responsive center-block size-thumbnail wp-image-60\" title=\"defaultni-obrazek\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"kulat\u00fd obr\u00e1zek\" width=\"150\" height=\"150\" \/><\/div>\n<div class=\"clearfix visible-xs\"><\/div>\n<div class=\"col-sm-3\"><img loading=\"lazy\" decoding=\"async\" class=\"img-thumbnail img-responsive center-block size-thumbnail wp-image-60\" title=\"defaultni-obrazek\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"obr\u00e1zek s r\u00e1me\u010dkem\" width=\"150\" height=\"150\" \/><\/div>\n<\/div>\n<div class=\"clearfix\"><\/div>\n<p class=\"odstavec-vystraha\"><i class=\"fas fa-exclamation-triangle fa-3x fa-pull-left\" aria-hidden=\"true\"><!-- icon --><\/i>Pokud zkop\u00edrujete uk\u00e1zkov\u00fd kod n\u00ed\u017ee a&nbsp;vym\u011bn\u00edte v&nbsp;administraci obr\u00e1zek p\u0159es editor, t\u0159\u00eddy zmiz\u00ed a&nbsp;je t\u0159eba je p\u0159idat k&nbsp;nov\u011b vytvo\u0159en\u00fdm znovu! Vytv\u00e1\u0159\u00ed se s&nbsp;obr\u00e1zkem tyto automatick\u00e9 t\u0159\u00eddy:<\/p>\n<ul>\n<li><code>alignnone<\/code> (nepot\u0159ebn\u00e1 m\u016f\u017ee se smazat),<\/li>\n<li><code>size-thumbnail<\/code>, <code>size-medium<\/code>, <code>size-full<\/code>, (vytvo\u0159\u00ed se pouze jedna t\u0159\u00edda &#8222;size-&#8220; dle zvolen\u00e9 velikosti obr\u00e1zku &#8211; dobr\u00e9 zachovat)<\/li>\n<li>a <code>wp-image-60<\/code> (\u010d\u00edslo je v\u017edy unik\u00e1tn\u00ed &#8211; nutn\u00e9 zachovat).<\/li>\n<\/ul>\n<pre><code>&lt;img class=\"img-responsive center-block size-thumbnail wp-image-60\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"obl\u00e9 rohy\" title=\"defaultni-obrazek\" width=\"150\" height=\"150\" \/&gt;\r\n\r\n&lt;img class=\"img-rounded img-responsive center-block size-thumbnail wp-image-60\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"obl\u00e9 rohy\" title=\"defaultni-obrazek\" width=\"150\" height=\"150\" \/&gt;\r\n\r\n&lt;img class=\"img-circle img-responsive center-block size-thumbnail wp-image-60\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"kulat\u00fd obr\u00e1zek\" title=\"defaultni-obrazek\" width=\"150\" height=\"150\" \/&gt;\r\n\r\n&lt;img class=\"img-thumbnail img-responsive center-block size-thumbnail wp-image-60\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" alt=\"obr\u00e1zek s r\u00e1me\u010dkem\" title=\"defaultni-obrazek\" width=\"150\" height=\"150\" \/&gt;<\/code><\/pre>\n<hr \/>\n<h2>Obr\u00e1zek p\u0159es celou \u0161\u00ed\u0159ku obsahu<\/h2>\n<p>Obr\u00e1zek p\u0159es celou \u0161\u00ed\u0159ku webu, p\u0159\u00edpadn\u011b obr\u00e1zek uprost\u0159ed str\u00e1nky, nebo bloku zajist\u00ed t\u0159\u00edda <code>center-block<\/code>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive center-block size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<pre><code>&lt;img class=\"img-responsive center-block size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;<\/code><\/pre>\n<hr \/>\n<h2>Obr\u00e1zek obt\u00e9kan\u00fd textem zprava<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive img-left size-thumbnail wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg\" alt=\"defaultni-obrazek\" width=\"200\" height=\"105\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/p>\n<p><strong>K obr\u00e1zku sta\u010d\u00ed p\u0159idat t\u0159\u00eddu<\/strong> <code>img-left<\/code>. Amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam. Habitasse fermentum et accumsan et non mattis ligula mauris neque pulvinar. Vestibulum tristique ultrices leo ligula hendrerit nulla id habitasse.<\/p>\n<div class=\"clearfix\"><\/div>\n<pre><code>&lt;img class=\"img-responsive img-left size-thumbnail wp-image-246\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg\" alt=\"defaultni-obrazek\" title=\"defaultni-obrazek\" width=\"200\" height=\"105\" \/&gt;\r\n&lt;p&gt;Amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam. Habitasse fermentum et accumsan et non mattis ligula mauris neque pulvinar. Vestibulum tristique ultrices leo ligula hendrerit nulla id habitasse.&lt;\/p&gt;<\/code><\/pre>\n<hr \/>\n<h2>Obr\u00e1zek obt\u00e9kan\u00fd textem zleva<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive img-right size-thumbnail wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg\" alt=\"defaultni-obrazek\" width=\"200\" height=\"105\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/p>\n<p><strong>K obr\u00e1zku sta\u010d\u00ed p\u0159idat t\u0159\u00eddu<\/strong> <code>img-right<\/code>. Amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam. Habitasse fermentum et accumsan et non mattis ligula mauris neque pulvinar. Vestibulum tristique ultrices leo ligula hendrerit nulla id habitasse.<\/p>\n<div class=\"clearfix\"><\/div>\n<pre><code>&lt;img class=\"img-responsive img-right size-thumbnail wp-image-246\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg\" alt=\"defaultni-obrazek\" title=\"defaultni-obrazek\" width=\"200\" height=\"105\" \/&gt;\r\n&lt;p&gt;Amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam. Habitasse fermentum et accumsan et non mattis ligula mauris neque pulvinar. Vestibulum tristique ultrices leo ligula hendrerit nulla id habitasse.&lt;\/p&gt;<\/code><\/pre>\n<hr \/>\n<h2>Obr\u00e1zek s&nbsp;mo\u017enost\u00ed kliknut\u00ed a&nbsp;zobrazen\u00ed velk\u00e9ho n\u00e1hledu<\/h2>\n<p><a class=\"thumbnail img-left\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg\" alt=\"defaultni-obrazek\" width=\"200\" height=\"105\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<p><strong>K odkazu obr\u00e1zku sta\u010d\u00ed p\u0159idat t\u0159\u00eddu<\/strong> <code>img-left<\/code>. Amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam. Habitasse fermentum et accumsan et non mattis ligula mauris neque pulvinar. Vestibulum tristique ultrices leo ligula hendrerit nulla id habitasse.<\/p>\n<div class=\"clearfix\"><\/div>\n<pre><code>&lt;img class=\"img-responsive img-left size-thumbnail wp-image-246\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg\" alt=\"defaultni-obrazek\" title=\"defaultni-obrazek\" width=\"200\" height=\"105\" \/&gt;\r\n&lt;p&gt;Amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam. Habitasse fermentum et accumsan et non mattis ligula mauris neque pulvinar. Vestibulum tristique ultrices leo ligula hendrerit nulla id habitasse.&lt;\/p&gt;<\/code><\/pre>\n<hr \/>\n<h2>Fotogalerie (2 obr\u00e1zky)<\/h2>\n<div class=\"row\">\n<div class=\"col-xs-6\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie1\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie1\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<\/div>\n<p>Styl obr\u00e1zku v&nbsp;galerii tvo\u0159\u00ed t\u0159\u00edda <code>thumbnail<\/code> v&nbsp;odkazu <code>&lt;a class=\"thumbnail\"&gt;&lt;\/a&gt;<\/code>. \u017d\u00e1dn\u00e9 jin\u00e9 t\u0159\u00eddy do <code>img<\/code> nen\u00ed t\u0159eba vkl\u00e1dat. <code>rel=\"galerie\"<\/code> v&nbsp;odkazu zajist\u00ed proch\u00e1zen\u00ed obr\u00e1zk\u016f ve velk\u00fdch n\u00e1hledech dop\u0159edu a&nbsp;dozadu pomoc\u00ed tla\u010d\u00edtek, kter\u00e9 se zobraz\u00ed po najet\u00ed na okraje obr\u00e1zku, p\u0159\u00edpadn\u011b lze ovl\u00e1dat \u0161ipkami na kl\u00e1vesnici. Pokud je na str\u00e1nce v\u00edce galeri\u00ed, je t\u0159eba u&nbsp;ka\u017ed\u00e9 galerie m\u00edt jin\u00fd <code>rel<\/code> viz dal\u0161\u00ed galerie n\u00ed\u017ee nap\u0159.&nbsp;<code>rel=\"galerie2\"<\/code>.<\/p>\n<pre><code>&lt;div class=\"row\"&gt;\r\n&lt;div class=\"col-xs-6\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr \/>\n<h2>Fotogalerie (3 obr\u00e1zky)<\/h2>\n<div class=\"row\">\n<div class=\"col-sm-4\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-sm-4\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-sm-4\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<\/div>\n<pre><code>&lt;div class=\"row\"&gt;\r\n&lt;div class=\"col-sm-4\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-sm-4\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-sm-4\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr \/>\n<h2>Fotogalerie (6 obr\u00e1zky)<\/h2>\n<div class=\"row\">\n<div class=\"col-xs-6 col-sm-4\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie3\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-4\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie3\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-4\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie3\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-4\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie3\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-4\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie3\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-4\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie3\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<\/div>\n<pre><code>&lt;div class=\"row\"&gt;\r\n&lt;div class=\"col-xs-6 col-sm-4\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-4\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-4\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-4\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-4\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-4\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr \/>\n<h2>Fotogalerie (4 obr\u00e1zky)<\/h2>\n<div class=\"row\">\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<\/div>\n<pre><code>&lt;div class=\"row\"&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr \/>\n<h2>Fotogalerie (8 obr\u00e1zky)<\/h2>\n<div class=\"row\">\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div class=\"col-xs-6 col-sm-3\"><a class=\"thumbnail\" title=\"\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie4\" data-rel=\"lightbox-gallery-OPrCCNzk\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-246\" title=\"defaultni-obrazek\" src=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-500x262.jpg 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-200x105.jpg 200w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek-768x403.jpg 768w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg 850w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<\/div>\n<pre><code>&lt;div class=\"row\"&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n&lt;a class=\"thumbnail\" title=\"Velk\u00fd n\u00e1hled\" href=\"..\/wp-content\/uploads\/2016\/12\/defaultni-obrazek.jpg\" rel=\"galerie2\"&gt;&lt;img class=\"size-medium wp-image-246\" src=\"..\/wp-content\/uploads\/2017\/08\/defaultni-obrazek-500x262.jpg\" alt=\"defaultni-obrazek\" width=\"500\" height=\"262\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr \/>\n<hr \/>\n<h1 id=\"tabulky\">Tabulky<\/h1>\n<p>Pomoc\u00ed editoru lze snadno a&nbsp;rychle p\u0159idat (nebo odebrat) dal\u0161\u00ed sloupce a&nbsp;\u0159\u00e1dky p\u0159i zachov\u00e1n\u00ed stylu p\u0159es ikony vlo\u017een\u00ed \u0159\u00e1dku, \u010di sloupce (pota\u017emo smazat \u0159\u00e1dek, \u010di sloupec).<\/p>\n<h2>Tabulka z\u00e1kladn\u00ed styl<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> by m\u011bla m\u00edt ka\u017ed\u00e1 tabulka.<\/p>\n<table class=\"table\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<pre><code>&lt;table class=\"table\"&gt;\r\n&lt;tbody&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/tbody&gt;\r\n&lt;\/table&gt;<\/code><\/pre>\n<hr \/>\n<h2>Tabulka se st\u0159\u00eddaj\u00edc\u00edmi-se zv\u00fdrazn\u011bn\u00fdmi \u0159\u00e1dky<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a\u00a0 <code>table-striped<\/code>.<\/p>\n<table class=\"table table-striped\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<pre><code>&lt;table class=\"table table-striped\"&gt;\r\n&lt;tbody&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/tbody&gt;\r\n&lt;\/table&gt;<\/code><\/pre>\n<hr \/>\n<h2>Tabulka s&nbsp;r\u00e1me\u010dky<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a&nbsp;<code>table-bordered<\/code>.<\/p>\n<table class=\"table table-bordered\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<pre><code>&lt;table class=\"table table-bordered\"&gt;\r\n&lt;tbody&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/tbody&gt;\r\n&lt;\/table&gt;<\/code><\/pre>\n<hr \/>\n<h2>Tabulka se zv\u00fdrazn\u011bn\u00edm \u0159\u00e1dku po najet\u00ed my\u0161i<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a&nbsp;<code>table-hover<\/code>.<\/p>\n<table class=\"table table-hover\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<pre><code>&lt;table class=\"table table-hover\"&gt;\r\n&lt;tbody&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/tbody&gt;\r\n&lt;\/table&gt;<\/code><\/pre>\n<hr \/>\n<h2>Tabulka s&nbsp;men\u0161\u00edm \u0159\u00e1dkov\u00e1n\u00edm<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a&nbsp;<code>table-condensed<\/code>.<\/p>\n<table class=\"table table-condensed\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<pre><code>&lt;table class=\"table table-condensed\"&gt;\r\n&lt;tbody&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/tbody&gt;\r\n&lt;\/table&gt;<\/code><\/pre>\n<hr \/>\n<h2>Tabulka s&nbsp;barevn\u00fdmi \u0159\u00e1dky<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a&nbsp;\u0159\u00e1dk\u016fm p\u0159i\u0159azeny postupn\u011b styly <code>active<\/code>, <code>success<\/code>,<code> info<\/code>,<code> warning<\/code>,<code> danger<\/code>.<\/p>\n<table class=\"table\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr class=\"active\">\n<td>Styl <strong>active<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"success\">\n<td>Styl<strong> success<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"info\">\n<td>Styl <strong>info<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"warning\">\n<td>Styl <strong>warning<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"danger\">\n<td>Styl <strong>danger<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<pre><code>&lt;table class=\"table\"&gt;\r\n&lt;tbody&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr class=\"active\"&gt;\r\n&lt;td&gt;Styl &lt;strong&gt;active&lt;\/strong&gt;:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr class=\"success\"&gt;\r\n&lt;td&gt;Styl&lt;strong&gt; success&lt;\/strong&gt;:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr class=\"info\"&gt;\r\n&lt;td&gt;Styl &lt;strong&gt;info&lt;\/strong&gt;:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr class=\"warning\"&gt;\r\n&lt;td&gt;Styl &lt;strong&gt;warning&lt;\/strong&gt;:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr class=\"danger\"&gt;\r\n&lt;td&gt;Styl &lt;strong&gt;danger&lt;\/strong&gt;:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/tbody&gt;\r\n&lt;\/table&gt;<\/code><\/pre>\n<hr \/>\n<h2>Kombinovan\u00e1 tabulka<\/h2>\n<p>V\u00fd\u0161e uveden\u00e9 styly lze r\u016fzn\u011b kombinovat se zachv\u00e1n\u00edm z\u00e1kladn\u00edho stylu <code>table<\/code>.<\/p>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code>,<code> table-striped<\/code>,<code> table-bordered<\/code> a&nbsp;dv\u011bma \u0159\u00e1dk\u016fm p\u0159i\u0159azeny styly <code>success<\/code> a<code> <\/code><code>danger<\/code>.<\/p>\n<table class=\"table table-striped table-bordered\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"success\">\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"danger\">\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<pre><code>&lt;table class=\"table table-striped table-bordered\"&gt;\r\n&lt;tbody&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr class=\"success\"&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr class=\"danger\"&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/tbody&gt;\r\n&lt;\/table&gt;<\/code><\/pre>\n<hr \/>\n<h2>Responsivn\u00ed tabulka<\/h2>\n<p>Pokud m\u00e1 tabulka hodn\u011b sloupc\u016f, m\u016f\u017ee na mobilech rozhodit layout, proto je nutn\u00e9 tabulku obalit tagem <code>div<\/code> a&nbsp;t\u0159\u00eddou <code>table-responsive<\/code>. To umo\u017e\u0148\u00ed horizont\u00e1ln\u00ed posouv\u00e1n\u00ed na mal\u00fdch za\u0159\u00edzen\u00edch.<\/p>\n<div class=\"table-responsive\">\n<table class=\"table table-striped table-bordered\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<pre><code>&lt;div class=\"table-responsive\"&gt;&lt;table class=\"table table-striped table-bordered\"&gt;\r\n&lt;tbody&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;th&gt;N\u00e1zev sloupce&lt;\/th&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;N\u00e1zev \u0159\u00e1dku:&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;td&gt;Hodnota&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/tbody&gt;\r\n&lt;\/table&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr \/>\n<h2 id=\"responsivni-tabulka\">Responsivn\u00ed blokov\u00e1 tabulka<\/h2>\n<p>Tabulka je tvo\u0159ena z&nbsp;blokov\u00fdch prvk\u016f <code>div<\/code>. \u0158\u00e1dky tabulky se na mobilech p\u0159eskup\u00ed do jednotliv\u00fdch blok\u016f s&nbsp;hodnotami pod sebou.<\/p>\n<div class=\"div-table col-sm-12\">\n<div class=\"row\">\n<div class=\"div-tr hlavicka hidden-xs\">\n<div class=\"div-th col-sm-3\">Popis sloupce<\/div>\n<div class=\"div-th col-sm-3\">Popis sloupce 2<\/div>\n<div class=\"div-th col-sm-2\">Popis sloupce 3<\/div>\n<div class=\"div-th col-sm-4\"><\/div>\n<\/div>\n<div class=\"div-tr\">\n<div class=\"div-td col-sm-3\"><strong>Hlavn\u00ed hodnota \u0159\u00e1dku<\/strong><\/div>\n<div class=\"div-td col-sm-3\">hodnota<\/div>\n<div class=\"div-td col-sm-2\">hodnota<\/div>\n<div class=\"div-td col-sm-4\"><a href=\"#\">Tla\u010d\u00edtko<\/a><\/div>\n<\/div>\n<div class=\"div-tr\">\n<div class=\"div-td col-sm-3\"><strong>Hlavn\u00ed hodnota \u0159\u00e1dku<\/strong><\/div>\n<div class=\"div-td col-sm-3\">hodnota<\/div>\n<div class=\"div-td col-sm-2\">hodnota<\/div>\n<div class=\"div-td col-sm-4\"><b>v\u00fdrazn\u011bj\u0161\u00ed hodnota<\/b><\/div>\n<\/div>\n<div class=\"div-tr\">\n<div class=\"div-td col-sm-3\"><strong>Hlavn\u00ed hodnota \u0159\u00e1dku<\/strong><\/div>\n<div class=\"div-td col-sm-3\">hodnota<\/div>\n<div class=\"div-td col-sm-2\">hodnota<\/div>\n<div class=\"div-td col-sm-4\"><b>v\u00fdrazn\u011bj\u0161\u00ed hodnota<\/b><\/div>\n<\/div>\n<\/div>\n<\/div>\n<pre><code>&lt;div class=\"div-table col-sm-12\"&gt;\r\n&lt;div class=\"row\"&gt;\r\n&lt;div class=\"div-tr hlavicka hidden-xs\"&gt;\r\n&lt;div class=\"div-th col-sm-3\">Popis sloupce&lt;\/div&gt;\r\n&lt;div class=\"div-th col-sm-3\">Popis sloupce 2&lt;\/div&gt;\r\n&lt;div class=\"div-th col-sm-2\">Popis sloupce 3&lt;\/div&gt;\r\n&lt;div class=\"div-th col-sm-4\">&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"div-tr\"&gt;\r\n&lt;div class=\"div-td col-sm-3\"&gt;&lt;strong>Hlavn\u00ed hodnota \u0159\u00e1dku&lt;\/strong&gt;&lt;\/div&gt;\r\n&lt;div class=\"div-td col-sm-3\"&gt;hodnota&lt;\/div&gt;\r\n&lt;div class=\"div-td col-sm-2\"&gt;hodnota&lt;\/div&gt;\r\n&lt;div class=\"div-td col-sm-4\"&gt;&lt;a href=\"#\"&gt;Tla\u010d\u00edtko&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"div-tr\"&gt;\r\n&lt;div class=\"div-td col-sm-3\"&gt;&lt;strong>Hlavn\u00ed hodnota \u0159\u00e1dku&lt;\/strong>&lt;\/div&gt;\r\n&lt;div class=\"div-td col-sm-3\"&gt;hodnota&lt;\/div&gt;\r\n&lt;div class=\"div-td col-sm-2\"&gt;hodnota&lt;\/div&gt;\r\n&lt;div class=\"div-td col-sm-4\"&gt;&lt;b&gt;v\u00fdrazn\u011bj\u0161\u00ed hodnota&lt;\/b&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"div-tr\"&gt;\r\n&lt;div class=\"div-td col-sm-3\"&gt;&lt;strong>Hlavn\u00ed hodnota \u0159\u00e1dku&lt;\/strong>&lt;\/div&gt;\r\n&lt;div class=\"div-td col-sm-3\"&gt;hodnota&lt;\/div&gt;\r\n&lt;div class=\"div-td col-sm-2\"&gt;hodnota&lt;\/div&gt;\r\n&lt;div class=\"div-td col-sm-4\"&gt;&lt;b&gt;v\u00fdrazn\u011bj\u0161\u00ed hodnota&lt;\/b&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr \/>\n<h1 id=\"video\">Vlo\u017een\u00ed videa z&nbsp;YouTube<\/h1>\n<p>Do tagu <code>src<\/code> za <code>https:\/\/www.youtube.com\/embed\/<\/code> je t\u0159eba vlo\u017eit k\u00f3d videa, kter\u00fd naleznete za rovn\u00edtkem v&nbsp;url adrese videa v&nbsp;na\u0161em p\u0159\u00edpad\u011b je to k\u00f3d <code>0sB3Fjw3Uvc<\/code>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2018\/11\/vlozeni-videa-500x71.png\" alt=\"youtube\" width=\"500\" height=\"71\" class=\"img-responsive center-block size-medium wp-image-371\" srcset=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2018\/11\/vlozeni-videa-500x71.png 500w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2018\/11\/vlozeni-videa-300x43.png 300w, https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2018\/11\/vlozeni-videa.png 505w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<div class=\"embed-responsive embed-responsive-16by9\"><iframe loading=\"lazy\" class=\"embed-responsive-item\" src=\"https:\/\/www.youtube.com\/embed\/0sB3Fjw3Uvc\" width=\"300\" height=\"150\"><\/iframe><\/div>\n<pre><code>&lt;div class=\"embed-responsive embed-responsive-16by9\"&gt;\r\n&lt;iframe class=\"embed-responsive-item\" src=\"https:\/\/www.youtube.com\/embed\/0sB3Fjw3Uvc\"&gt;&lt;\/iframe&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr \/>\n<hr \/>\n<h1 id=\"clearfixz\">Zru\u0161en\u00ed zarovn\u00e1n\u00ed (clear)<\/h1>\n<p>Pou\u017eit\u00ed nap\u0159.&nbsp;pokud dva prvky vedle sebe nevypadaj\u00ed dob\u0159e, nebo \u010d\u00e1st prvn\u00edho zal\u00e9z\u00e1 pod druh\u00fd, vlo\u017e\u00ed se za prvn\u00ed prvek do kodu div se t\u0159\u00eddou <code>clearfix<\/code>.<\/p>\n<pre><code>&lt;div class=\"clearfix\"&gt;&nbsp;&lt;\/div&gt;<\/code><\/pre>\n<hr>\n<hr>\n<h1 id=\"cta-panely\">CTA panely<\/h1>\n<p>Do tla\u010d\u00edtka lze vlo\u017eit text pomoc\u00ed widgetu nap\u0159.&nbsp;&#8222;do_widget id=text-2&#8220; (m\u00edsto uvozovek je t\u0159eba d\u00e1t hranat\u00e9 z\u00e1vorky!) Lze pak z&nbsp;jednoho m\u00edsta upravit text v&nbsp;tla\u010d\u00edtku zkrz v\u0161echny panely s&nbsp;CTA.<\/p>\n<hr>\n<div class=\"odstavec-cta-big\">\n<div class=\"col-sm-8 flex-box flex-box-center\">\n<p class=\"child-stred center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a&nbsp;2 z&nbsp;pohledu SEO v&nbsp;<strong>Z\u00e1kladn\u00ed verzi zdarma<\/strong>.<\/p>\n<\/div>\n<div class=\"col-sm-4 flex-box flex-box-center\">\n<a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\"><div id=\"text-2\" class=\"widget widget_text amr_widget\">\t\t\t<div class=\"textwidget\"><p>Zaregistrujte se<\/p>\n<\/div>\n\t\t<\/div><\/a>\n<\/div>\n<\/div>\n<pre><code>&lt;div class=\"odstavec-cta-big\"&gt;\r\n&lt;div class=\"col-sm-8 flex-box flex-box-center\"&gt;\r\n&lt;p class=\"child-stred center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a 2 z pohledu SEO v &lt;strong&gt;Z\u00e1kladn\u00ed verzi zdarma&lt;\/strong>.&lt;\/p&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"col-sm-4 flex-box flex-box-center\"&gt;\r\n&lt;a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\"&gt;Zaregistrujte se&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr>\n<div class=\"odstavec-cta-normal\">\n<div class=\"col-sm-8 flex-box flex-box-center\">\n<p class=\"child-stred center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a&nbsp;2 z&nbsp;pohledu SEO v&nbsp;<strong>Z\u00e1kladn\u00ed verzi zdarma<\/strong>.<\/p>\n<\/div>\n<div class=\"col-sm-4 flex-box flex-box-center\">\n<a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\"><div id=\"text-2\" class=\"widget widget_text amr_widget\">\t\t\t<div class=\"textwidget\"><p>Zaregistrujte se<\/p>\n<\/div>\n\t\t<\/div><\/a>\n<\/div>\n<\/div>\n<pre><code>&lt;div class=\"odstavec-cta-normal\"&gt;\r\n&lt;div class=\"col-sm-8 flex-box flex-box-center\"&gt;\r\n&lt;p class=\"child-stred center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a 2 z pohledu SEO v &lt;strong&gt;Z\u00e1kladn\u00ed verzi zdarma&lt;\/strong>.&lt;\/p&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"col-sm-4 flex-box flex-box-center\"&gt;\r\n&lt;a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\"&gt;Zaregistrujte se&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr>\n<div class=\"odstavec-cta\">\n<div class=\"col-sm-8 flex-box flex-box-center\">\n<p class=\"child-stred center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a&nbsp;2 z&nbsp;pohledu SEO v&nbsp;<strong>Z\u00e1kladn\u00ed verzi zdarma<\/strong>.<\/p>\n<\/div>\n<div class=\"col-sm-4 flex-box flex-box-center\">\n<a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\"><div id=\"text-2\" class=\"widget widget_text amr_widget\">\t\t\t<div class=\"textwidget\"><p>Zaregistrujte se<\/p>\n<\/div>\n\t\t<\/div><\/a>\n<\/div>\n<\/div>\n<pre><code>&lt;div class=\"odstavec-cta\"&gt;\r\n&lt;div class=\"col-sm-8 flex-box flex-box-center\"&gt;\r\n&lt;p class=\"child-stred center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a 2 z pohledu SEO v &lt;strong&gt;Z\u00e1kladn\u00ed verzi zdarma&lt;\/strong>.&lt;\/p&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"col-sm-4 flex-box flex-box-center\"&gt;\r\n&lt;a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\"&gt;Zaregistrujte se&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<hr>\n<h2>Jednoduch\u00e9 CTA panely<\/h2>\n<p>V t\u011bchto CTA panelech lze barevn\u011b kombinovat tla\u010d\u00edtka a&nbsp;pozad\u00ed jednodu\u0161e zm\u011bnou dvou t\u0159\u00edd. Na pozad\u00ed panelu lze pou\u017e\u00edt t\u0159\u00eddy <a href=\"#odstavce-podbarvene\">barevn\u00fdch odstavc\u016f<\/a> nap\u0159.&nbsp;<code>odstavec-dulezite<\/code>, <code>odstavec-potvrzeni<\/code> atd.<\/p>\n<p> Na zm\u011bnu barev tla\u010d\u00edtek leze pou\u017e\u00edt <a href=\"#tlacitka\">t\u0159\u00eddy tla\u010d\u00edtek<\/a> nap\u0159.&nbsp;<code>btn-primary<\/code>, <code>btn-success<\/code> atd.<\/p>\n<div class=\"odstavec-dulezite flex-box flex-box-center flex-wrap\">\n<div class=\"col-sm-8 flex-box flex-box-center\">\n<p class=\"child-stred p-b-0 center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a&nbsp;2 z&nbsp;pohledu SEO v&nbsp;<strong>Z\u00e1kladn\u00ed verzi zdarma<\/strong>.<\/p>\n<\/div>\n<div class=\"col-sm-4 flex-box flex-box-center\">\n<a class=\"btn btn-primary btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\">Zaregistrujte se<\/a>\n<\/div>\n<\/div>\n<pre><code>&lt;div class=\"odstavec-dulezite flex-box flex-box-center flex-wrap\"&gt;\r\n&lt;div class=\"col-sm-8 flex-box flex-box-center\"&gt;\r\n&lt;p class=\"child-stred p-b-0 center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a 2 z pohledu SEO v &lt;strong>Z\u00e1kladn\u00ed verzi zdarma&lt;\/strong&gt;.&lt;\/p&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"col-sm-4 flex-box flex-box-center\"&gt;\r\n&lt;a class=\"btn btn-primary btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\">Zaregistrujte se&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"odstavec-potvrzeni flex-box flex-box-center flex-wrap\">\n<div class=\"col-sm-8 flex-box flex-box-center\">\n<p class=\"child-stred p-b-0 center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a&nbsp;2 z&nbsp;pohledu SEO v&nbsp;<strong>Z\u00e1kladn\u00ed verzi zdarma<\/strong>.<\/p>\n<\/div>\n<div class=\"col-sm-4 flex-box flex-box-center\">\n<a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\">Zaregistrujte se<\/a>\n<\/div>\n<\/div>\n<pre><code>&lt;div class=\"odstavec-potvrzeni flex-box flex-box-center flex-wrap\"&gt;\r\n&lt;div class=\"col-sm-8 flex-box flex-box-center\"&gt;\r\n&lt;p class=\"child-stred p-b-0 center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a 2 z pohledu SEO v &lt;strong>Z\u00e1kladn\u00ed verzi zdarma&lt;\/strong&gt;.&lt;\/p&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"col-sm-4 flex-box flex-box-center\"&gt;\r\n&lt;a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\">Zaregistrujte se&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<div class=\"odstavec-rada flex-box flex-box-center flex-wrap\">\n<div class=\"col-sm-8 flex-box flex-box-center\">\n<p class=\"child-stred p-b-0 center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a&nbsp;2 z&nbsp;pohledu SEO v&nbsp;<strong>Z\u00e1kladn\u00ed verzi zdarma<\/strong>.<\/p>\n<\/div>\n<div class=\"col-sm-4 flex-box flex-box-center\">\n<a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\">Zaregistrujte se<\/a>\n<\/div>\n<\/div>\n<pre><code>&lt;div class=\"odstavec-rada flex-box flex-box-center flex-wrap\"&gt;\r\n&lt;div class=\"col-sm-8 flex-box flex-box-center\"&gt;\r\n&lt;p class=\"child-stred p-b-0 center-xs\">Projd\u011bte si dal\u0161\u00ed \u00fakoly ze zralosti 1 a 2 z pohledu SEO v &lt;strong>Z\u00e1kladn\u00ed verzi zdarma&lt;\/strong&gt;.&lt;\/p&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"col-sm-4 flex-box flex-box-center\"&gt;\r\n&lt;a class=\"btn btn-success btn-lg pull-right child-stred none-icon-out\" href=\"https:\/\/tool.marketingmapy.com\/sign-up\">Zaregistrujte se&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Barvy text\u016f Nadpisy Odstavce Podbarven\u00e9 odstavce Odstavce s&nbsp;ikonou Bloky Ikony Seznamy Tla\u010d\u00edtka Extern\u00ed odkaz Obr\u00e1zky Tabulky Responsivn\u00ed tabulka Video Zru\u0161en\u00ed zarovn\u00e1n\u00ed CTA panely Pod jednotliv\u00fdmi prvky je uk\u00e1zka HTML kodu. Ten lze zkop\u00edrovat a&nbsp;pou\u017e\u00edt p\u0159i vytv\u00e1\u0159en\u00ed obsahu webu. Kod je nutn\u00e9 vkl\u00e1dat do html \u010d\u00e1sti editoru v&nbsp;administraci. P\u0159epnut\u00ed do z&nbsp;klasick\u00e9ho editoru do HTML je v&nbsp;prav\u00e9 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-full-width-page.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1548","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - Marketing Mapy<\/title>\n<meta name=\"description\" content=\"Barvy text\u016f Nadpisy Odstavce Podbarven\u00e9 odstavce Odstavce s ikonou Bloky Ikony Seznamy Tla\u010d\u00edtka Extern\u00ed odkaz Obr\u00e1zky Tabulky Responsivn\u00ed tabulka Video\" \/>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - Marketing Mapy\" \/>\n<meta property=\"og:description\" content=\"Barvy text\u016f Nadpisy Odstavce Podbarven\u00e9 odstavce Odstavce s ikonou Bloky Ikony Seznamy Tla\u010d\u00edtka Extern\u00ed odkaz Obr\u00e1zky Tabulky Responsivn\u00ed tabulka Video\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Marketing Mapy\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-15T10:52:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data1\" content=\"52 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/vzhled-stylovani-obsahu-styleguide-2\\\/\",\"url\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/vzhled-stylovani-obsahu-styleguide-2\\\/\",\"name\":\"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - Marketing Mapy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/vzhled-stylovani-obsahu-styleguide-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/vzhled-stylovani-obsahu-styleguide-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.marketingmapy.com\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/user-image.jpg\",\"datePublished\":\"2019-05-10T13:19:31+00:00\",\"dateModified\":\"2019-05-15T10:52:43+00:00\",\"description\":\"Barvy text\u016f Nadpisy Odstavce Podbarven\u00e9 odstavce Odstavce s ikonou Bloky Ikony Seznamy Tla\u010d\u00edtka Extern\u00ed odkaz Obr\u00e1zky Tabulky Responsivn\u00ed tabulka Video\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/vzhled-stylovani-obsahu-styleguide-2\\\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/vzhled-stylovani-obsahu-styleguide-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/vzhled-stylovani-obsahu-styleguide-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.marketingmapy.com\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/user-image.jpg\",\"contentUrl\":\"https:\\\/\\\/www.marketingmapy.com\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/user-image.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/vzhled-stylovani-obsahu-styleguide-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u00davod\",\"item\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/#website\",\"url\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/\",\"name\":\"Marketing Mapy\",\"description\":\"N\u00e1stroj pro \u0159\u00edzen\u00ed marketingov\u00fdch projekt\u016f nejen v digit\u00e1ln\u00ed agentu\u0159e\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.marketingmapy.com\\\/cs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - Marketing Mapy","description":"Barvy text\u016f Nadpisy Odstavce Podbarven\u00e9 odstavce Odstavce s ikonou Bloky Ikony Seznamy Tla\u010d\u00edtka Extern\u00ed odkaz Obr\u00e1zky Tabulky Responsivn\u00ed tabulka Video","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"cs_CZ","og_type":"article","og_title":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - Marketing Mapy","og_description":"Barvy text\u016f Nadpisy Odstavce Podbarven\u00e9 odstavce Odstavce s ikonou Bloky Ikony Seznamy Tla\u010d\u00edtka Extern\u00ed odkaz Obr\u00e1zky Tabulky Responsivn\u00ed tabulka Video","og_url":"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/","og_site_name":"Marketing Mapy","article_modified_time":"2019-05-15T10:52:43+00:00","og_image":[{"url":"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Odhadovan\u00e1 doba \u010dten\u00ed":"52 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/","url":"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/","name":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - Marketing Mapy","isPartOf":{"@id":"https:\/\/www.marketingmapy.com\/cs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/#primaryimage"},"image":{"@id":"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg","datePublished":"2019-05-10T13:19:31+00:00","dateModified":"2019-05-15T10:52:43+00:00","description":"Barvy text\u016f Nadpisy Odstavce Podbarven\u00e9 odstavce Odstavce s ikonou Bloky Ikony Seznamy Tla\u010d\u00edtka Extern\u00ed odkaz Obr\u00e1zky Tabulky Responsivn\u00ed tabulka Video","breadcrumb":{"@id":"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/#primaryimage","url":"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg","contentUrl":"https:\/\/www.marketingmapy.com\/wp-content\/uploads\/2017\/03\/user-image.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.marketingmapy.com\/cs\/vzhled-stylovani-obsahu-styleguide-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u00davod","item":"https:\/\/www.marketingmapy.com\/cs\/"},{"@type":"ListItem","position":2,"name":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide)"}]},{"@type":"WebSite","@id":"https:\/\/www.marketingmapy.com\/cs\/#website","url":"https:\/\/www.marketingmapy.com\/cs\/","name":"Marketing Mapy","description":"N\u00e1stroj pro \u0159\u00edzen\u00ed marketingov\u00fdch projekt\u016f nejen v digit\u00e1ln\u00ed agentu\u0159e","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.marketingmapy.com\/cs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"}]}},"_links":{"self":[{"href":"https:\/\/www.marketingmapy.com\/cs\/wp-json\/wp\/v2\/pages\/1548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marketingmapy.com\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.marketingmapy.com\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.marketingmapy.com\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marketingmapy.com\/cs\/wp-json\/wp\/v2\/comments?post=1548"}],"version-history":[{"count":25,"href":"https:\/\/www.marketingmapy.com\/cs\/wp-json\/wp\/v2\/pages\/1548\/revisions"}],"predecessor-version":[{"id":1550,"href":"https:\/\/www.marketingmapy.com\/cs\/wp-json\/wp\/v2\/pages\/1548\/revisions\/1550"}],"wp:attachment":[{"href":"https:\/\/www.marketingmapy.com\/cs\/wp-json\/wp\/v2\/media?parent=1548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}