<div class="custom-block">
<h2 class="sidebar-title">Featured</h2>
<div class="block-content">
<div class="sidebar-filterproducts">
    <div id="featured_product">
        {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="9" aspect_ratio="0" image_width="150" image_height="150" template="side_list.phtml"}}
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#featured_product .owl-carousel").owlCarousel({
                loop: false,
                items: 1,
                nav: true,
                dots: false
            });
        });
    </script>
</div>
</div>
</div>
<div class="custom-block">
<h2>Custom HTML Block</h2>
<div class="block-content">
<h5 style="margin-top: -10px; margin-bottom: 20px; color: #777">This is a custom sub-title.</h5>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus </p>
</div>
</div>