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