Úprava souboru index.html
This commit is contained in:
parent
8c33ffffed
commit
1650c32bc8
1 changed files with 29 additions and 5 deletions
|
@ -82,13 +82,16 @@
|
||||||
<div class="row gx-5 row-cols-1 row-cols-md-2">
|
<div class="row gx-5 row-cols-1 row-cols-md-2">
|
||||||
<div class="col mb-5 h-100">
|
<div class="col mb-5 h-100">
|
||||||
<div class="feature bg-dark bg-gradient text-white rounded-3 mb-0"><i class="bi bi-1-circle-fill"></i></div>
|
<div class="feature bg-dark bg-gradient text-white rounded-3 mb-0"><i class="bi bi-1-circle-fill"></i></div>
|
||||||
<h2 class="h5" align="right"><big><i class="fl-debian pe-sm-1"></i></big>Debian<i class="fa fa-chevron-circle-right ps-sm-2"></i></h2>
|
<h2 class="h5" align="right"><big><i class="fl-debian pe-sm-1"></i></big>Debian<i class="fa fa-chevron-circle-down ps-sm-2"></i></h2>
|
||||||
<hr><small><b>— Provoz vlastních serverů:</b></small>
|
<hr>
|
||||||
|
<div align="right"><small><b>— Provoz vlastních serverů:</b></small></div>
|
||||||
<p class="mb-0" align="right">Paragraph of text beneath the heading to explain the heading. Here is just a bit more text.</p>
|
<p class="mb-0" align="right">Paragraph of text beneath the heading to explain the heading. Here is just a bit more text.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col mb-5 h-100">
|
<div class="col mb-5 h-100">
|
||||||
<div class="feature bg-dark bg-gradient text-white rounded-3 mb-0"><i class="bi bi-2-circle-fill"></i></div>
|
<div class="feature bg-dark bg-gradient text-white rounded-3 mb-0"><i class="bi bi-2-circle-fill"></i></div>
|
||||||
<h2 class="h5" align="right"><big><i class="fl-ubuntu pe-sm-1"></i></big>Ubuntu<i class="fa fa-chevron-circle-right ps-sm-2"></i></h2><hr>
|
<h2 class="h5" align="right"><big><i class="fl-ubuntu pe-sm-1"></i></big>Ubuntu<i class="fa fa-chevron-circle-right ps-sm-2"></i></h2>
|
||||||
|
<hr>
|
||||||
|
<div align="right"><small><b>— Provoz vlastních serverů:</b></small></div>
|
||||||
<p class="mb-0" align="right">Paragraph of text beneath the heading to explain the heading. Here is just a bit more text.</p>
|
<p class="mb-0" align="right">Paragraph of text beneath the heading to explain the heading. Here is just a bit more text.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col mb-5 mb-md-0 h-100">
|
<div class="col mb-5 mb-md-0 h-100">
|
||||||
|
@ -142,8 +145,8 @@
|
||||||
<div class="card h-100 shadow border-0">
|
<div class="card h-100 shadow border-0">
|
||||||
<img class="card-img-top" src="https://dummyimage.com/600x350/ced4da/6c757d" alt="..." />
|
<img class="card-img-top" src="https://dummyimage.com/600x350/ced4da/6c757d" alt="..." />
|
||||||
<div class="card-body p-4">
|
<div class="card-body p-4">
|
||||||
<div class="badge bg-dark bg-gradient rounded-pill mb-2">News</div>
|
<div class="badge bg-dark bg-gradient rounded-pill mb-2">Nudismus</div>
|
||||||
<a class="text-decoration-none link-dark stretched-link" href="#!"><h5 class="card-title mb-3">Blog post title</h5></a>
|
<a class="text-decoration-none link-dark stretched-link" href="#!"><h5 class="card-title mb-3">Nudista · Online</h5></a>
|
||||||
<p class="card-text mb-0">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
<p class="card-text mb-0">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer p-4 pt-0 bg-transparent border-top-0">
|
<div class="card-footer p-4 pt-0 bg-transparent border-top-0">
|
||||||
|
@ -180,6 +183,27 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-lg-4 mb-5">
|
||||||
|
<div class="card h-100 shadow border-0">
|
||||||
|
<img class="card-img-top" src="https://dummyimage.com/600x350/adb5bd/495057" alt="..." />
|
||||||
|
<div class="card-body p-4">
|
||||||
|
<div class="badge bg-dark bg-gradient rounded-pill mb-2">Media</div>
|
||||||
|
<a class="text-decoration-none link-dark stretched-link" href="#!"><h5 class="card-title mb-3">Another blog post title</h5></a>
|
||||||
|
<p class="card-text mb-0">This text is a bit longer to illustrate the adaptive height of each card. Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer p-4 pt-0 bg-transparent border-top-0">
|
||||||
|
<div class="d-flex align-items-end justify-content-between">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<img class="rounded-circle me-3" src="https://dummyimage.com/40x40/ced4da/6c757d" alt="..." />
|
||||||
|
<div class="small">
|
||||||
|
<div class="fw-bold">Josiah Barclay</div>
|
||||||
|
<div class="text-muted">March 23, 2023 · 4 min read</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-lg-4 mb-5">
|
<div class="col-lg-4 mb-5">
|
||||||
<div class="card h-100 shadow border-0">
|
<div class="card h-100 shadow border-0">
|
||||||
<img class="card-img-top" src="https://dummyimage.com/600x350/6c757d/343a40" alt="..." />
|
<img class="card-img-top" src="https://dummyimage.com/600x350/6c757d/343a40" alt="..." />
|
||||||
|
|
Loading…
Add table
Reference in a new issue