CMS Developers

{{ require_css("//cdn2.hubspot.net/hubfs/346178/designmodo/ui-kit/ui-kit-content/css/ui-kit-styles.css") }}      
<!-- content-13 -->
<section class="content-13 content-13-v2 subscribe-form" style="background-color: {{ module.background_color.color }};">
    <div class="container">
        <div class="row js-form-btn-color" data-form-btn-color="{{ module.form_button_color.color }}" data-form-btn-hover-color="{{ module.form_button_hover_color.color }}">
          {% if module.form %}
            {% form
              form_key="d1144b5a-132a-8c47-fc9a-8e7dfe61db1c"
              form_to_use="{{ module.form.form_id }}"
              response_response_type="{{ module.form.response_type }}"
              response_message="{{ module.form.message }}"
              response_redirect_id="{{ module.form.redirect_id }}"
              response_redirect_url="{{module.form.redirect_url}}"
            %}
          {% endif %}
        </div>
    </div>
</section>

          
        

          
            jQuery(document).ready(function($) {
    $(".content-13-v2").each(function() {
        var o = $(this);
        if (o.hasClass("init")) {
            return;
        }
        o.addClass("init");
      
      	var style = "";
      
      	var newId = "id-" + Math.random().toString().slice(2);
        o.attr("id", newId);
      
      	var btnColor = $(this).find(".js-form-btn-color").data("form-btn-color");
        if (btnColor && btnColor !== "#16a085") {
            style += "#" + newId + ".content-13 .hs_submit input[type='submit'] { background-color: " + btnColor + "; } \n";
            $("<style type='text/css'/>").html(style).appendTo("head");
        }
      
      	var btnHoverColor = $(this).find(".js-form-btn-color").data("form-btn-hover-color");
        if (btnHoverColor && btnHoverColor !== "#24deb4") {
            style += "#" + newId + ".content-13 .hs_submit input[type='submit']:hover, #" + newId + ".content-13 .hs_submit input[type='submit']:focus, #" + newId + ".content-13 .hs_submit input[type='submit']:active{ background-color: " + btnHoverColor + "; } \n";
            $("<style type='text/css'/>").html(style).appendTo("head");
        }
    });
});