<script src="https://assets.convertkit.com/assets/CKJS4.js?v=21"></script> <div class="ck_form_container ck_inline" data-ck-version="6"> <div class="ck_form ck_naked"> <div class="ck_form_fields"> <div id="ck_success_msg" style="display:none;"> <p>Thank you for signing-up for Headed Anywhere's Newsletter! Only only more step before you start receiving exclusive travel tips and advice. Please check your email to confirm your subscription. Happy travels!</p> </div> <!-- Form starts here --> <form id="ck_subscribe_form" class="ck_subscribe_form" action="https://app.convertkit.com/landing_pages/109976/subscribe" data-remote="true"> <input type="hidden" value="{"form_style":"naked","embed_style":"inline","embed_trigger":"scroll_percentage","scroll_percentage":"70","delay_seconds":"10","display_position":"br","display_devices":"all","days_no_show":"15","converted_behavior":"hide"}" id="ck_form_options"> <input type="hidden" name="id" value="109976" id="landing_page_id"> <div class="ck_errorArea"> <div id="ck_error_msg" style="display:none"> <p>There was an error submitting your subscription. Please try again.</p> </div> </div> <div class="ck_control_group ck_email_field_group"> <label class="ck_label" for="ck_emailField" style="display: none">Email Address</label> <input type="text" name="first_name" class="ck_first_name" id="ck_firstNameField" placeholder="First Name"> <input type="email" name="email" class="ck_email_address" id="ck_emailField" placeholder="Email Address" required> </div> <div class="ck_control_group ck_captcha2_h_field_group ck-captcha2-h" style="position: absolute !important;left: -999em !important;"> <input type="text" name="captcha2_h" class="ck-captcha2-h" id="ck_captcha2_h" placeholder="We use this field to detect spam bots. If you fill this in, you will be marked as a spammer."> </div> <label class="ck_checkbox" style="display:none;"> <input class="optIn ck_course_opted" name="course_opted" type="checkbox" id="optIn" checked /> <span class="ck_opt_in_prompt">I'd like to receive the free email course.</span> </label> <button class="subscribe_button ck_subscribe_button btn fields" id="ck_subscribe_button"> Let's do this! </button> </form> </div> </div> </div> <style type="text/css">/* Layout */ .ck_form.ck_naked { /* divider image */ background: transparent; line-height: 1.5em; overflow: hidden; color: #333333; font-size: 16px; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; clear: both; margin: 20px 0px; text-align: center; } .ck_form.ck_naked p { padding: 0px; } .ck_form, .ck_form * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ck_form.ck_naked .ck_form_fields { width: 100%; float: left; padding: 5%; } /* Form fields */ .ck_errorArea { display: none; /* temporary */ } #ck_success_msg { padding: 10px 10px 0px; border: solid 1px #ddd; background: #eee; } .ck_form.ck_naked input[type="text"], .ck_form.ck_naked input[type="email"] { font-size: 18px; padding: 10px 8px; width: 34%; border: 1px solid #d6d6d6; /* stroke */ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; /* border radius */ background-color: #fff; /* layer fill content */ margin-bottom: 5px; height: auto; float: left; margin: 0px; margin-right: 1%; height: 42px; } .ck_form input[type="text"]:focus, .ck_form input[type="email"]:focus { outline: none; border-color: #aaa; } .ck_form.ck_naked .ck_subscribe_button { width: 100%; color: #fff; margin: 0px; padding: 9px 0px; font-size: 18px; background: #fb2b35; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; /* border radius */ cursor: pointer; border: none; text-shadow: none; width: 30%; float: left; height: 42px; } .ck_converted_content { display: none; padding: 5%; background: #fff; } /* max width 500 */ .ck_form.ck_naked.width500 .ck_subscribe_button { width: 100%; float: none; margin-top: 5px; } .ck_form.ck_naked.width500 input[type="text"], .ck_form.ck_naked.width500 input[type="email"] { width: 49%; } .ck_form.ck_naked.width500 input[type="email"] { margin-right: 0px; width: 50%; } /* max width 400 */ .ck_form.ck_naked.width400 .ck_subscribe_button, .ck_form.ck_naked.width400 input[type="text"], .ck_form.ck_naked.width400 input[type="email"] { width: 100%; float: none; margin-top: 5px; } .ck_slide_up, .ck_modal, .ck_slide_up .ck_naked, .ck_modal .ck_naked { min-width: 400px; } .page .ck_form.ck_naked { margin: 50px auto; max-width: 700px; } /* v6 */ .ck_slide_up.ck_form_v6, .ck_modal.ck_form_v6, .ck_slide_up.ck_form_v6 .ck_naked, .ck_modal.ck_form_v6 .ck_naked { min-width: 0 !important; } .ck_form_v6 #ck_success_msg { padding: 0px 10px; } @media all and (max-width: 403px) { .ck_form_v6.ck_modal .ck_naked { padding-top: 30px; } } @media all and (max-width: 499px) { .ck_form_v6.ck_modal .ck_naked + .ck_close_link { color: #fff; top: 10px; } } .ck_form_v6.ck_slide_up .ck_naked + .ck_close_link { right: 10px; top: -5px; } @media all and (min-width: 600px) { .ck_form_v6.ck_slide_up .ck_naked + .ck_close_link { right: 35px; } } </style>