<section id="content" class="content">
    <div class="container">
      <article>
        <div class="row">
            <div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
                     <h1>$Title <span class="marker"></span></h1>
            </div><!--//col-->
        </div><!--//row-->
                
    <div class="row">
        <div class="col col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-12 col-xs-12">

             
                $Content
                
                 <% if Children %>
                    <div class="promo-list">
                    <% loop Children %>
                        <a name="$URLSegment" class="anchor"></a>
                        <div class="promo-item $FirstLast">
                         <div class="promo $URLSegment">
                             <div class="promo-icon" style="background-image:url('$Icon.URL')"></div>
                            <a href="{$BaseHref}industries/$ID">$Title <span class="arrow"></span></a>
                        </div><!--//promo-->
                        <div class="promo-details">$Content.Summary()
                            <p class="text-right"><a href="$Link" class="btn">Learn More</a>
                            </div>
                        </div>
                    <% end_loop %>
                        </div>
            <% end_if %>
         
                $Form
                $CommentsForm
        </div><!--//col-->
        </div><!--//row-->
       </article>                    
    </div><!--//container-->
</section><!--//content-->
<section id="products" class="section-band">
    <div class="container">
        <div class="row">
            <div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <h2>Products<span class="marker"></span></h2>        
            </div><!--//col-->
        </div><!--//row-->
        <div class="row">
        <div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
             
        </div><!--//col-->     
        </div><!--//row-->
    </div><!--//container-->
    <% if TopProducts %>
                    <div id="scroller-products" class="product-scroller">
                    <% loop TopProducts %>
                         <div class="product"><div class="product-chevron" style="background-image:url('{$Thumbnail.URL}')"></div>
                             <h3><a href="products/#{$URLSegment}">$Title</a></h3>
                             <p>$Teaser</p>
                             <p class="product-footer"><a href="products/#{$URLSegment}" class="link-arrow">Learn More</a></p>
                         </div>
                    <% end_loop %>
                       
                            </div>
                    <% end_if %>
</section><!--//connect-->
                 
<script type="text/javascript">
(function($) {
    $(document).ready(function()
    {
        $('#scroller-products').slick({
            infinite:true,
          centerMode: true,
          centerPadding: '60px',
          slidesToShow: 3,
          slidesToScroll: 3,
          autoplay:true,
          autoplaySpeed:3000,
              adaptiveHeight: false,
          mobileFirst:true,
            variableWidth:true,
         
 
        });
    });
})(jQuery);
</script> 
                 