Code2pdf 6325b147bc365

<!
doctype html> == $0
<html class="html e-update-animation direct-hiw " lang="en-US">

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
<link rel="preload" href="/build-resume/build/rwzv2/main.bundle-1.0.0.522.js" as="script" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info = {"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net"
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Cache-control" content="no-transform">
<script type="text/javascript">
//Code to set claims
window.RDL = (window.RDL || {});
RDL.appCD = 'RWZBLD_PRD_W_COR';
var processingSteps = null;
try {
processingSteps = "1: MPR desktop user. ";
RDL.portalCd = 'zty';
RDL.domain = 'zety.com';
RDL.blobUrl = '/blobcontent';
}
catch (ex) {
//RDL.UserClaims = {};
}
</script>
<title>Zety</title>
<script>
(function () {
window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload();
}
};
if (navigator && navigator.userAgent) {
var isMobile = navigator.userAgent.toLowerCase().indexOf("mobile") > -1;
var isIpad = navigator.userAgent.toLowerCase().indexOf("ipad") > -1;
if (!isIpad && isMobile && window.location.pathname) {
window.fetch = function () { };
window.location.pathname = window.location.pathname + "/mobile";
}
}
})();
function buildMyResume(event, clickOption) {
if (window.startApp) {
window.startApp(event, clickOption);
}
else {
window.location = window.location.pathname + "?reload=appjs";
}
}
//added because navigator.cookieEnabled was not working in IE11
function areCookiesEnabled() {
try {
document.cookie = 'testcookie=1';
var cookiesEnabled = document.cookie.indexOf('testcookie=') !== -1;
document.cookie = 'testcookie=1; expires=' + new Date(0);
return cookiesEnabled;
} catch (e) {
return false;
}
}
if (!areCookiesEnabled()) {
window.location = '/?forceRedirect=CookiesDisabled';
}
function addNewRelic(applicationId, sampleDenominator) {
sampleDenominator = sampleDenominator || 5;
var y = Math.floor((Math.random() * 10) + 1); var x = y % sampleDenominator; if (x == 0) {
window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o||
; NREUM.loader_config = { accountID: "1160914", trustKey: "1160914", agentID: "16429473", licenseKey: "5000203576", applicationID: applicationId}
; NREUM.info = { beacon: "bam.nr-data.net", errorBeacon: "bam.nr-data.net", licenseKey: "5000203576", applicationID: applicationId,sa:1}
}
}
function UpdateHiwContainerHeight() {
var bodyHeight = window.innerHeight,
headerHeight = document.getElementById('hiwHeader').offsetHeight,
footerHeight = document.getElementById('footer').offsetHeight;
var hiwContainerHeight = bodyHeight - (headerHeight + footerHeight);
document.getElementById("contentHowItWorks").style.height = hiwContainerHeight + "px";
}
</script>
<link href="/blobcontent/zty/styles/google-fonts/google-fonts.css" rel="stylesheet" />

<link rel="stylesheet" href="/build-resume/build/rwzv2/stylesheets/zty/main-1.0.0.522.css" id="mainCssId">
<link rel="shortcut icon" id="idFavicon" href="/build-resume/images/rwzv2/zty/favicon.ico" />

<script>
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
if (!String.prototype.startsWith) {
String.prototype.startsWith = function (searchString, position) {
position = position || 0;
return this.indexOf(searchString, position) === position;
};
}
if (!String.prototype.endsWith) {
String.prototype.endsWith = function (search, this_len) {
if (this_len === undefined || this_len > this.length) {
this_len = this.length;
}
return this.substring(this_len - search.length, this_len) === search;
};
}
document.write(' <script src="/blobcontent/zty/scripts/browser-polyfill.min.js"><\/script>');
document.write('<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"><\/script>');
}
</script>
<script src="/ui-experimentation/zty/experiment.js"></script>
</head>
<body>
<form id="mainForm" class="main-form" action="/">
<section class="page-wrap">
<div id="howItWorks" class="d-none">
<nav class="navbar" id="hiwHeader">
<div class="container">
<a id="homeLogoLink" class="navbar-brand zty p-none"></a>
<div class="clearfix"></div>
</div>
</nav>

<style>
@import url('/blobcontent/zty/styles/google-fonts/google-fonts.css');
.page-how-it-works * {
transition: color 0.2s, background-color .25s, border-color .5s, opacity .25s;
}
.page-how-it-works, .page-how-it-works::before, .page-how-it-works::after, .page-how-it-works *, .page-how-it-works *::before, .page-how-it-works *::after {

box-sizing: border-box
}
.page-how-it-works p {
margin-top: 0;
margin-bottom: 1rem;
}
.page-how-it-works button,
.page-how-it-works input {
overflow: visible;
}
.page-how-it-works input,
.page-how-it-works button,
.page-how-it-works select,
.page-how-it-works optgroup,
.page-how-it-works textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.page-how-it-works article, .page-how-it-works aside, .page-how-it-works figcaption, .page-how-it-works figure, .page-how-it-works footer, .page-how-it-works header, .page-how-it-works
display: block;
}
.page-how-it-works [hidden] {
display: none !important;
}
.page-how-it-works h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem;
}
.page-how-it-works .col-md-6 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.page-how-it-works .container {
width: 100%;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.page-how-it-works .d-none {
display: none !important;
}
.page-how-it-works .col-sm-6,.page-how-it-works .col-md-6{
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
}
.page-how-it-works {
background: #fff;
color: #46464e;
font-size: 62.5%;
font-family: HK Grotesk, sans-serif;
height: 100%;
font-weight: 400;
line-height: 1.5;
text-align: left;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.page-how-it-works body {
margin: 0;
height: 100%;
line-height: inherit;
}
.page-how-it-works .main-form {
margin: 0;
height: 100%;
}
.page-how-it-works .main-form .page-wrap {

min-height: 100%;
margin-bottom: -136px;
}
.page-how-it-works .main-form .navbar {

position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0 15px;
background: #fff;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
}
.page-how-it-works .main-form .navbar>.container {

padding: 0;
}
.page-how-it-works a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
cursor: pointer;
}
.page-how-it-works .main-form .navbar-brand {

background: url(/build-resume/images/rwzv2/zty/logo.svg) no-repeat left center;
width: 75px;
height: 31px;
float: left;
background-size: 100% 100%;
}
.page-how-it-works .p-none {
pointer-events: none;
}
.page-how-it-works .clearfix::after {
display: block;
clear: both;
content: "";
}
.page-how-it-works .main-form .content-how-it-works {

width: 100%;
display: table;
}
.page-how-it-works .main-form .v-center {

display: table-cell;
vertical-align: middle;
}
.page-how-it-works .content-how-it-works>.v-center>.container {
padding-top: 4vh;
}
.page-how-it-works .main-form .content-how-it-works>.v-center>.container {
padding-top: 4vh;
}
.page-how-it-works .row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.page-how-it-works .main-form .content-how-it-works .steps-wrap {

padding-left: 0;
}
.page-how-it-works .content-how-it-works .h1 {

font-size: 65px;
line-height: 1.077;
font-weight: 300;
color: #58585f;
}
.page-how-it-works .content-how-it-works .h1 .text-emphasized {

color: #41a1ff;
font-weight: 400;
}
.page-how-it-works .list-steps {
list-style: none;
padding-left: 50px;
font-size: 18px;
counter-reset: item;
margin-bottom: 0;
}
.page-how-it-works .list-steps>li {
counter-increment: item;
margin-top: 25px;
line-height: 23px;
color: #58585f;
font-weight: 400;
}
.page-how-it-works .list-steps>li::before {
margin: 0 26.5px 0 -50px;
content: counter(item);
border-radius: 0;
color: #6c757d;
width: 45px;
height: 45px;
text-align: center;
display: inline-block;
font-weight: 400;
font-size: 23px;
line-height: 44px;
vertical-align: top;
background-color: #f6f8fa;
border: 1px solid #e9ecef;
}
.page-how-it-works .list-steps>li>.list-step-text {
}
.page-how-it-works .content-how-it-works .cta-disclaimer-wrap {
text-align: center;
}
.page-how-it-works .content-how-it-works .cta-disclaimer-wrap .icon-how-it-works {

background-repeat: no-repeat;
background-image: url(/build-resume/images/rwzv2/zty/icon-how-it-works.png);
width: 330px;
height: 230px;
margin: 5px auto 30px;
}
.page-how-it-works .content-how-it-works .btn-primary.btn {

color: #fff;
font-weight: 600;
}
.page-how-it-works .btn-primary {
font-weight: 600;
color: #fff;
background-color: #e44747;
border-color: #e44747;
box-shadow: 0 0 5px rgba(0 ,0 ,0, 0.19);
width: 330px;
font-size: 13px;
}
.page-how-it-works .btn-primary:focus, .page-how-it-works .btn-primary:hover, .page-how-it-works .btn-primary:active {
background: #d04141;
border-color: #d04141;
outline: none;
box-shadow: none;
}
.page-how-it-works .content-how-it-works .cta-disclaimer-wrap .agreement-disclaimer,

.page-how-it-works .content-how-it-works .cta-disclaimer-wrap p {
font-size: 10px;
margin-top: 15px;
}
.page-how-it-works a {
color: #3a96f0;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
.page-how-it-works a:hover {
color: #004080;
}
.page-how-it-works .btn {
font-family: HK Grotesk,sans-serif;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
min-width: 100px;
text-transform: uppercase;
cursor: pointer;
padding: 0 20px;
font-size: 13px;
line-height: 43px;
border-radius: 0;
transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.page-how-it-works .page-loader-new.hide,
.page-how-it-works .section-loader-new.hide {
display: none;
}
.page-how-it-works .page-loader-new,
.page-how-it-works .section-loader-new {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.8);
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-how-it-works .footer {
font-family: Arial, sans-serif;
font-size: 13px;
height: auto;
}
.page-how-it-works .footer,
.page-how-it-works .page-wrap:after {
height: 136px;
}
.page-how-it-works .footer .nav>li>a {
font-size: 11px;
color: #9f9f9f;
padding: 0 11px;
margin: 0;
text-transform: uppercase;
}
.page-how-it-works .footer .nav>li:first-child {
border-left: 0;
}
.page-how-it-works .footer .nav>li {
border-left: 1px solid #b7b7b7;
line-height: 1;
list-style: none;
}
.page-how-it-works .footer .nav > li > a:hover {
background-color: transparent;
color: #4c6376;
}
.page-how-it-works .footer>.footer-top {
padding: 50px 0 22px;
text-align: center;
}
.page-how-it-works .footer .nav {

-ms-flex-pack: center;
justify-content: center;
}
.page-how-it-works .nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.page-how-it-works ol, .page-how-it-works ul, .page-how-it-works dl {
margin-top: 0;
margin-bottom: 1rem;
}
.page-how-it-works .footer>.footer-bottom {
background-color: #43434a;
border-top: 1px solid #43434a;
}
.page-how-it-works .footer>.footer-bottom>.container {
padding: 18px 0;
overflow: hidden;
}
.page-how-it-works .footer .text-logo {

display: none;
}
.page-how-it-works .footer .text-copyright {

text-align: right;
margin-bottom: 0;
margin-top: 0;
width: 100%;
font-size: 10px;
line-height: 1.4;
color: #888;
}
@media (max-width: 991px){
.page-how-it-works .content-how-it-works .h1 {
font-size: 40px;
}
.page-how-it-works .list-steps>li {
font-size: 15px;
}
.page-how-it-works .list-steps>li::before {
margin: 5px 20px 0 -30px;
width: 28px;
height: 28px;
line-height: 28px;
font-size: 18px;
}
.page-how-it-works .list-steps {
padding-left: 30px;
}
.page-how-it-works .list-steps>li>.list-step-text {
width: 90%;
}
.page-how-it-works .list-steps>li>.list-step-text>br {
display: none;
}
.page-how-it-works .icon-how-it-works {
-webkit-transform: scale(0.75, 0.75) translateX(-30px);
transform: scale(0.75, 0.75) translateX(-30px);
margin: 0 auto;
}
.page-how-it-works .content-how-it-works .btn-primary {
width: 300px;
}
}
@media (min-width: 768px) {
html.page-how-it-works.direct-hiw, .page-how-it-works {
background: linear-gradient(90deg, #fff 50%, #f6f8fa 50%);
}
max-width: 720px;
}
.page-how-it-works .col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}

max-width: 960px;
}
width: 960px;
}
}

max-width: 1140px;
}
.page-how-it-works .navbar > .container {
width: 1140px;
}
}
</style>
<div class="content-how-it-works" id="contentHowItWorks" role="complementary">

<section class="v-center">
<div class="row">
<div class="col-md-6 steps-wrap">
<h1 class="h1" onclick="startApp(event);">
Just three <span class="text-emphasized">simple</span> steps
</h1>
<ol class="list-steps">
<li>
<span class="list-step-text">
Select a template from our library of <br />professional designs
</span>
</li>
<li>
Build your resume with our <br/>industry-specific bullet points
</span>
</li>
<li>
Download your resume, print it out <br/>and get it ready to send!
</span>
</li>
</ol>
</div>
<div class="col-md-6 cta-disclaimer-wrap">

<a onclick="startApp(event);" title="Resume" class="icon-how-it-works"></a>
<a class="btn btn-primary" onclick="startApp(event);">
CREATE MY RESUME
</a>
<p class="p toupvText">
By clicking Create My Resume, you agree to our
<a class="link aTermsCndtn" href="https://zety.com/terms-of-service"
onClick="termConditions(event);">Terms of Use</a> and
<a class="link aPrivacyPolicy" href="https://zety.com/privacy-policy"
onClick="privacyPolicy(event)">
Privacy Policy
</a>.
</p>
</div>
</div>
</div>
</section>
</div>
<script>
if (window.location.href && window.location.href.indexOf('appv2.zety.com') > 0) {
var listElems = document.getElementsByClassName('list-step-text');
if (listElems.length > 0) {
if (listElems[1])
listElems[1].innerHTML = "Build your cv with our <br>industry-specific bullet points";
if (listElems[2])
listElems[2].innerHTML = "Download your cv, print it out <br>and get it ready to send!";
}
var btnElem = document.getElementsByClassName('btn-primary');
if (btnElem.length > 0) {
btnElem[0].innerHTML = "CREATE MY CV";
}
var disclaimerElem = document.getElementsByClassName('toupvText');
if(disclaimerElem && disclaimerElem.length > 0){
disclaimerElem[0].innerHTML = disclaimerElem[0].innerHTML.replace("Resume", "CV");
}
}
</script> </div>
<main id="app" role="main"></main>
<div id="dvHidden" style="display:none"> </div>
<div id="afterLoadContent" class="d-none"></div>
<div id="page-loader" class="page-loader-new "></div>
</section>
<footer class="footer" id="footer">

<section class="footer-top" id="upperFooter">
<ul class="nav">
<li>
<a href="https://zety.com/terms-of-service" class="aTermsCndtn" target="_blank"
aria-label="Terms and Conditions" title="Terms and Conditions">
Terms and Conditions
</a>
</li>
<li>
<a href="https://zety.com/privacy-policy" class="aPrivacyPolicy" target="_blank"
aria-label="Privacy Policy" title="Privacy Policy">
Privacy Policy
</a>
</li>
<li>
<a class="accessibility-link" href="/accessibility" target="_blank" aria-label="Accessibility" title="Accessibility">Accessibility</a>
</li>
<li>
<a href="https://zety.com/contact" target="_blank"
aria-label="Contact Us" title="Contact Us">
Contact Us
</a>
</li>
</ul>
</div>
<input type="hidden" id="qsCheck" />
</section>
<section class="footer-bottom">
<div class="text-logo">Powered by <span class="logo-footer"></span></div>
<p class="text-copyright">© 2022, Works Limited. All rights reserved.</p>
</div>
</section>
</footer>
<div id="divLoginWidget" hidden data-targetDomain="" data-referrerId="13" data-forgotPwdUrl="/membership/forgotpassword"
data-enableappendjs="false">
</div>
</form>
<script>
UpdateHiwContainerHeight();
window.onresize = function () {
UpdateHiwContainerHeight();
};
var versionNumber = "1.0.0.522";
var segmentUrl = "/build-resume/scripts/rwzv2/segment-io-1.0.0.522.js";
var experimentUrl = "/build-resume/scripts/rwzv2/experiment-1.0.0.522.js";
var packageUrl = "/build-resume/build/rwzv2/main.bundle-1.0.0.522.js";
</script>
<script>
var html = document.documentElement,

body = document.body;
(function () {
var ua = navigator.userAgent, tem,
M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
if (/trident/i.test(M[1])) {
tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
console.log("Explorer - " + tem)
if (tem[1] < 11) {
window.location = "/information/unsupportedbrowsers";
}
}
if (M[1] === 'Chrome') {
tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
if (tem != null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
}
M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
if ((tem = ua.match(/version\/(\d+)/i)) != null) M.splice(1, 1, tem[1]);

if (((M[0] === "IE" || M[0] === "MSIE") && M[1] < 11) || (M[0] === "Safari" && M[1] < 9)) {
window.location = "/information/unsupportedbrowsers";
}
function isIE11() {
if ((ua.toLowerCase().indexOf('trident') > -1) && (ua.match(/11.0/i))) return true;
else return false;
}
if (isIE11()) {
html.classList.add('ie11');
}
})();
</script>
<script src="/build-resume/scripts/rwzv2/app-1.0.0.522.js"></script>
<script>
if (!window.startApp || typeof window.startApp != 'function') {
var scriptEle = document.createElement("script");
scriptEle.setAttribute("src", "/build-resume/scripts/rwzv2/app-1.0.0.522.js?reload=1");
scriptEle.setAttribute("type", "text/javascript");
document.body.appendChild(scriptEle);
}
</script>
<script src="/signin/scripts/app/login.min.js"></script>
<script>
var disclaimerElem = document.getElementsByClassName('toupvText');
if (localStorage.getItem("toupv") && disclaimerElem.length > 0) {
disclaimerElem[0].classList.add("d-none");
}
</script>
</body>
</html>

Code2pdf 6325b147bc365

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Code2pdf 6325b147bc365

Uploaded by

Copyright:

Available Formats

<!

<html class="html e-update-animation direct-hiw " lang="en-US">

processingSteps = "1: MPR desktop user. ";

<link href="/blobcontent/zty/styles/google-fonts/google-fonts.css" rel="stylesheet" />

.page-how-it-works, .page-how-it-works::before, .page-how-it-works::after, .page-how-it-works *, .page-how-it-works *::before, .page-how-it-works *::after {

.page-how-it-works .main-form .page-wrap {

.page-how-it-works .main-form .navbar {

.page-how-it-works .main-form .navbar>.container {

.page-how-it-works .main-form .navbar-brand {

.page-how-it-works .main-form .content-how-it-works {

.page-how-it-works .main-form .v-center {

.page-how-it-works .main-form .content-how-it-works .steps-wrap {

.page-how-it-works .content-how-it-works .h1 {

.page-how-it-works .content-how-it-works .h1 .text-emphasized {

.page-how-it-works .content-how-it-works .cta-disclaimer-wrap .icon-how-it-works {

.page-how-it-works .content-how-it-works .btn-primary.btn {

.page-how-it-works .content-how-it-works .cta-disclaimer-wrap .agreement-disclaimer,

.page-how-it-works .footer .nav {

.page-how-it-works .footer .text-logo {

.page-how-it-works .footer .text-copyright {

@media (min-width: 992px) {

@media (min-width: 1200px) {

<div class="content-how-it-works" id="contentHowItWorks" role="complementary">

<div class="col-md-6 cta-disclaimer-wrap">

<footer class="footer" id="footer">

var html = document.documentElement,

if ((tem = ua.match(/version\/(\d+)/i)) != null) M.splice(1, 1, tem[1]);

You might also like

.page-how-it-works, .page-how-it-works::before, .page-how-it-works::after, .page-how-it-works , .page-how-it-works ::before, .page-how-it-works *::after {