<!– Note : – You can modify the font style and form style to suit your website. – Code lines with comments Do not remove this code are required for the form to work properly, make sure that you do not remove these lines of code. – The Mandatory check script can modified as to suit your business needs. – It is important that you test the modified form before going live.–> <div id = ‘crmWebToEntityForm’ class = ‘zcwf_lblLeft crmWebToEntityForm’ style = ‘background-color: white;color: black;max-width: 600px;’> <meta name = ‘viewport’ content = ‘width=device-width, initial-scale=1.0’> <META HTTP-EQUIV = ‘content-type’ CONTENT = ‘text/html;charset=UTF-8’> <form id = ‘webform2993620000014724028’ action = ‘https://crm.zoho.com/crm/WebToContactForm’ name = WebToContacts2993620000014724028 method = ‘POST’ onSubmit = ‘javascript:document.charset=”UTF-8″; return checkMandatory2993620000014724028()’ accept-charset = ‘UTF-8’> <input type = ‘text’ style = ‘display:none;’ name = ‘xnQsjsdp’ value = ’39c3024201b33def2e03a1d3e31c1ae3d6fd480772c0115dab13977be5e553ad’> </input> <input type = ‘hidden’ name = ‘zc_gad’ id = ‘zc_gad’ value = ”> </input> <input type = ‘text’ style = ‘display:none;’ name = ‘xmIwtLD’ value = ‘3f58e551bcf56fa2acd2d9ddb7b02944438cee0094fdf02680bf2e41e7c924bcf306149e1f0d64fd5ab300635714a245’> </input> <input type = ‘text’ style = ‘display:none;’ name = ‘actionType’ value = ‘Q29udGFjdHM=’> </input> <input type = ‘text’ style = ‘display:none;’ name = ‘returnURL’ value = ‘https://assertiveindustries.com/we-provide-physical-inventory-in-missouri/’> </input> <!– Do not remove this code. –> <style> html, body { margin: 0px; } #crmWebToEntityForm.zcwf_lblLeft { width: 100%; padding: 25px; margin: 0 auto; box-sizing: border-box; } #crmWebToEntityForm.zcwf_lblLeft * { box-sizing: border-box; } #crmWebToEntityForm { text-align: left; } #crmWebToEntityForm * { direction: ltr; } .zcwf_lblLeft .zcwf_title { word-wrap: break-word; padding: 0px 6px 10px; font-weight} .zcwf_lblLeft.cpT_primaryBtn:hover { background: linear-gradient; box-shadow: 0 -2px 0 0 #0159b9 inset !important; border: 0 !important; color: #fff !important; outline: 0 !important; } .zcwf_lblLeft .zcwf_col_fld input [type = text], input [type = password], .zcwf_lblLeft .zcwf_col_fld textarea { width: 60%; border: 1px solid #c0c6cc !important; resize: vertical; border-radius: 2px; float: left; } .zcwf_lblLeft .zcwf_col_lab { width: 30%; word-break: break-word; padding: 0px 6px 0px; margin-right: 10px; margin-top: 5px; float: left; min-height: 1px; } .zcwf_lblLeft .zcwf_col_fld { float: left; width: 68%; padding: 0px 6px 0px; position: relative; margin-top: 5px; } .zcwf_lblLeft .zcwf_privacy { padding: 6px; } .zcwf_lblLeft .wfrm_fld_dpNn { display: none; } .dIB { display: inline-block; } .zcwf_lblLeft .zcwf_col_fld_slt { width: 60%; border: 1px solid #ccc; background: #fff; border-radius: 4px; font-size: 12px; float: left; resize: vertical; padding: 2px 5px; } .zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after { content: ”; display: table; clear: both; } .zcwf_lblLeft .zcwf_col_help { float: left; margin-left: 7px; font-size: 12px; max-width: 35%; word-break: break-word; } .zcwf_lblLeft .zcwf_help_icon { cursor: pointer; width: 16px; height: 16px; display: inline-block; background: #fff; border: 1px solid #c0c6cc; color: #c1c1c1; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; border-radius: 50%; } .zcwf_lblLeft .zcwf_row { margin: 15px 0px; } .zcwf_lblLeft .formsubmit { margin-right: 5px; cursor: pointer; color: var(–baseColor); font-size: 12px; } .zcwf_lblLeft .zcwf_privacy_txt { width: 90%; color: rgb(0, 0, 0); font-size: 12px; font-family: Arial; display: inline-block; vertical-align: top; color: var(–baseColor); padding-top: 2px; margin-left: 6px; } .zcwf_lblLeft .zcwf_button { font-size: 12px; color: var(–baseColor); border: 1px solid #c0c6cc; padding: 3px 9px; border-radius: 4px; cursor: pointer; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zcwf_lblLeft .zcwf_tooltip_over { position: relative; } .zcwf_lblLeft .zcwf_tooltip_ctn { position: absolute; background: #dedede; padding: 3px 6px; top: 3px; border-radius: 4px; word-break: break-word; min-width: 100px; max-width: 150px; color: var(–baseColor); z-index: 100; } .zcwf_lblLeft .zcwf_ckbox { float: left; } .zcwf_lblLeft .zcwf_file { width: 55%; box-sizing: border-box; float: left; } .cBoth:after { content: ”; display: block; clear: both; } @media all and (max-width: 600px){ .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld { width: auto; float: none !important; } .zcwf_lblLeft .zcwf_col_help { width: 40%; } } </style> <div class = ‘zcwf_title’ style = ‘max-width: 600px;color: black; font-family:Arial;’> test 100 </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘First_Name’> First Name <span style = ‘color:red;’> * </span> </label> </div> <div class = ‘zcwf_col_fld’> <input type = ‘text’ id = ‘First_Name’ aria-required = ‘true’ aria-label = ‘First Name’ name = ‘First Name’ aria-valuemax = ’40’ maxlength = ’40’> </input> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘Last_Name’> Last Name <span style = ‘color:red;’> * </span> </label> </div> <div class = ‘zcwf_col_fld’> <input type = ‘text’ id = ‘Last_Name’ aria-required = ‘true’ aria-label = ‘Last Name’ name = ‘Last Name’ aria-valuemax = ’80’ maxlength = ’80’> </input> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘Email’> Email <span style = ‘color:red;’> * </span> </label> </div> <div class = ‘zcwf_col_fld’> <input type = ‘text’ ftype = ’email’ autocomplete = ‘false’ id = ‘Email’ aria-required = ‘true’ aria-label = ‘Email’ name = ‘Email’ aria-valuemax = ‘100’ crmlabel = ” maxlength = ‘100’> </input> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘Title’> Title </label> </div> <div class = ‘zcwf_col_fld’> <input type = ‘text’ id = ‘Title’ aria-required = ‘false’ aria-label = ‘Title’ name = ‘Title’ aria-valuemax = ‘100’ maxlength = ‘100’> </input> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘Mobile’> Phone Number <span style = ‘color:red;’> * </span> </label> </div> <div class = ‘zcwf_col_fld’> <input type = ‘text’ id = ‘Mobile’ aria-required = ‘true’ aria-label = ‘Mobile’ name = ‘Mobile’ aria-valuemax = ’30’ maxlength = ’30’> </input> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘CONTACTCF3’> Company Website </label> </div> <div class = ‘zcwf_col_fld’> <input type = ‘text’ id = ‘CONTACTCF3’ aria-required = ‘false’ aria-label = ‘CONTACTCF3’ name = ‘CONTACTCF3’ aria-valuemax = ‘450’ maxlength = ‘450’> </input> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘CONTACTCF1’> Type Service Needed (Required) <span style = ‘color:red;’> * </span> </label> </div> <div class = ‘zcwf_col_fld’> <select class = ‘zcwf_col_fld_slt’ role = ‘combobox’ aria-expanded = ‘false’ aria-haspopup = ‘listbox’ id = ‘CONTACTCF1’ onChange = ‘addAriaSelected2993620000014724028()’ aria-required = ‘true’ aria-label = ‘CONTACTCF1’ name = ‘CONTACTCF1’> <option value = ‘-None-‘> -None- </option> <option value = ‘Company Self - Audit’> Company Self – Audit </option> <option value = ‘Physical Audit - Finished Goods’> Physical Audit – Finished Goods </option> <option value = ‘Physical Audit - Fixed Assets’> Physical Audit – Fixed Assets </option> <option value = ‘Real Estate Management’> Real Estate Management </option> <option value = ‘Warehouse Management’> Warehouse Management </option> </select> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘Mailing_Country’> Country <span style = ‘color:red;’> * </span> </label> </div> <div class = ‘zcwf_col_fld’> <input type = ‘text’ id = ‘Mailing_Country’ aria-required = ‘true’ aria-label = ‘Mailing Country’ name = ‘Mailing Country’ aria-valuemax = ‘100’ maxlength = ‘100’> </input> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘Mailing_Street’> City <span style = ‘color:red;’> * </span> </label> </div> <div class = ‘zcwf_col_fld’> <input type = ‘text’ id = ‘Mailing_Street’ aria-required = ‘true’ aria-label = ‘Mailing Street’ name = ‘Mailing Street’ aria-valuemax = ‘250’ maxlength = ‘250’> </input> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’ style = ‘font-size:12px; font-family: Arial;’> <label for = ‘Mailing_State’> State <span style = ‘color:red;’> * </span> </label> </div> <div class = ‘zcwf_col_fld’> <input type = ‘text’ id = ‘Mailing_State’ aria-required = ‘true’ aria-label = ‘Mailing State’ name = ‘Mailing State’ aria-valuemax = ‘100’ maxlength = ‘100’> </input> <div class = ‘zcwf_col_help’> </div> </div> </div> <div class = ‘zcwf_row’> <div class = ‘zcwf_col_lab’> </div> <div class = ‘zcwf_col_fld’> <input type = ‘submit’ id = ‘formsubmit’ role = ‘button’ class = ‘formsubmit zcwf_button’ value = ‘Submit’ aria-label = ‘Submit’ title = ‘Submit’> <input type = ‘reset’ class = ‘zcwf_button’ role = ‘button’ name = ‘reset’ value = ‘Reset’ aria-label = ‘Reset’ title = ‘Reset’> </div> </div> <script> function addAriaSelected 2993620000014724028(){ var optionElem = event.target; var previousSelectedOption = optionElem.querySelector( ‘[aria-selected=true]’ ); if( previousSelectedOption ){ previousSelectedOption.removeAttribute( ‘aria-selected’ ); } optionElem.querySelectorAll( ‘option’ )[ optionElem.selectedIndex ].ariaSelected = ‘true’; } function validateEmail 2993620000014724028(){ var form = document.forms[ ‘WebToContacts2993620000014724028’ ]; var emailFld = form.querySelectorAll( ‘[ftype=email]’ ); var i; for( i = 0; i < emailFld.length; i++ ){ var emailVal = emailFld[ i ].value; if(( emailVal.replace( /^\s+|\s+$/g,” )).length != 0 ){ var atpos = emailVal.indexOf( ‘@’ ); var dotpos = emailVal.lastIndexOf( ‘.’ ); if( atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= emailVal.length ){ alert( ‘Please enter a valid email address. ‘ ); emailFld[ i ].focus(); return false; } } } return true; } function checkMandatory 2993620000014724028(){ var mndFileds = new Array( ‘First Name’, ‘Last Name’, ‘Email’, ‘Mobile’, ‘Mailing Street’, ‘Mailing State’, ‘Mailing Country’, ‘CONTACTCF1’ ); var fldLangVal = new Array( ‘First\x20Name’, ‘Last\x20Name’, ‘Email’, ‘Phone\x20Number’, ‘City’, ‘State’, ‘Country’, ‘Type\x20Service\x20Needed\x20\x28Required\x29’ ); for( i = 0; i < mndFileds.length; i++ ){ var fieldObj = document.forms[ ‘WebToContacts2993620000014724028’ ][ mndFileds[ i ]]; if( fieldObj ){ if((( fieldObj.value ).replace( /^\s+|\s+$/g,” )).length == 0 ){ if( fieldObj.type == ‘file’ ){ alert( ‘Please select a file to upload.’ ); fieldObj.focus(); return false; } alert( fldLangVal[ i ] + ‘ cannot be empty.’ ); fieldObj.focus(); return false; } else if( fieldObj.nodeName == ‘SELECT’ ){ if( fieldObj.options[fieldObj.selectedIndex].value == ‘-None-‘ ){ alert( fldLangVal[ i ] + ‘ cannot be none.’ ); fieldObj.focus(); return false; } } else if( fieldObj.type == ‘checkbox’ ){ if( fieldObj.checked == false ){ alert( ‘Please accept ‘ + fldLangVal[ i ]); fieldObj.focus(); return false; } } try{ if( fieldObj.name == ‘Last Name’ ){ name = fieldObj.value; } } catch( e ){} } } if( !validateEmail2993620000014724028()){ return false; } var urlparams = new URLSearchParams( window.location.search ); if( urlparams.has( ‘service’ ) && ( urlparams.get( ‘service’ ) === ‘smarturl’ )){ var webform = document.getElementById( ‘webform2993620000014724028’ ); var service = urlparams.get( ‘service’ ); var smarturlfield = document.createElement( ‘input’ ); smarturlfield.setAttribute( ‘type’, ‘hidden’ ); smarturlfield.setAttribute( ‘value’, service ); smarturlfield.setAttribute( ‘name’, ‘service’ ); webform.appendChild( smarturlfield ); } document.querySelector( ‘.crmWebToEntityForm .formsubmit’ ).setAttribute( ‘disabled’, true ); } function tooltipShow 2993620000014724028( el ){ var tooltip = el.nextElementSibling; var tooltipDisplay = tooltip.style.display; if( tooltipDisplay == ‘none’ ){ var allTooltip = document.getElementsByClassName( ‘zcwf_tooltip_over’ ); for( i = 0; i < allTooltip.length; i++ ){ allTooltip[ i ].style.display = ‘none’; } tooltip.style.display = ‘block’; } else{ tooltip.style.display = ‘none’; } } </script> <!– Do not remove this — Analytics Tracking code starts –> <script id=’wf_anal’ src=’https://crm.zohopublic.com/crm/WebFormAnalyticsServeServlet?rid=ec9520121386a3b2966540c38c76f59be0ceee460ee8fae5a62f1596c1c4466c4f51d96299f179ae9537304f5004d2afgid700c7274a7d2972748b596824cb8a4be543eb41cab10fb4ecf6df9ec59f74480gid0a55de9aecd04c6a289303de8d87a9956f8d0745ac10ce79ef480abe1c1abab8gidca77d9c08239f04996b0ca5ed83097eb79be7211cdb7baf24ed5880bd8a7d1d9&tw=5964578e89701a4c26458c68c893b815195001eb22b6f936d03fa71f6ced78a6’></script> <!– Do not remove this — Analytics Tracking code ends. –> </form> </div>
