<!--Zoho Marketing Automation Web-Optin Form's Header Code Starts Here-->
<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<script type="text/javascript" src="https://ma.zoho.eu/js/optin.min.js" onload="setupSF('sf3zf81900929ab305b1133163dac1ff2a177d638ab50146642d587e5f2de4f710da','ZCFORMVIEW',false,'light')"></script>
<script type="text/javascript">
function runOnFormSubmit_sf3zf81900929ab305b1133163dac1ff2a177d638ab50146642d587e5f2de4f710da(th){
/*Before submit, if you want to trigger your event, "include your code here"*/
};
</script>
<style>
@media only screen and (max-width: 319px){
#zcOptinSuccessPopup{
width:100% !important;
max-width:260px;
top:24% !important;
left:30% !important;
}
#THANKS_PAGE_BODY_PARENT{
width:100% !important;
}
#THANKS_PAGE_CONTAINER{
padding:0px !important;
}
#THANKSPAGE{
padding:10px !important;
}
#THANKS_PAGE_BODY{
padding:20px !important;
}
}
/*Major Mobiles*/
@media screen and (min-width: 320px) and (max-width: 580px){
#zcOptinSuccessPopup{
width:100% !important;
max-width:220px;
top:5% !important;
left:10% !important;
}
#THANKS_PAGE_BODY_PARENT{
width:100% !important;
}
#THANKS_PAGE_CONTAINER{
padding:0px !important;
}
#THANKSPAGE{
padding:10px !important;
}
#THANKS_PAGE_BODY{
padding:20px !important;
}
}
/*Nexus and iPhone 6,6s*/
@media screen and (min-width: 374px) and (max-width: 680px){
#zcOptinSuccessPopup{
width:100% !important;
max-width:220px;
top:5% !important;
left:18% !important;
}
#THANKS_PAGE_BODY_PARENT{
width:100% !important;
}
#THANKS_PAGE_CONTAINER{
padding:0px !important;
}
#THANKSPAGE{
padding:10px !important;
}
#THANKS_PAGE_BODY{
padding:20px !important;
}
}
@media screen and (min-width:581px) and (max-width: 767px){
#zcOptinSuccessPopup{
width:100% !important;
max-width:500px;
top:24% !important;
left:6% !important;
}
#THANKS_PAGE_BODY_PARENT{
width:100% !important;
}
#THANKS_PAGE_CONTAINER{
padding:0px !important;
}
#THANKSPAGE{
padding:10px !important;
}
#THANKS_PAGE_BODY{
padding:20px !important;
}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1025px) {
#zcOptinSuccessPopup{
width:100% !important;
max-width:700px;
top:24% !important;
left:21% !important;
}
#THANKS_PAGE_BODY_PARENT{
width:100% !important;
}
#THANKS_PAGE_CONTAINER{
padding:0px !important;
}
#THANKSPAGE{
padding:10px !important;
}
#THANKS_PAGE_BODY{
padding:20px !important;
}
}
@media only screen and (min-width:1200) and (max-width: 1500px){
#zcOptinSuccessPopup{
width:100% !important;
max-width:700px;
top:24% !important;
left:20% !important;
}
#THANKS_PAGE_BODY_PARENT{
width:100% !important;
}
#THANKS_PAGE_CONTAINER{
padding:0px !important;
}
#THANKSPAGE{
padding:10px !important;
}
#THANKS_PAGE_BODY{
padding:20px !important;
}
}
@media only screen and (min-width:1501px) and (max-width: 1700px){
#zcOptinSuccessPopup{
width:100% !important;
max-width:700px;
top:24% !important;
left:25% !important;
}
#THANKS_PAGE_BODY_PARENT{
width:100% !important;
}
#THANKS_PAGE_CONTAINER{
padding:0px !important;
}
#THANKSPAGE{
padding:10px !important;
}
#THANKS_PAGE_BODY{
padding:20px !important;
}
}
/* Large Screens */
@media only screen and (min-width : 1824px) {
#zcOptinSuccessPopup{
width:100% !important;
max-width:700px;
top:24% !important;
left:30% !important;
}
#THANKS_PAGE_BODY_PARENT{
width:100% !important;
}
#THANKS_PAGE_CONTAINER{
padding:0px !important;
}
#THANKSPAGE{
padding:10px !important;
}
#THANKS_PAGE_BODY{
padding:20px !important;
}
}
/* iPads*/
@media only screen and (min-width : 768px) and (max-width : 1024px){
#zcOptinSuccessPopup{
width:100% !important;
max-width:600px;
top:14% !important;
left:18.7% !important;
}
#THANKS_PAGE_BODY_PARENT{
width:100% !important;
}
#THANKS_PAGE_CONTAINER{
padding:0px !important;
}
#THANKSPAGE{
padding:10px !important;
}
#THANKS_PAGE_BODY{
padding:20px !important;
}
}
/* #customForm
{
width:100%;
} */
#customForm > div
{
margin: 0 auto
}
</style>
<!--Zoho Marketing Automation Web-Optin Form's Header Code Ends Here--><!--Zoho Marketing Automation Web-Optin Form Starts Here-->
<title>WorkCity</title>
<div name="signupFormContainer">
<input type="hidden" id="signupTmplName" value="large_form_10">
<input type="hidden" value="2" id="recapThemeOptin">
<input type="hidden" id="orgNameFull" value="WorkCity">
<div id="sf3zf81900929ab305b1133163dac1ff2a177d638ab50146642d587e5f2de4f710da" data-type="signupform">
<div id="customForm">
<input type="hidden" id="recapTheme" value="2">
<input type="hidden" id="isRecapIntegDone" value="false">
<input type="hidden" id="recapMode" value="162161000000040073">
<input type="hidden" id="signupFormType" value="LargeForm_Vertical">
<div name="SIGNUP_PAGE" id="SIGNUP_PAGE" class="SIGNUP_PAGE large_form_10_css" style="background-color: rgb(196, 22, 86); color: rgb(255, 255, 255); padding: 30px; font-family: Arial; text-align: center; background-size: 100% 100%; font-size: 14px; min-width: 240px; background-position: 0% 44%; background-repeat: no-repeat; opacity: 0.822729;">
<div>
<div name="" changeid="" changename="" style="margin:0px auto">
<div id="imgBlock" name="LOGO_DIV" logo="true" style="width: 600px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; color: rgb(68, 68, 68); text-align: left; padding-right: 10px; font-size: 12px; padding-top: 10px; font-weight: bold;">
<img valign="middle" src="https://stratus.campaign-image.eu/images/14abe9ed4e_tiny_house_2.png" name="LOGO" id="iframeImg" style="max-width: 100%; height: auto; width: 212px;">
</div>
</div>
<br>
<div id="signupMainDiv" style="margin: 0px auto; width: 100%; min-width: 230px; max-width: 600px;" name="SIGNUPFORM" changeid="SIGNUPFORM" changename="SIGNUPFORM">
<div>
<div style="position:relative;">
<div id="Zc_SignupSuccess" style="display:none;position:absolute;margin-left:4%;width:90%;background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154); margin-top: 10px;margin-bottom:10px;word-break:break-all">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td width="10%">
<img class="successicon" src="https://ma.zoho.eu/images/challangeiconenable.jpg" align="absmiddle" alt="thumsup">
</td>
<td>
<span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px;word-break:break-word"> Thank you for Signing Up</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<form method="POST" id="zcampaignOptinForm" style="margin:0px;" action="https://zcv3-zcmp.maillist-manage.eu/weboptin.zc" target="_zcSignup">
<div id="SIGNUP_BODY_ALL" name="SIGNUP_BODY_ALL" style="border: medium; padding: 0px;">
<h1 style="color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); word-break: break-all; padding: 20px; margin: 0px; border-color: rgb(237, 237, 237); font-family: Arial; text-align: center; border-width: 1px; font-size: 30px; border-style: none; font-weight: 100;" id="SIGNUP_HEADING" name="SIGNUP_HEADING" changeid="SIGNUP_MSG" changetype="SIGNUP_HEADER">Meld je aan voor meer info</h1>
<div style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); padding: 30px; font-family: Arial; border-radius: 30px; text-align: center; font-size: 11px; opacity: 1;" id="SIGNUP_BODY" name="SIGNUP_BODY">
<div style="margin:0px auto;text-align:left;">
<div style="line-height:1.6;" class="" changeid="SIGNUP_MSG" id="SIGNUP_DESCRIPTION" changetype="SIGNUP_DESCRIPTION">Vul dit formulier in om een account aan te maken, e-mailupdates te ontvangen en nog veel meer.</div>
<div style="display:none;background-color:#FFEBE8;padding:10px 10px; color:#d20000; font-size:11px; margin:10px 0px;border:solid 1px #ffd9d3; margin-top:20px;" id="errorMsgDiv"> Corrigeer a.u.b. de onderstaande gemarkeerde velden.</div>
<div>
<div style="font-size:12px; margin-top:10px;" name="fieldsdivSf" class="zcsffieldsdiv">
<div style="padding:10px 0px 10px 0px;" class="zcsffield " fieldid="162161000000000015">
<div style="">
<div style="color: rgb(49, 121, 206); font-family: Arial; font-size: 17px; padding-left: 10px;" name="SIGNUP_FORM_LABEL">E-mailadres
<span name="SIGNUP_REQUIRED" style="color: rgb(180, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 11px;">*</span>
</div>
<div style="width:100%; min-width:170px; margin-top:5px;"><!-- check to mark emailid field as type email, and other mandatory fields as type required -->
<input name="CONTACT_EMAIL" changeitem="SIGNUP_FORM_FIELD" style="width: 97%; color: rgb(255, 255, 255); background-color: rgb(235, 235, 235); border: 2px solid rgb(255, 255, 255); padding: 3px; outline: 0px; font-family: Arial; border-radius: 24px; box-sizing: border-box; font-size: 16px; text-indent: 15px; height: 42px;" maxlength="100" type="email" required="true" value="">
<span style="display:none" id="dt_CONTACT_EMAIL">1,true,6,E-mailadres van potentiële klant,2</span>
</div>
</div>
<div style="clear:both"></div>
</div>
<div style="padding:10px 0px 10px 0px;" class="zcsffield " fieldid="162161000000000019">
<div style="">
<div style="color: rgb(49, 121, 206); font-family: Arial; font-size: 17px; padding-left: 10px;" name="SIGNUP_FORM_LABEL">Voornaam <span name="SIGNUP_REQUIRED" style="color: rgb(180, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 11px;">*</span></div>
<div style="width:100%; min-width:170px; margin-top:5px;"><!-- check to mark emailid field as type email, and other mandatory fields as type required -->
<input name="FIRSTNAME" changeitem="SIGNUP_FORM_FIELD" style="width: 97%; color: rgb(255, 255, 255); background-color: rgb(235, 235, 235); border: 2px solid rgb(255, 255, 255); padding: 3px; outline: 0px; font-family: Arial; border-radius: 24px; box-sizing: border-box; font-size: 16px; text-indent: 15px; height: 42px;" maxlength="100" type="text" required="true" value="">
<span style="display:none" id="dt_FIRSTNAME">1,true,1,Voornaam,2</span>
</div>
</div><div style="clear:both"></div></div>
<div style="padding:10px 0px 10px 0px;" class="zcsffield " fieldid="162161000000000021">
<div style="">
<div style="color: rgb(49, 121, 206); font-family: Arial; font-size: 17px; padding-left: 10px;" name="SIGNUP_FORM_LABEL">Achternaam <span name="SIGNUP_REQUIRED" style="color: rgb(180, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 11px;">*</span></div>
<div style="width:100%; min-width:170px; margin-top:5px;"><!-- check to mark emailid field as type email, and other mandatory fields as type required -->
<input name="LASTNAME" changeitem="SIGNUP_FORM_FIELD" style="width: 97%; color: rgb(255, 255, 255); background-color: rgb(235, 235, 235); border: 2px solid rgb(255, 255, 255); padding: 3px; outline: 0px; font-family: Arial; border-radius: 24px; box-sizing: border-box; font-size: 16px; text-indent: 15px; height: 42px;" maxlength="100" type="text" required="true" value="">
<span style="display:none" id="dt_LASTNAME">1,true,1,Achternaam,2</span>
</div>
</div><div style="clear:both"></div></div>
<div style="padding:10px 0px 10px 0px;" class="zcsffield " fieldid="162161000000000027">
<div style="">
<div style="color: rgb(49, 121, 206); font-family: Arial; font-size: 17px; padding-left: 10px;" name="SIGNUP_FORM_LABEL">Telefoonnummer </div>
<div style="width:100%; min-width:170px; margin-top:5px;"><!-- check to mark emailid field as type email, and other mandatory fields as type required -->
<input name="PHONE" changeitem="SIGNUP_FORM_FIELD" style="width: 97%; color: rgb(255, 255, 255); background-color: rgb(235, 235, 235); border: 2px solid rgb(255, 255, 255); padding: 3px; outline: 0px; font-family: Arial; border-radius: 24px; box-sizing: border-box; font-size: 16px; text-indent: 15px; height: 42px;" maxlength="100" type="text" value="">
<span style="display:none" id="dt_PHONE">1,false,1,Telefoonnummer,2</span>
</div>
</div><div style="clear:both"></div></div>
</div><!-- Captcha for Signup --><!-- Accounts Captcha for preview - archana-->
<div class="recaptcha" style="padding: 10px 0px 10px 10px;" id="captchaOld" name="captchaContainer">
<div style="">
<div style="width: 59%; float: left; min-width: 170px; max-width: 70%;" id="captchaParent">
<img src="//campaigns.zoho.eu/images/refresh_icon.png" style="cursor: pointer;float:right;margin-right:4px" onclick="loadCaptcha('https://campaigns.zoho.eu/campaigns/CaptchaVerify.zc?mode=generate',this,'#sf3zf81900929ab305b1133163dac1ff2a177d638ab50146642d587e5f2de4f710da');" id="relCaptcha">
<div id="captchaDiv" captcha="true" name="" style="padding: 20px;background:#fff;border: 1px solid rgb(222, 222, 222);box-sizing: border-box;width:98.8%"></div>
<input placeholder="Captcha" id="captchaText" name="captchaText" changeitem="SIGNUP_FORM_FIELD" style="margin-top: 5px; width: 98.7%; color: rgb(255, 255, 255); background-color: rgb(235, 235, 235); border: 2px solid rgb(255, 255, 255); padding: 3px; outline: 0px; font-family: Arial; border-radius: 24px; box-sizing: border-box; font-size: 16px; text-indent: 15px; height: 42px;" maxlength="100" type="text">
<span name="SIGNUP_REQUIRED" id="capRequired" style="color: rgb(180, 0, 0); margin-top: -16px; margin-right: -2px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px;">*</span>
</div>
</div>
<div style="clear: both"></div>
</div><!-- Accounts Captcha end--><!-- Captcha for Signup End--><!-- Other Lists Subscription Start--><!-- Other Lists Subscription End-->
<div style=" border-bottom:#ebebeb dotted 1px; margin-top:10px; clear:both;"></div>
<div id="REQUIRED_FIELD_TEXT" changetype="REQUIRED_FIELD_TEXT" name="SIGNUP_REQUIRED" style="color: rgb(180, 0, 0); padding: 10px 10px 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;">*Verplichte velden</div>
<div style="padding:10px; text-align:center;">
<input type="button" action="Save" id="zcWebOptin" name="SIGNUP_SUBMIT_BUTTON" changetype="SIGNUP_SUBMIT_BUTTON_TEXT" style="cursor: pointer; color: rgb(255, 255, 255); background-color: rgb(196, 22, 86); padding: 9px 28px; background-attachment: scroll; border-color: rgb(255, 255, 255); white-space: normal; text-align: center; background-clip: border-box; outline: currentcolor; appearance: none; font-family: Arial; border-radius: 24px; border-width: 1px; width: 100%; background-size: auto; font-size: 21px; background-position: center bottom; border-style: none; background-repeat: repeat-x; background-origin: padding-box;" value="Ja, ik weer meer informatie ontvangen">
</div><!-- Do not edit the below Zoho Campaigns hidden tags -->
<input type="hidden" id="fieldBorder" value="rgb(255, 255, 255)">
<input type="hidden" name="zc_trackCode" id="zc_trackCode" value="" onload="">
<input type="hidden" name="viewFrom" id="viewFrom" value="URL_ACTION">
<input type="hidden" id="submitType" name="submitType" value="optinCustomView">
<input type="hidden" id="lD" name="lD" value="">
<input type="hidden" name="emailReportId" id="emailReportId" value="">
<input type="hidden" name="zx" id="cmpZuid" value="14abe9ed4e">
<input type="hidden" name="zcvers" value="2.0">
<input type="hidden" name="oldListIds" id="allCheckedListIds" value="">
<input type="hidden" id="mode" name="mode" value="OptinCreateView">
<input type="hidden" id="zcld" name="zcld" value="">
<input type="hidden" id="zctd" name="zctd" value="12401c92016c7d71">
<input type="hidden" id="document_domain" value="ma.zoho.eu">
<input type="hidden" id="zc_Url" value="zcv3-zcmp.maillist-manage.eu">
<input type="hidden" id="new_optin_response_in" value="0">
<input type="hidden" id="duplicate_optin_response_in" value="0">
<input type="hidden" id="zc_formIx" name="zc_formIx" value="3zf81900929ab305b1133163dac1ff2a177d638ab50146642d587e5f2de4f710da"><!-- End of the campaigns hidden tags --></div>
</div>
<input type="hidden" id="isCaptchaNeeded" value="true">
<input type="hidden" id="superAdminCap" value="0">
<img src="https://zcv3-zcmp.maillist-manage.eu/images/spacer.gif" onload="referenceSetter(this)" id="refImage" style="display:none;">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="position:relative;">
<div id="Zc_SignupSuccess" style="display:none;position:absolute;margin-left:4%;width:90%;background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154);margin-bottom:10px;word-break: break-all;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td width="10%">
<img class="successicon" src="//campaigns.zoho.eu/images/challangeiconenable.jpg" align="absmiddle">
</td>
<td>
<span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px;word-break:break-word"> Bedankt voor het registreren</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="zcOptinOverLay" oncontextmenu="return false" style="display:none;text-align: center; background-color: rgb(0, 0, 0); opacity: 0.5; z-index: 100; position: fixed; width: 100%; top: 0px; left: 0px; height: 988px;"></div>
<div id="zcOptinSuccessPopup" style="margin:0px auto;display:none;z-index: 9999;width: 800px; height:24%;top: 84px;position: fixed; left: 26%;background-color: #FFFFFF;border-color: #E6E6E6; border-style: solid; border-width: 1px; box-shadow: 0 1px 10px #424242;padding: 35px;">
<span style="position: absolute;top: -16px;right: -14px;z-index:1;cursor: pointer;" onclick="closeSuccessPopup()">
<img src="//campaigns.zoho.eu/images/videoclose.png">
</span>
<div id="zcOptinSuccessPanel"></div>
</div>
</div><div id="zcOptinOverLay" oncontextmenu="return false" style="display:none;text-align: center; background-color: rgb(0, 0, 0); opacity: 0.5; z-index: 100; position: fixed; width: 100%; top: 0px; left: 0px; height: 988px;"></div>
<div id="zcOptinSuccessPopup" style="display:none;z-index: 9999;width: 800px; height: 40%;top: 84px;position: fixed; left: 26%;background-color: #FFFFFF;border-color: #E6E6E6; border-style: solid; border-width: 1px; box-shadow: 0 1px 10px #424242;padding: 35px;">
<span style="position: absolute;top: -16px;right:-14px;z-index:99999;cursor: pointer;" id="closeSuccess">
<img src="https://ma.zoho.eu/images/videoclose.png" alt="close">
</span><div id="zcOptinSuccessPanel"></div></div>
<!--Zoho Marketing Automation Web-Optin Form Ends Here-->
