<div class="newsletter_cta theme_salmon">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="newsletter_cta_inner">
<figure class="newsletter_cta_image_wrapper newsletter_cta_image_wrapper_sm">
<img class="newsletter_cta_image" srcset="https://images.fastspot.com/framework/740x740/1 740w, https://images.fastspot.com/framework/300x300/1 300w, https://images.fastspot.com/framework/500x500/1 500w, https://images.fastspot.com/framework/100x100/1 100w" sizes="(min-width: 980px) 0px, (min-width: 780px) 556px, (min-width: 380px) calc(80vw - 52px), 236px" src="https://images.fastspot.com/framework/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
<div class="newsletter_cta_content">
<h2 class="newsletter_cta_title">Join Our Newsletter</h2>
<div class="newsletter_cta_description typography">
<p>Lorem ipsum <a href="#">dolor sit</a> amet consectetur. Quis habitant scelerisque enim lectus pulvinar. Purus volutpat interdum scelerisque vel.</p>
</div>
<div class="newsletter_cta_form">
<div class="gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework" data-form-theme="gravity-theme" data-form-index="0" id="gform_wrapper_2">
<div class="gform_heading">
<h2 class="gform_title">Join Our Newsletter</h2>
<p class="gform_description"></p>
</div>
<form method="post" enctype="multipart/form-data" id="gform_2" action="/learn-and-explore/" data-formid="2" novalidate="">
<div class="gform-body gform_body">
<div id="gform_fields_2" class="gform_fields top_label form_sublabel_below description_below validation_below">
<div id="field_2_1" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_1"><label class="gfield_label gform-field-label" for="input_2_1">Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label>
<div class="ginput_container ginput_container_email">
<input name="input_1" id="input_2_1" type="email" value="" class="large" aria-required="true" aria-invalid="false" placeholder="Email">
</div>
</div>
</div>
</div>
<div class="gform_footer before"> <button type="submit" id="gform_submit_button_2" class="gform_button button" value="Submit" onclick="if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} " onkeypress="if( event.keyCode == 13 ){ if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} jQuery("#gform_2").trigger("submit",[true]); }">
<span class="button_inner">
<span class="button_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_long">
<use href="/images/icons.svg#arrow_right_long" />
</svg>
</span>
<span class="button_text">Submit</span>
</span>
</button>
<input type="hidden" class="gform_hidden" name="is_submit_2" value="1">
<input type="hidden" class="gform_hidden" name="gform_submit" value="2">
<input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
<input type="hidden" class="gform_hidden" name="state_2" value="WyJbXSIsIjNlNTU4N2ExZDhkNTg4YjVjYTA4N2VlYzI4MjI3YWNmIl0=">
<input type="hidden" class="gform_hidden" name="gform_target_page_number_2" id="gform_target_page_number_2" value="0">
<input type="hidden" class="gform_hidden" name="gform_source_page_number_2" id="gform_source_page_number_2" value="1">
<input type="hidden" name="gform_field_values" value="">
</div>
</form>
</div>
</div>
</div>
<figure class="newsletter_cta_image_wrapper newsletter_cta_image_wrapper_lg">
<img class="newsletter_cta_image" srcset="https://images.fastspot.com/framework/740x740/1 740w, https://images.fastspot.com/framework/300x300/1 300w, https://images.fastspot.com/framework/500x500/1 500w, https://images.fastspot.com/framework/100x100/1 100w" sizes="(min-width: 1400px) 347px, (min-width: 1220px) 302px, (min-width: 980px) 240px, 0px" src="https://images.fastspot.com/framework/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
</div>
</div>
</div>
<div class="newsletter_cta theme_{{ theme|default('light_blue') }}">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="newsletter_cta_inner">
<figure class="newsletter_cta_image_wrapper newsletter_cta_image_wrapper_sm">
{% include "@partial-image" with {
class: 'newsletter_cta',
image: image,
alt: alt,
sources: [
img.square.sml,
img.square.xxsml,
img.square.xsml,
img.square.thumb,
],
sizes: [
'(min-width: 980px) 0px',
'(min-width: 780px) 556px',
'(min-width: 380px) calc(80vw - 52px)',
'236px',
],
} %}
</figure>
<div class="newsletter_cta_content">
<h2 class="newsletter_cta_title">{{ title }}</h2>
{% if description %}
<div class="newsletter_cta_description typography">
{{ description }}
</div>
{% endif %}
<div class="newsletter_cta_form">
<div class="gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework" data-form-theme="gravity-theme" data-form-index="0" id="gform_wrapper_2">
<div class="gform_heading">
<h2 class="gform_title">Join Our Newsletter</h2>
<p class="gform_description"></p>
</div><form method="post" enctype="multipart/form-data" id="gform_2" action="/learn-and-explore/" data-formid="2" novalidate="">
<div class="gform-body gform_body"><div id="gform_fields_2" class="gform_fields top_label form_sublabel_below description_below validation_below"><div id="field_2_1" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_1"><label class="gfield_label gform-field-label" for="input_2_1">Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class="ginput_container ginput_container_email">
<input name="input_1" id="input_2_1" type="email" value="" class="large" aria-required="true" aria-invalid="false" placeholder="Email">
</div></div></div></div>
<div class="gform_footer before"> <button type="submit" id="gform_submit_button_2" class="gform_button button" value="Submit" onclick="if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} " onkeypress="if( event.keyCode == 13 ){ if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} jQuery("#gform_2").trigger("submit",[true]); }">
<span class="button_inner">
<span class="button_icon" aria-hidden="true">
{{ icon('arrow_right_long') }}
</span>
<span class="button_text">Submit</span>
</span>
</button>
<input type="hidden" class="gform_hidden" name="is_submit_2" value="1">
<input type="hidden" class="gform_hidden" name="gform_submit" value="2">
<input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
<input type="hidden" class="gform_hidden" name="state_2" value="WyJbXSIsIjNlNTU4N2ExZDhkNTg4YjVjYTA4N2VlYzI4MjI3YWNmIl0=">
<input type="hidden" class="gform_hidden" name="gform_target_page_number_2" id="gform_target_page_number_2" value="0">
<input type="hidden" class="gform_hidden" name="gform_source_page_number_2" id="gform_source_page_number_2" value="1">
<input type="hidden" name="gform_field_values" value="">
</div>
</form>
</div>
</div>
</div>
<figure class="newsletter_cta_image_wrapper newsletter_cta_image_wrapper_lg">
{% include "@partial-image" with {
class: 'newsletter_cta',
image: image,
alt: alt,
sources: [
img.square.sml,
img.square.xxsml,
img.square.xsml,
img.square.thumb,
],
sizes: [
'(min-width: 1400px) 347px',
'(min-width: 1220px) 302px',
'(min-width: 980px) 240px',
'0px',
],
} %}
</figure>
</div>
</div>
</div>
</div>
No notes defined.