Add partials for carousel

_includes/carousel_end.html

@@ -0,0 +1,14 @@
+
+    </div>
+
+    <!-- Left and right controls -->
+      <a class="left carousel-control" href="#myCarousel" data-slide="prev">
+        <span class="fas fa-chevron-left"></span>
+        <span class="sr-only">Previous</span>
+      </a>
+      <a class="right carousel-control" href="#myCarousel" data-slide="next">
+        <span class="fas fa-chevron-right"></span>
+        <span class="sr-only">Next</span>
+      </a>
+    </div>
+  </div>

_includes/carousel_img.html

@@ -0,0 +1,3 @@
+<div class='item'>
+    <img src='{{ src }}' alt='{{ alt }}' style='width: 100%'>
+</div>

_includes/carousel_start.html

@@ -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>
+  

docs/index.md

@@ -13,6 +13,13 @@ InvenTree is an open-source inventory management system which provides intuitive
 
 InvenTree is designed to be lightweight and easy to use for SME or hobbyist applications, where many existing stock management solutions are bloated and cumbersome to use. However, powerful business logic works in the background to ensure that stock tracking history is maintained, and users have ready access to stock level information.
 
+{% with image_count=7 %}
+{% include "carousel_start.html" %}
+{% endwith %}
+
+{% include "carousel_end.html" %}
+
+
 ### How it Works
 
 InvenTree is a [Python](https://www.python.org/) and [Django](https://www.djangoproject.com/) application which stores data in a relational database, and serves this data to the user(s) via a web browser, and (optionally) can be integrated into custom applications via an API.

docs/stylesheets/bootstrap.css

@@ -6290,6 +6290,9 @@ html {
   .popover-content {
     padding: 9px 14px;
   }
+  .carousel-container {
+      width: 100%;
+  }
   .carousel {
     position: relative;
   }