You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
5.7 KiB
123 lines
5.7 KiB
<!DOCTYPE html>
|
|
<html lang="cs">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1 class="display-2">Text Testu</h1>
|
|
<h3 class="lead">nějaký podtext</h3>
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus accusantium reiciendis deserunt, deleniti ipsam, omnis aliquam similique vitae rem nulla laboriosam quam, corrupti natus iste itaque sed cumque quis soluta!</p>
|
|
|
|
<div class="row">
|
|
<!-- div.col-md-4*3>lorem -->
|
|
<div class="col-md-4 bg-danger border rounded">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ducimus adipisci atque veniam explicabo corporis voluptas illo repellendus ea corrupti nemo eveniet repudiandae assumenda, qui nihil odio, laboriosam modi quibusdam velit!</div>
|
|
<div class="col-md-4 bg-warning border rounded">Ullam quasi quaerat assumenda molestiae. Laboriosam magnam earum nobis quis a veniam culpa tempora maiores nam, quos facere impedit iste est cupiditate natus nulla quia fuga neque placeat consequatur excepturi?</div>
|
|
<div class="col-md-4 bg-success border rounded">Placeat minus ex similique hic necessitatibus veritatis nobis blanditiis accusamus reprehenderit. Tempore, iusto molestiae natus sed voluptas repudiandae aut. Tempore voluptatibus quo labore vero, consequuntur mollitia doloremque adipisci ut odio!</div>
|
|
</div>
|
|
<br>
|
|
<!-- div.row>div.col-md-4*3>div.m-1.p-2.border>lorem -->
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="m-1 p-4 bg-danger border rounded">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae optio repellat facere culpa ea suscipit facilis est, vel dolorum nesciunt ad magni dicta quisquam praesentium exercitationem laboriosam laborum officia nisi.</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="m-3 p-2 bg-warning border rounded">Exercitationem soluta amet accusantium ducimus totam itaque cum sequi quasi. Laudantium reprehenderit laborum id eligendi. Explicabo accusantium maxime expedita. Facere hic explicabo rerum autem ratione vero illum beatae alias voluptate!</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="m-5 p-1 bg-success border rounded">Itaque, expedita id, unde dignissimos quaerat reprehenderit fuga sapiente corrupti, ad veritatis quo nesciunt alias facilis? Minus illo doloremque nobis reprehenderit ullam. Maiores accusantium aliquam ad architecto, quibusdam earum iste?</div>
|
|
</div>
|
|
</div>
|
|
|
|
<figure>
|
|
<blockquote class="blockquote">
|
|
<p>To je zvláštní.... na mém počítači to fungovalo</p>
|
|
</blockquote>
|
|
<figcaption class="blockquote-footer">
|
|
Klasická výmluva <cite title="IT student">IT studenta</cite>
|
|
</figcaption>
|
|
</figure>
|
|
|
|
<div class="h4 pb-2 mb-4 text-danger border-bottom border-danger">
|
|
Dangerous heading
|
|
</div>
|
|
|
|
<table class="table table-striped table-hover">
|
|
<tr>
|
|
<th>NADPIS</th>
|
|
<th>NADPIS</th>
|
|
<th>NADPIS</th>
|
|
<th>NADPIS</th>
|
|
<th>NADPIS</th>
|
|
</tr>
|
|
<tr>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
</tr>
|
|
<tr>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
</tr>
|
|
<tr>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
</tr>
|
|
<tr>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
</tr>
|
|
<tr>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
<td>LOREM IPSUM</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<!-- Button trigger modal -->
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
|
|
Launch demo modal
|
|
</button>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vel architecto harum sed doloremque voluptas debitis soluta laborum, sapiente error, vero qui eveniet laboriosam eaque sequi corporis maxime officia dolores! Corporis!
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<script src="js/bootstrap.js"></script>
|
|
</body>
|
|
</html>
|