1 files changed, 47 insertions, 0 deletions
diff --git a/sidebar-templates/sidebar-hero.php b/sidebar-templates/sidebar-hero.php
new file mode 100644
index 0000000..11eed09
--- /dev/null
+++ b/sidebar-templates/sidebar-hero.php
@@ -0,0 +1,47 @@
+<?php
+/**
+ * Sidebar - hero setup.
+ *
+ * @package understrap
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+?>
+
+<?php if ( is_active_sidebar( 'hero' ) ) : ?>
+
+	<!-- ******************* The Hero Widget Area ******************* -->
+
+		<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
+
+			<div class="carousel-inner" role="listbox">
+
+			<?php dynamic_sidebar( 'hero' ); ?>
+
+			</div>
+
+			 <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
+			    
+			    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+			    
+			    <span class="sr-only"><?php esc_html_e( 'Previous', 'understrap' ); ?></span>
+			 
+			 </a>
+			 
+			 <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
+			    
+			    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+			    
+			    <span class="sr-only"><?php esc_html_e( 'Next', 'understrap' ); ?></span>
+			  
+			</a>
+
+		</div><!-- .carousel -->
+
+<script>
+jQuery( ".carousel-item" ).first().addClass( "active" );
+</script>
+
+<?php endif; ?>