\n\n
<div class="refer-table-margin-fix">\n\n <div class="refer-table">\n\n <div class="refer-table-row">\n\n <div class="refer-table-cell">\n\n <div class="refer-input-container form-group">\n\n <label for="refer-name" class="refer-hide">Name</label>\n\n <input type="text" id="refer-name" placeholder="Name" class="refer-input form-control" name="name">\n\n <div class="refer-error-bubble">You must type a name.</div>\n\n </div>\n\n </div>\n\n <div class="refer-table-cell">\n\n <div class="refer-input-container form-group">\n\n <label for="refer-email" class="refer-hide">Email</label>\n\n <input type="text" id="refer-email" placeholder="Email" class="refer-input form-control" name="email">\n\n <div class="refer-error-bubble">You must type a valid email.</div>\n\n </div>\n\n </div>\n\n <!-- Location field. IE/8IE9 use a state select. -->\n <div class="refer-table-cell">\n\n <label for="refer-location" class="refer-hide">Location (city, state or zip code)</label>\n\n \n <div class="refer-input-container form-group">\n <input type="text" id="refer-location" placeholder="Location" class="refer-input form-control" name="location">\n <div class="refer-error-bubble">You must select a location.</div>\n </div>\n\n \n </div>\n\n <div class="refer-table-cell">\n <div class="refer-input-container refer-tos-accept-container form-group">\n <label for="refer-tos-accept" class="refer-hide">Accept Terms of Service</label>\n <input type="checkbox" id="refer-tos-accept" class="refer-tos-accet" name="tos-accept">\n <span>I agree to the <a href="https://www.refer.io/terms" target="_blank">terms of service</a> and <a href="https://www.refer.io/privacy" target="_blank">privacy policy.</a></span>\n <div class="refer-error-bubble">You must accept the terms of service and privacy policy.</div>\n </div>\n </div>\n\n </div>\n\n </div>\n\n </div>\n\n\n <button type="button" class="refer-input refer-button refer-first-pane-btn form-control btn btn-lg btn-block accent">\n Send Me Jobs\n </button>\n\n</div>\n\n<!-- PANEL 2 -->\n<!-- Table layout is only used by the wide style -->\n<div class="refer-pane" data-pane-name="optin">\n\n <p>\n Would you like <a target="_blank" href="https://www.refer.io/" title="Refer.io">Refer.io</a> to send you similar jobs from other employers?\n </p>\n\n <div class="refer-table-margin-fix">\n\n <div class="refer-table">\n\n <div class="refer-table-row">\n\n <div class="refer-table-cell">\n <button type="button" data-opt-in="yes" data-frequency="daily" class="refer-input refer-button refer-opt-btn form-control btn btn-lg btn-block accent">\n Yes, daily!\n </button>\n </div>\n\n <div class="refer-table-cell">\n <button type="button" data-opt-in="yes" data-frequency="weekly" class="refer-input refer-button refer-opt-btn form-control btn btn-lg btn-block accent">\n Yes, weekly!\n </button>\n </div>\n\n <div class="refer-table-cell">\n <button type="button" data-opt-in="no" data-frequency="weekly" class="refer-input refer-button refer-opt-btn refer-opt-out-btn form-control btn btn-lg btn-block accent">\n No, thanks.\n </button>\n </div>\n\n </div>\n\n </div>\n\n </div>\n\n <input type="hidden" value="no" id="refer-opt-in" name="opt_in">\n <input type="hidden" value="mon" id="refer-frequency" name="frequency">\n\n</div>\n\n<!-- PANEL 3 -->\n<div class="refer-pane" data-pane-name="title">\n \n\n <!-- <p class="refer-job-interests-label" id="refer-prediction-successful">Refer.io will compare <b id="refer-predicted-job-title"></b> against thousands of jobs to find the best ones. if you'd prefer us to use a different job title, please type it in the box below.</p> -->\n <p class="refer-job-interests-label" id="refer-prediction-unsuccessful">Please type the job title you are interested in:</p>\n\n <div class="refer-input-container form-group" id="refer-title-container">\n\n <label for="refer-title" class="refer-hide">Job title</label>\n\n <input type="text" name="title-input" class="refer-input form-control" placeholder="Job Title" id="refer-title">\n\n <div class="refer-error-bubble">You must type a job title.</div>\n\n </div>\n\n <p>We'll send some jobs to you in the next 30 minutes. If you don't see them, check your spam folder.</p>\n\n <button type="button" class="refer-input refer-button refer-second-pane-btn refer-check-interests form-control btn btn-lg btn-block accent" id="refer-job-interests-btn">\n Next\n </button>\n\n</div>\n\n<!-- PANEL 4 -->\n<div class="refer-pane" data-pane-name="resume">\n\n <p id="refer-upload-message">\n\n </p>\n\n <div class="refer-input-container form-group">\n\n <label for="refer-resume-file" class="refer-hide">Resume Input</label>\n\n <input class="refer-file-label" placeholder="No file has been chosen" disabled id="refer-resume-file">\n\n <div class="refer-file-input">\n <span>Select file</span>\n <label for="refer-resume-input" class="refer-hide">Resume File</label>\n <input type="file" class="refer-upload" id="refer-resume-input" name="resume">\n </div>\n\n <div class="refer-error-bubble">You must select a file.</div>\n\n </div>\n\n <button type="button" class="refer-input refer-button refer-submit-btn form-control btn btn-lg btn-block accent">\n Upload Resume\n </button>\n\n <button type="button" class="refer-btn-text refer-submit-no-file-btn">upload later</button>\n\n</div>\n\n<!-- PANEL 5 -->\n<div class="refer-pane" data-pane-name="thank">\n\n <strong>Thank you for subscribing to receive job alerts.</strong>\n <p>You should start receiving emails in the next week.</p>\n\n</div>\n\n<!-- PANEL 6 -->\n<div class="refer-pane" data-pane-name="upload-msg">\n\n <p>Your file is uploading. Please wait a few seconds.</p>\n\n</div>\n\n<!-- PANEL 7 -->\n<div class="refer-pane" data-pane-name="phone">\n\n <p class="refer-job-interests-label">Enter your phone number if you'd like to receive job alerts for <span id="phone-pane-title"></span> in <span id="phone-pane-location"></span> via text message.</p>\n\n <div class="refer-input-container form-group">\n <label for="refer-phone" class="refer-hide">Phone number</label>\n <input type="tel" name="phone" class="refer-input form-control" placeholder="Phone number" id="refer-phone">\n <div class="refer-error-bubble">You must type a phone number.</div>\n </div>\n\n <p class="">Please indicate if you agree to <b><a target="_blank" href="https://refer.io/subscriber-communication-policy">Refer.io's Subscriber Communication Policy</a></b>.</p>\n <div class="refer-input-container form-group">\n \n <label for="refer-phone-confirm" class="refer-hide">Please indicate if you agree to Refer.io's Subscriber Communication Policy.</label>\n <select name="phone-confirm" class="refer-input form-control" placeholder="Phone number" id="refer-phone-confirm">\n <option value="false">Select an option</option>\n <option value="true">Yes, I agree to be contacted by text messages</option>\n <option value="false">No, I do not agree to receive text messages</option>\n </select>\n <div class="refer-error-bubble">You must agree to our Subscriber Communication Policy in order to receive text messages from Refer.io.</div>\n </div>\n \n <div class="refer-table-margin-fix">\n\n <div class="refer-table">\n\n <div class="refer-table-row">\n\n <div class="refer-table-cell">\n\n <button type="button" class="refer-input refer-button refer-phone-btn form-control btn btn-lg btn-block accent">\n Yes, why not?\n </button>\n\n </div>\n\n <div class="refer-table-cell">\n\n <button type="button" class="refer-input refer-button refer-no-phone-btn btn-transparent form-control btn btn-lg btn-block accent">\n Not now\n </button>\n\n </div>\n\n </div>\n\n </div>\n\n </div>\n\n</div>\n\n<!-- PANEL 8 -->\n<div class="refer-pane" data-pane-name="questionnaire">\n\n <p class="refer-job-interests-label">Refer.io can assist in your job search. Please answer the following questions to amplify your search results.</p>\n\n <div class="refer-input-container form-group">\n <label for="refer-education" class="refer-hide">Education status</label>\n <select name="user_attribs[education]" class="refer-input refer-select form-control" id="refer-education">\n <option value="-1" disabled selected>Education status</option>\n <option value="education_in_school">In School</option>\n <option value="education_graduated">Graduated</option>\n <option value="education_never_attended">Never Attended</option>\n <option value="education_partially_completed">Partially completed</option>\n </select>\n <div class="refer-error-bubble">You must select an education status answer.</div>\n </div>\n\n <div class="refer-input-container form-group">\n <label for="refer-work" class="refer-hide">Work status</label>\n <select name="user_attribs[current_work]" class="refer-input refer-select form-control" id="refer-work">\n <option value="-1" disabled selected>Work status</option>\n <option value="current_work_currently_employed">Currently employed</option>\n <option value="current_work_out_of_work">Out of work</option>\n <option value="current_work_temporary_job">Temporary job</option>\n </select>\n <div class="refer-error-bubble">You must select a work status answer.</div>\n </div>\n\n <div class="refer-input-container form-group">\n <label for="refer-job-search" class="refer-hide">Job search status</label>\n <select name="user_attribs[job_search]" class="refer-input refer-select form-control" id="refer-job-search">\n <option value="-1" disabled selected>Job search status</option>\n <option value="job_search_actively_looking">Actively looking for a job</option>\n <option value="job_search_passively_looking">Passively looking for a job</option>\n <option value="job_search_not_looking">Not looking for a job</option>\n </select>\n <div class="refer-error-bubble">You must select a job search status answer.</div>\n </div>\n\n <div class="refer-input-container form-group">\n <label for="refer-seeking" class="refer-hide">Seeking for</label>\n <select name="user_attribs[seeking]" class="refer-input refer-select form-control" id="refer-seeking">\n <option value="-1" disabled selected>Employment goal</option>\n <option value="seeking_similar_job">Similar Job to What I Do Now</option>\n <option value="seeking_higher_job">Progress to a Higher Job in the Same Field</option>\n <option value="seeking_new_field">Jump to a New Field of Work</option>\n </select>\n <div class="refer-error-bubble">You must select a seeking status answer.</div>\n </div>\n\n <div class="refer-input-container form-group">\n <label for="refer-type" class="refer-hide">Job type</label>\n <select name="user_attribs[type]" class="refer-input refer-select form-control" id="refer-type">\n <option value="-1" disabled selected>Job type</option>\n <option value="type_full_time">Full Time</option>\n <option value="type_part_time">Part Time</option>\n <option value="type_from_home">From Home</option>\n </select>\n <div class="refer-error-bubble">You must select a job type answer.</div>\n </div>\n\n <div>\n\n <button type="button" class="refer-input refer-button refer-questionnaire-pane-btn form-control btn btn-lg btn-block accent">\n Next\n </button>\n\n </div>\n\n <div class="clearfix"></div>\n\n</div>\n
\n\n\n\n\n\n