Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. {% extends "base.html" %}
  2. {% block content %}
  3. <h1>
  4. Heading
  5. </h1>
  6. <p>
  7. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper. Fusce placerat magna a nulla scelerisque, cursus accumsan quam tempus. Integer ac nulla sit amet nibh pulvinar porttitor non non leo. Nam a leo erat. Aliquam erat volutpat. Vestibulum quis diam sem.
  8. </p>
  9. <p>
  10. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper. Fusce placerat magna a nulla scelerisque, cursus accumsan quam tempus. Integer ac nulla sit amet nibh pulvinar porttitor non non leo. Nam a leo erat. Aliquam erat volutpat. Vestibulum quis diam sem.
  11. </p>
  12. <!-- Carousel -->
  13. <div id="tool_carousel" class="carousel slide mt-5" data-bs-ride="carousel">
  14. <!-- Indicators/dots -->
  15. <div class="carousel-indicators">
  16. <button type="button" data-bs-target="#tool_carousel" data-bs-slide-to="0" class="active"></button>
  17. <button type="button" data-bs-target="#tool_carousel" data-bs-slide-to="1"></button>
  18. <button type="button" data-bs-target="#tool_carousel" data-bs-slide-to="2"></button>
  19. </div>
  20. <!-- The slideshow/carousel -->
  21. <div class="carousel-inner">
  22. <div class="carousel-item active text-center">
  23. <h2>Tool 1</h2>
  24. <p>
  25. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper.
  26. </p>
  27. </div>
  28. <div class="carousel-item text-center">
  29. <h2>Tool 2</h2>
  30. <p>
  31. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper.
  32. </p>
  33. </div>
  34. <div class="carousel-item text-center">
  35. <h2>Tool 3</h2>
  36. <p>
  37. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper.
  38. </p>
  39. </div>
  40. </div>
  41. <!-- Left and right controls/icons -->
  42. <button class="carousel-control-prev" type="button" data-bs-target="#tool_carousel" data-bs-slide="prev">
  43. <span class="carousel-control-prev-icon"></span>
  44. </button>
  45. <button class="carousel-control-next" type="button" data-bs-target="#tool_carousel" data-bs-slide="next">
  46. <span class="carousel-control-next-icon"></span>
  47. </button>
  48. </div>
  49. {% endblock %}