mirror of
https://github.com/inventree/inventree-docs.git
synced 2025-09-13 22:21:33 +00:00
Add partials for carousel
This commit is contained in:
28
_includes/carousel_start.html
Normal file
28
_includes/carousel_start.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<div class="container carousel-container">
|
||||
<div id="image-carousel" class="carousel slide" data-ride="carousel">
|
||||
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
|
||||
{% for idx in range(image_count) %}
|
||||
<li data-target="#image-carousel" data-slide-to="{{ idx }}" {% if idx == 0 %}class="active"{% endif %}></li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner">
|
||||
|
||||
|
||||
<div class="item active">
|
||||
<img src="la.jpg" alt="Los Angeles" style="width:100%;">
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<img src="chicago.jpg" alt="Chicago" style="width:100%;">
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<img src="ny.jpg" alt="New york" style="width:100%;">
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user