<div class="lead"><strong>Perex</strong> - <span style="background-color: #a6ce39;">Lorem</span> <span style="background-color: #1291d1;">ipsum</span> <span style="color: #33c6f0;">dolor</span> sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </div>
<p><strong>Běžný odstavec</strong> - Lorem ipsum dolor sit amet, <a href="https://dev.hotelkraskov.cz/cs/">consectetuer adipiscing elit</a>. Maecenas libero. Praesent vitae<sup>23</sup> arcu <strong>tempor<sub>23</sub></strong> neque lacinia pretium. <em>Sed ac dolor sit</em> amet <span style="text-decoration: line-through;">purus malesuada</span> congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue.</p>
<p><img class="pull-left" src="https://dev.hotelkraskov.cz/data/QRC-kontakt-recepce.png" alt="QR kód s kontakty" width="512" height="512"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p><a href="https://dev.hotelkraskov.cz/data/images/klimatizace-hrbek-logo.horizontal.png"><img class="pull-right" src="https://dev.hotelkraskov.cz/data/nuts/nuts_2_eu_t.png" alt="klimatizace-hrbek-favicon" width="247" height="114"></a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h1>Nadpis 1</h1>
<div class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h2 class="lead">Nadpis 2</h2>
<div class="lead"><span style="background-color: #a6ce39;">Lorem ipsum</span> dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h3>Nadpis 3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue.  </p>
<h4>Nadpis 4</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h5>Nadpis 5</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h6>Nadpis 6</h6>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h1 class="display-1">Nadpis - Display 1</h1>
<div class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h2 class="display-2">Nadpis - Display 2</h2>
<div class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h3 class="display-3">Nadpis - Display 3</h3>
<div class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h4 class="display-4">Nadpis - Display 4</h4>
<div class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-highlighted">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-highlighted text-highlighted--extra">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-indented">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-primary">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-secondary">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-info">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-success">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-danger">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p class="text-warning">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<ul>
<li>Lorem ipsum dolor sit amet
<ul>
<li>consectetuer adipiscing elit. Maecenas libero.
<ul>
<li>Praesent vitae arcu tempor neque lacinia pretium.
<ul>
<li>Sed ac dolor sit amet purus malesuada congue.</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>Ut tempus purus at lorem.</li>
<li>Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede.</li>
<li>Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis.</li>
<li>Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<ol>
<li>Lorem ipsum dolor sit amet
<ol>
<li>consectetuer adipiscing elit. Maecenas libero.
<ol>
<li>Praesent vitae arcu tempor neque lacinia pretium.
<ol>
<li>Sed ac dolor sit amet purus malesuada congue.</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
<li>Ut tempus purus at lorem.</li>
<li>Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede.</li>
<li>Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis.</li>
<li>Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </li>
</ol>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<table style="border-collapse: collapse;" border="1">
<tbody>
<tr>
<td>A1</td>
<td>A2</td>
<td>A3</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
<td>B3</td>
</tr>
</tbody>
</table>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<div class="table-responsive">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>den v týdnu</th>
<th>dopoledne</th>
<th>odpoledne</th>
</tr>
</thead>
<tbody>
<tr>
<td>Pondělí:</td>
<td>11.00 - 17.00 (Dr.Stejskalová)</td>
<td> </td>
</tr>
<tr>
<td>Úterý:</td>
<td>08.30 - 14.00 (Dr.Stejskalová)</td>
<td>15.00 - 19.00 (Dr.Dudová)</td>
</tr>
<tr>
<td>Středa:</td>
<td>08.30 - 14.30 (Dr.Stejskalová)</td>
<td> </td>
</tr>
<tr>
<td>Čtvrtek:</td>
<td>08.30 - 14.00 (Dr.Zelenková)</td>
<td>15.00 - 19.00 (Dr.Noble)</td>
</tr>
<tr>
<td>Pátek:</td>
<td>8.30 - 13.00 (Dr.Holakovská)</td>
<td> </td>
</tr>
</tbody>
</table>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<div class="table-responsive">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>den v týdnu</th>
<th>dopoledne</th>
<th>odpoledne</th>
</tr>
</thead>
<tbody>
<tr>
<td>Pondělí:</td>
<td>11.00 - 17.00 (Dr.Stejskalová)</td>
<td> </td>
</tr>
<tr>
<td>Úterý:</td>
<td>08.30 - 14.00 (Dr.Stejskalová)</td>
<td>15.00 - 19.00 (Dr.Dudová)</td>
</tr>
<tr>
<td>Středa:</td>
<td>08.30 - 14.30 (Dr.Stejskalová)</td>
<td> </td>
</tr>
<tr>
<td>Čtvrtek:</td>
<td>08.30 - 14.00 (Dr.Zelenková)</td>
<td>15.00 - 19.00 (Dr.Noble)</td>
</tr>
<tr>
<td>Pátek:</td>
<td>8.30 - 13.00 (Dr.Holakovská)</td>
<td> </td>
</tr>
</tbody>
</table>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<div class="text-highlighted">
<h3>Na celou šířku</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
</div>
<div class="text-highlighted text-highlighted--floated-left">
<h3>50%, obtékaný zprava (na větších displejích)</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
<div class="text-highlighted text-highlighted--floated-right">
<h3>50%, obtékaný zleva (na větších displejích)</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<div class="text-highlighted text-highlighted--extra">
<h3>Na celou šířku</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
</div>
<div class="text-highlighted text-highlighted--extra text-highlighted--floated-left">
<h3>50%, obtékaný zprava (na větších displejích)</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
<div class="text-highlighted text-highlighted--extra text-highlighted--floated-right">
<h3>50%, obtékaný zleva (na větších displejích)</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Et harum quidem rerum facilis est et expedita distinctio. Aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h3>Varianty tlačítek</h3>
<p class="c2a"><a class="btn btn-lg btn-outline-primary" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-outline-primary</p>
<p class="c2a"><a class="btn btn-lg btn-outline-primary btn--arrow-right" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-outline-primary btn--arrow-right</p>
<p class="c2a"><a class="btn btn-lg btn-outline-primary btn--arrow-down" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-outline-primary btn--arrow-down</p>
<p class="c2a"><a class="btn btn-lg btn-outline-secondary" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-outline-secondary</p>
<p class="c2a"><a class="btn btn-lg btn-outline-secondary btn--arrow-right" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-outline-secondary btn--arrow-right</p>
<p class="c2a"><a class="btn btn-lg btn-outline-secondary btn--arrow-down" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-outline-secondary btn--arrow-down</p>
<p class="c2a"><a class="btn btn-lg btn-primary" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-primary</p>
<p class="c2a"><a class="btn btn-lg btn-primary btn--arrow-right" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-primary btn--arrow-right</p>
<p class="c2a"><a class="btn btn-lg btn-primary btn--arrow-down" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-primary btn--arrow-down</p>
<p class="c2a"><a class="btn btn-lg btn-secondary" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-secondary</p>
<p class="c2a"><a class="btn btn-lg btn-secondary btn--arrow-right" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-secondary btn--arrow-right</p>
<p class="c2a"><a class="btn btn-lg btn-secondary btn--arrow-down" href="#url-akce"> Zadejte text </a></p>
<p>btn btn-lg btn-secondary btn--arrow-down</p>
<p> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<div class="section section--light">
<h3 class="section-title">Nadpis sekce</h3>
<p class="lead">Úvodní odstavec, který se zobrazuje speciálně formátovaný přímo pod nadpisem sekce - tzv. perex.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>
<h2 class="section-title display-4">Nadpis H2</h2>
<p class="lead">Lead odstavec</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Praesent vitae arcu tempor neque lacinia pretium. Sed ac dolor sit amet purus malesuada congue. Ut tempus purus at lorem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. </p>