CMS Developers

{{ require_css("//cdn2.hubspot.net/hubfs/346178/designmodo/ui-kit/ui-kit-content/css/ui-kit-styles.css") }}      
<!-- content-16 -->
<section class="content-16 content-16-v2 v-center" style="background-color: {{ module.background_color.color }};">
  	<div class="background" style="background-image: url({{ module.background_image.src }}); opacity: {{ module.background_opacity }};"></div>
    <div>
        <div class="container">
            <h3 style="color: {{ module.header_color.color }};">
                {% if module.header_image.src %}
                  <img src="{{ module.header_image.src }}" alt="{{ module.header_image.alt }}" width="{{ module.header_image.width }}" height="{{ module.header_image.height }}">
                {% endif %}
                {{ module.header }}
            </h3>
            <p class="lead" style="color: {{ module.subheader_color.color }};">{{ module.subheader }}</p>
        </div>
    </div><a class="control-btn fui-arrow-down" href="#" style="background-color: {{ module.arrow_down_background_color.color }}; color: {{ module.arrow_down_color.color }}
;"></a>
</section>

          
        

          
            jQuery(document).ready(function($) {
    $(".content-16-v2").each(function() {
        var o = $(this);
        
        if (o.hasClass("init")) {
            return;
        }

        o.addClass("init");

        var id = "id-" + Math.random().toString().slice(2);
        o.attr("id", id);
      
      	o.find('.control-btn.fui-arrow-down').click(function(e) {
        	e.preventDefault();

        	$("html, body").animate({scrollTop: $(this).closest(".hs_cos_wrapper").next().offset().top});
      	});
    });
});