New Text Document

<!
DOCTYPE html>
<html lang="en" class="bodyBuilder">
<head>
<meta charset="UTF-8" />
<title>My resume | Zety</title>
<base href="https://app.zety.com" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /><script
type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,n,t)
{function r(t){if(!n[t]){var o=n[t]={exports:{}};e[t][0].call(o.exports,function(n)
{var o=e[t][1][n];return r(o||n)},o,o.exports)}return
n[t].exports}if("function"==typeof __nr_require)return __nr_require;for(var
o=0;o<t.length;o++)r(t[o]);return r}({1:[function(e,n,t){function r(){}function
o(e,n,t){return function(){return i(e,[c.now()].concat(u(arguments)),n?
null:this,t),n?void 0:this}}var
i=e("handle"),a=e(3),u=e(4),f=e("ee").get("tracer"),c=e("loader"),s=NREUM;"undefine
d"==typeof window.newrelic&&(newrelic=s);var
p=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace"
,"inlineHit","addRelease"],d="api-",l=d+"ixn-";a(p,function(e,n){s[n]=o(d+n,!
0,"api")}),s.addPageAction=o(d+"addPageAction",!
0),s.setCurrentRouteName=o(d+"routeName",!
0),n.exports=newrelic,s.interaction=function(){return(new r).get()};var
m=r.prototype={createTracer:function(e,n){var t={},r=this,o="function"==typeof
n;return i(l+"tracer",[c.now(),e,t],r),function(){if(f.emit((o?"":"no-")+"fn-
start",[c.now(),r,o],t),o)try{return n.apply(this,arguments)}catch(e){throw
f.emit("fn-err",[arguments,this,e],t),e}finally{f.emit("fn-end",
[c.now()],t)}}}};a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,en
d,get".split(","),function(e,n){m[n]=o(l+n)}),newrelic.noticeError=function(e,n)
{"string"==typeof e&&(e=new Error(e)),i("err",[e,c.now(),!1,n])}},{}],2:
[function(e,n,t){function r(e,n){if(!o)return!1;if(e!==o)return!1;if(!n)return!
0;if(!i)return!1;for(var t=i.split("."),r=n.split("."),a=0;a<r.length;a++)if(r[a]!
==t[a])return!1;return!0}var o=null,i=null,a=/Version\/
(\S+)\s+Safari/;if(navigator.userAgent){var
u=navigator.userAgent,f=u.match(a);f&&u.indexOf("Chrome")===-
1&&u.indexOf("Chromium")===-
1&&(o="Safari",i=f[1])}n.exports={agent:o,version:i,match:r}},{}],3:
[function(e,n,t){function r(e,n){var t=[],r="",i=0;for(r in
e)o.call(e,r)&&(t[i]=n(r,e[r]),i+=1);return t}var
o=Object.prototype.hasOwnProperty;n.exports=r},{}],4:[function(e,n,t){function
r(e,n,t){n||(n=0),"undefined"==typeof t&&(t=e?e.length:0);for(var r=-1,o=t-n||
0,i=Array(o<0?0:o);++r<o;)i[r]=e[n+r];return i}n.exports=r},{}],5:[function(e,n,t)
{n.exports={exists:"undefined"!=typeof
window.performance&&window.performance.timing&&"undefined"!=typeof
window.performance.timing.navigationStart}},{}],ee:[function(e,n,t){function r()
{}function o(e){function n(e){return e&&e instanceof r?e:e?f(e,u,i):i()}function
t(t,r,o,i){if(!d.aborted||i){e&&e(t,r,o);for(var
a=n(o),u=v(t),f=u.length,c=0;c<f;c++)u[c].apply(a,r);var p=s[y[t]];return
p&&p.push([b,t,r,a]),a}}function l(e,n){h[e]=v(e).concat(n)}function m(e,n){var
t=h[e];if(t)for(var r=0;r<t.length;r++)t[r]===n&&t.splice(r,1)}function v(e){return
h[e]||[]}function g(e){return p[e]=p[e]||o(t)}function w(e,n){c(e,function(e,t)
{n=n||"feature",y[t]=n,n in s||(s[n]=[])})}var
h={},y={},b={on:l,addEventListener:l,removeEventListener:m,emit:t,get:g,listeners:v
,context:n,buffer:w,abort:a,aborted:!1};return b}function i(){return new r}function
a(){(s.api||s.feature)&&(d.aborted=!0,s=d.backlog={})}var
u="nr@context",f=e("gos"),c=e(3),s={},p={},d=n.exports=o();d.backlog=s},{}],gos:
[function(e,n,t){function r(e,n,t){if(o.call(e,n))return e[n];var
r=t();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,n,
{value:r,writable:!0,enumerable:!1}),r}catch(i){}return e[n]=r,r}var
o=Object.prototype.hasOwnProperty;n.exports=r},{}],handle:[function(e,n,t){function
r(e,n,t,r){o.buffer([e],r),o.emit(e,n,t)}var
o=e("ee").get("handle");n.exports=r,r.ee=o},{}],id:[function(e,n,t){function r(e)
{var n=typeof e;return!e||"object"!==n&&"function"!==n?-1:e===window?
0:a(e,i,function(){return o++})}var o=1,i="nr@id",a=e("gos");n.exports=r},
{}],loader:[function(e,n,t){function r(){if(!E++){var
e=x.info=NREUM.info,n=l.getElementsByTagName("script")
[0];if(setTimeout(s.abort,3e4),!(e&&e.licenseKey&&e.applicationID&&n))return
s.abort();c(y,function(n,t){e[n]||(e[n]=t)}),f("mark",["onload",a()
+x.offset],null,"api");var
t=l.createElement("script");t.src="https://"+e.agent,n.parentNode.insertBefore(t,n)
}}function o(){"complete"===l.readyState&&i()}function i(){f("mark",
["domContent",a()+x.offset],null,"api")}function a(){return
O.exists&&performance.now?Math.round(performance.now()):(u=Math.max((new
Date).getTime(),u))-x.offset}var u=(new
Date).getTime(),f=e("handle"),c=e(3),s=e("ee"),p=e(2),d=window,l=d.document,m="addE
ventListener",v="attachEvent",g=d.XMLHttpRequest,w=g&&g.prototype;NREUM.o={ST:setTi
meout,SI:d.setImmediate,CT:clearTimeout,XHR:g,REQ:d.Request,EV:d.Event,PR:d.Promise
,MO:d.MutationObserver};var h=""+location,y={beacon:"bam.nr-
data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-
1118.min.js"},b=g&&w&&w[m]&&!/CriOS/.test(navigator.userAgent),x=n.exports={offset:
u,now:a,origin:h,features:{},xhrWrappable:b,userAgent:p};e(1),l[m]?(l[m]
("DOMContentLoaded",i,!1),d[m]("load",r,!1)):(l[v]("onreadystatechange",o),d[v]
("onload",r)),f("mark",["firstbyte",u],null,"api");var E=0,O=e(5)},{}]},{},
["loader"]);</script>
<meta name="viewport" content="width=device-width, initial-
scale=1, maximum-scale=1, user-scalable=0" />
<meta name="application-name" content="Zety" />
<link rel="icon" type="image/vnd.microsoft.icon" href="//cdn-

assets.zety.com/images/_zety/favicon.png" />
<link rel="shortcut icon" type="image/x-icon" href="//cdn-
assets.zety.com/images/_zety/favicon.png" />
<meta name="robots" content="noindex, nofollow">
<meta property="og:image" content="//cdn-

assets.zety.com/images/_zety/uptowork-resume-template.jpg" />
<meta property="og:url"
content="https://app.zety.com/app/cv/f37f2ebe-4ee1-4807-a4b7-1eb1bbde057c" />
<meta property="fb:app_id" content="" />
<meta property="fb:admins" content="" />
<meta name="p:domain_verify" content="" />
<link
rel="stylesheet" href="//cdn-assets.zety.com/assets/css/1550219770/creator.css" />
<link rel="stylesheet" href="//cdn-
assets.zety.com/assets/css/1550219770/print.css" />
<link rel="stylesheet" href="//cdn-
assets.zety.com/assets/css/1550219770/style.css" />
<script src="//cdn-
assets.zety.com/assets/js/1550219770/vendor.js" defer></script>
<script src="//cdn-
assets.zety.com/assets/js/1550219770/common.js" defer></script>
<script src="//cdn-assets.zety.com/assets/js/1550219770/app.js"
defer></script>
<script src="//cdn-
assets.zety.com/assets/js/site/1550219770/app.js" defer></script>
<script
type='text/javascript'>
var _vwo_code=(function(){
var account_id=291776,
settings_tolerance=2000,
library_tolerance=2500,
use_existing_jquery=false,
/* DO NOT EDIT BELOW THIS LINE */
f=false,d=document;return{use_existing_jquery:function(){return
use_existing_jquery;},library_tolerance:function(){return
library_tolerance;},finish:function(){if(!f){f=true;var
a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finis
hed:function(){return f;},load:function(a){var
b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=
function(){_vwo_code.finish();};d.getElementsByTagName('head')
[0].appendChild(b);},init:function()
{settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);var
a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !
important;background:none !important;}',h=d.getElementsByTagName('head')
[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if
(a.styleSheet)a.styleSheet.cssText=b;else
a.appendChild(d.createTextNode(b));h.appendChild(a);this.load('//dev.visualwebsiteo
ptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)
+'&r='+Math.random());return settings_timer;}};}
());_vwo_settings_timer=_vwo_code.init();
</script>
</head>
<body class="processingScreenOn l-body l-body--builder">
<div id="processingScreen" class="processing-screen processing-screen--

grey">
<div class="processing-screen__spinner">
<div class="bounce1"></div>
</div>
<div class="processing-screen__text">
Processing...<br />
please wait.
</div>
</div>
<div id="modalNormal" class="modal modal-color-white">
<div class="modal-wrapper">
<div class="modal-header">
<p class="title"></p>
<div class="modal-button-close modal-dismiss">
<button type="button"><span>�</span></button>
</div>
</div>
<div class="modal-content">
<p class="msg-header"></p>
<p class="msg"></p>
</div>
<div class="modal-footer">
<a class="btn btn-sm btn-red modal-confirm">Confirm</a>
<a class="btn btn-sm btn-grey btn-line modal-close">Close</a>
</div>
</div>
</div>
<div id="modalSession" class="modal modal-color-white">
<div class="modal-header modal-header-warning">
<p class="title">Your session has timed out</p>
</div>
</div>
<p class="msg">You have not used the site for some time. We care about
your data security so any unsaved changes were lost. Refresh the site to restart
the application.</p>
</div>
<div class="button-footer">
<button class="btn btn-sm btn-red modal-close focus">Refresh the
site</button>
</div>
</div>
</div>
</div>
<div id="announcementOriginal" class="announcement"></div>
<div id="announcementWrapper" class="announcement-wrapper"></div>
<div id="printModeScreen" class="printmode-screen">

<div class="printmode-screen__text">
If you want to print the document,<br />
click the Download button.
</div>
</div>
<div id="fullOverlay" class="full-overlay"></div>
<div id="builder" class="l-container-flex builder">

<div class="tooltip_templates" style="display: none;">
<span id="tooltip_content">
<span class="tooltip-steps-head">Step <span class="tooltip-steps-
number"></span></span>
<div class="tooltip-steps-content"></div>
<span class="tooltip-steps-finish"><i class="fa fa-close"></i>
Close</span>
<span class="tooltip-steps-next">Next <i class="fa fa-caret-
right"></i></span>
</span>
</div>
<div id="contactFormModal" class="modal modal-color-white">

<p class="title">Contact form</p>
</div>
</div>
<form id="contactForm" data-genform-download="true" data-ajax-
url="https://app.zety.com/ajax/contact"
class="form form--labeled" data-validator-
msg="{"email":{"req":"Provided e-mail is
invalid."},"name":{"req":"This input is
required."},"subject":{"req":"This input is
required."},"message":{"req":"This input is
required."}}">
<input data-genform="csrf" style="display: none"/>
<div class="form__row">
<div class="form__col-3">
<label data-genform-label="name">Name</label>
<input data-genform="name" class="form__input
form__input--md" data-validator-req="true"/>
</div>
<label data-genform-label="email">E-
mail</label>
<input data-genform="email" class="form__input
form__input--md" data-validator-req="true"/>
</div>
</div>
<label data-genform-
label="subject">Subject</label>
<input data-genform="subject"
class="form__input form__input--md" data-validator-req="true"/>
</div>
</div>
<label data-genform-
label="message">Message</label>
<textarea data-genform="message"
class="form__input form__input--md" rows="5"
data-validator-
req="true"></textarea>
</div>
</div>
</form>
</div>
<button id="btnSendContactForm" class="btn btn-md btn-
red">Send</button>
<button class="btn btn-md btn-grey btn-line modal-
close">Cancel</button>
</div>
</div>
</div>
</div>
<div id="uploadPhotoModal" class="creatorPhotoModal modal modal-color-white">

<div class="modal-wrapper" style="min-width: 800px;">
<p class="title">Upload photo</p>
</div>
</div>
<div class="row">
<div class="col-md-9 col-sm-12">
<div id="cropper-wrapper"></div>
</div>
<div class="col-md-3" id="photoUploadPreview">

<div class="row">
<div class="col-md-12">
<h4 class="preview">Preview</h4>
<div id="cropper-preview"></div>
</div>
</div>
<div class="row">
<div class="resolution">
<div class="line">
<span
class="title">Width</span> <span class="width"></span> <span>px</span>
</div>
<div class="line">
<span
class="title">Height</span> <span class="height"></span> <span>px</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="photoUploadButtons">

<div class="btn-group">
<label>Zoom</label>
<div class="btn-group-border">
<button class="btn btn-sm btn-blue
cropper-button" data-method="zoom" data-param=".1"><span class="fa fa-search-
plus"></span></button><button class="btn btn-sm btn-blue cropper-button" data-
method="zoom" data-param="-.1"><span class="fa fa-search-minus"></span></button>
</div>
</div>
<label>Position</label>
cropper-button" data-method="move" data-param="l"><span class="fa fa-arrow-
left"></span></button><button class="btn btn-sm btn-blue cropper-button" data-
method="move" data-param="r"><span class="fa fa-arrow-
right"></span></button><button class="btn btn-sm btn-blue cropper-button" data-
method="move" data-param="u"><span class="fa fa-arrow-up"></span></button><button
class="btn btn-sm btn-blue cropper-button" data-method="move" data-param="d"><span
class="fa fa-arrow-down"></span></button>
</div>
</div>
<label>Rotate</label>
<button class="btn btn-sm btn-blue cropper-
button" data-method="rotate" data-param="-15"><span class="fa fa-rotate-
left"></span></button><button class="btn btn-sm btn-blue cropper-button" data-
method="rotate" data-param="15"><span class="fa fa-rotate-right"></span></button>
</div>
</div>
<label>Flip</label>
cropper-button" data-method="flipX" data-param="-1"><span class="fa fa-arrows-
h"></span></button><button class="btn btn-sm btn-blue cropper-button" data-
method="flipY" data-param="-1"><span class="fa fa-arrows-v"></span></button>
</div>
</div>
<label>Format</label>
cropper-button" data-method="ratio" data-
param="0.7777777777777">4:3</button><button class="btn btn-sm btn-blue cropper-
button" data-method="ratio" data-param="1">1:1</button>
</div>
</div>
</div>
</div>
</div>
<button class="btn btn-sm btn-red saveBtn">Save</button>
<button class="btn btn-sm btn-grey btn-line modal-close
focus">Cancel</button>
</div>
</div>
</div>
</div>
<style>
.dropbox-active .builder__avatar__wrapp__icon { color:#0a6aa1; }
</style>
<form method="POST" class="hidden" accept-charset="UTF-8" id="photoUpload"

autocomplete="off" enctype="multipart/form-data">
<input id="file-placeholder-input" name="photo" type="file"
accept="image/*" />
</form>
<div id="editSectionModal" class="modal modal-color-white">

<p class="title">Change title & icon of section</p>
</div>
</div>
<div class="form form--labeled">
<label>Section title <span class="optional">(remove
content to restore default title)</span></label>
<div class="c-iconpicker">
<div class="c-iconpicker__overlay"></div>
<span class="form__icon-selector form__icon-selector--md c-
iconpicker__toggle" data-ico>
<span></span>
</span>
<input type="text" class="form__input form__input--md sectionNameInput"
data-t="s" data-i="0" maxlength="200" autofocus/>
<span class="input-counter">
<span class="input-counter__min"></span>/<span class="input-
counter__max"></span>
</span>
<div class="c-iconpicker__content">
<div class="c-tabs c-tabs--center">
<ul class="c-tabs__list c-tabs__list--light-gray c-
tabs__list--full c-tabs__list--center">
<li class="c-tabs__item c-tabs__item--sm js-tabs-
click is-active" data-tab-content="iconpicker" data-tab-pane="default">Default</li>
click" data-tab-content="iconpicker" data-tab-pane="social">Social</li>
click" data-tab-content="iconpicker" data-tab-pane="other">Other</li>
</ul>
</div>
<div class="c-iconpicker__scroll">
<div data-tab-content="iconpicker" class="c-tab-content">
<div data-tab-
pane="default" class="c-tab-content__pane is-active">
<div class="c-iconpicker__row clearfix">
<div class="c-iconpicker__col c-
iconpicker__col-del" data-ico>
<div></div>
</div>
<div class="c-iconpicker__col" data-ico="default">
<div
class="icoSummary"></div>
</div>

<div
class="icoCertificates"></div>
</div>

<div
class="icoConferences"></div>
</div>

<div
class="icoCourses"></div>
</div>

<div
class="icoEducation"></div>
</div>

<div
class="icoExperience"></div>
</div>

<div
class="icoInterests"></div>
</div>

<div
class="icoLanguages"></div>
</div>

<div
class="icoLicenses"></div>
</div>

<div
class="icoActivities"></div>
</div>

<div
class="icoPersonal"></div>
</div>

<div
class="icoPublications"></div>
</div>

<div
class="icoReferences"></div>
</div>

<div class="icoSkills"></div>
</div>

<div class="icoSocial"></div>
</div>

<div
class="icoSoftware"></div>
</div>

<div
class="icoAddress"></div>
</div>

<div
class="icoBirthday"></div>
</div>

<div
class="icoBirthplace"></div>
</div>

<div class="icoEmail"></div>
</div>

<div class="icoGender"></div>
</div>

<div
class="icoMarital"></div>
</div>

<div
class="icoNationality"></div>
</div>

<div class="icoPhone"></div>
</div>

<div
class="icoWebsite"></div>
</div>
</div>
</div>
<div data-tab-pane="social" class="c-tab-content__pane">

<div class="c-iconpicker__col" data-ico="social">

<div
class="icoAngellist"></div>
</div>

<div class="icoBaidu"></div>
</div>

<div
class="icoBehance"></div>
</div>

<div
class="icoDeviantart"></div>
</div>

<div
class="icoDribbble"></div>
</div>

<div
class="icoFacebook"></div>
</div>

<div class="icoGithub"></div>
</div>

<div
class="icoGoldenline"></div>
</div>

<div class="icoGoogle"></div>
</div>

<div
class="icoInstagram"></div>
</div>

<div class="icoIstock"></div>
</div>
<div
class="icoLinkedin"></div>
</div>

<div
class="icoPinterest"></div>
</div>

<div class="icoSkype"></div>
</div>

<div
class="icoSoundcloud"></div>
</div>

<div
class="icoStackoverflow"></div>
</div>

<div class="icoTumblr"></div>
</div>

<div
class="icoTwitter"></div>
</div>

<div class="icoViber"></div>
</div>

<div
class="icoVkontakte"></div>
</div>

<div
class="icoWhatsapp"></div>
</div>

<div
class="icoYoutube"></div>
</div>
</div>
</div>
<div data-tab-pane="other" class="c-tab-content__pane">

<div class="c-iconpicker__col" data-ico="other">

<div class="icoAnchor"></div>
</div>

<div class="icoArrow"></div>
</div>

<div class="icoAt"></div>
</div>

<div class="icoAtom"></div>
</div>

<div class="icoBadge"></div>
</div>

<div class="icoBaloon"></div>
</div>

<div
class="icoBanknote"></div>
</div>

<div
class="icoBaseball"></div>
</div>

<div class="icoBasket"></div>
</div>

<div
class="icoBasketball"></div>
</div>

<div class="icoBat"></div>
</div>

<div class="icoBeer"></div>
</div>

<div class="icoBike"></div>
</div>

<div
class="icoBinoculars"></div>
</div>

<div class="icoBoat"></div>
</div>

<div class="icoBottle"></div>
</div>

<div class="icoBox"></div>
</div>

<div
class="icoBriefcase"></div>
</div>

<div class="icoBrush"></div>
</div>

<div class="icoBug"></div>
</div>

<div
class="icoBuilding"></div>
</div>

<div
class="icoBuildings"></div>
</div>

<div class="icoBulb"></div>
</div>

<div class="icoCactus"></div>
</div>

<div
class="icoCalculator"></div>
</div>

<div class="icoCamera"></div>
</div>

<div class="icoCandle"></div>
</div>

<div class="icoCar"></div>
</div>
<div
class="icoCassette"></div>
</div>

<div class="icoCd"></div>
</div>

<div class="icoChain"></div>
</div>

<div class="icoChart"></div>
</div>

<div class="icoChef"></div>
</div>

<div class="icoChip"></div>
</div>

<div class="icoClock"></div>
</div>

<div class="icoCode"></div>
</div>

<div
class="icoCoffeeBean"></div>
</div>

<div
class="icoCompass"></div>
</div>

<div
class="icoConsole"></div>
</div>

<div class="icoCup"></div>
</div>

<div
class="icoDatabase"></div>
</div>

<div
class="icoDiamond"></div>
</div>

<div class="icoDna"></div>
</div>

<div class="icoDrum"></div>
</div>

<div class="icoDuck"></div>
</div>

<div class="icoEngine"></div>
</div>

<div
class="icoEnvelope"></div>
</div>

<div class="icoEye"></div>
</div>

<div class="icoFence"></div>
</div>

<div class="icoFire"></div>
</div>

<div class="icoFlag"></div>
</div>

<div
class="icoFlashlight"></div>
</div>

<div
class="icoFootball"></div>
</div>

<div
class="icoGamepad"></div>
</div>

<div class="icoGauge"></div>
</div>
<div class="icoGift"></div>
</div>

<div
class="icoGlasses"></div>
</div>

<div class="icoGlobe"></div>
</div>

<div class="icoGuitar"></div>
</div>

<div class="icoHammer"></div>
</div>

<div
class="icoHeadphones"></div>
</div>

<div class="icoHeart"></div>
</div>

<div
class="icoHelicopter"></div>
</div>

<div class="icoHifi"></div>
</div>

<div class="icoHouse"></div>
</div>

<div class="icoKey"></div>
</div>

<div class="icoLamp"></div>
</div>

<div
class="icoLocation"></div>
</div>

<div
class="icoMicrophone"></div>
</div>

<div
class="icoMicroscope"></div>
</div>

<div
class="icoMusicNote"></div>
</div>

<div
class="icoPaperclip"></div>
</div>

<div
class="icoPaperPlane"></div>
</div>

<div class="icoPc"></div>
</div>

<div
class="icoPieChart"></div>
</div>

<div class="icoPin"></div>
</div>

<div class="icoPlane"></div>
</div>

<div class="icoPrize"></div>
</div>

<div class="icoPuzzle"></div>
</div>

<div class="icoRadio"></div>
</div>

<div class="icoRings"></div>
</div>

<div class="icoRocket"></div>
</div>
<div class="icoRuler"></div>
</div>

<div class="icoRun"></div>
</div>

<div class="icoScales"></div>
</div>

<div
class="icoScissors"></div>
</div>

<div class="icoShield"></div>
</div>

<div class="icoStar"></div>
</div>

<div
class="icoSunglasses"></div>
</div>

<div class="icoTag"></div>
</div>

<div class="icoTarget"></div>
</div>

<div class="icoTent"></div>
</div>

<div
class="icoThunder"></div>
</div>

<div class="icoTie"></div>
</div>

<div class="icoTower"></div>
</div>

<div
class="icoUmbrella"></div>
</div>
<div
class="icoVideoCamera"></div>
</div>

<div class="icoWall"></div>
</div>

<div class="icoWatch"></div>
</div>

<div class="icoWheel"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" class="sectionIconInput" data-

t="e" data-i="9"/>
</div>
</div>
</div>
<button class="btn btn-sm btn-red editBtn">Save</button>
</div>
</div>
</div>
</div>
<div id="editEntryModal" class="modal modal-color-white">

<p class="title">Change title & icon of field</p>
</div>
</div>
<label>Field title <span class="optional">(remove
content to restore default title)</span></label>
<span></span>
</span>
<input type="text" class="form__input form__input--md entryNameInput"
data-t="e" data-i="2" maxlength="200" autofocus/>
</span>
</ul>
</div>
<div data-tab-
<div></div>
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>
<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

</div>

</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

</div>

</div>

<div
</div>

<div
</div>

</div>

<div
</div>
</div>
</div>


<div
</div>

</div>

<div
</div>

<div
</div>
<div
</div>

<div
</div>

</div>

<div
</div>

</div>

<div
</div>

</div>

<div
</div>

<div
</div>

</div>

<div
</div>

<div
</div>

</div>

<div
</div>

</div>

<div
</div>

<div
</div>

<div
</div>
</div>
</div>


</div>

</div>

</div>

</div>

</div>

</div>

<div
</div>
<div
</div>

</div>

<div
</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

<div
</div>

<div
</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div
</div>

<div
</div>

<div
</div>

</div>

<div
</div>

<div
</div>

</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

</div>

<div
</div>

<div
</div>

<div
</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

<div
</div>
</div>

<div
</div>

</div>

</div>

</div>

</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

</div>
<div
</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

<div
</div>

<div
</div>

</div>

</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalCustomField" class="modal modal-color-white">

<p class="title">Add custom field</p>
</div>
</div>
<div class="custom-fields-template">
<div class="custom-field-hr">
<span>Popular</span>
</div>
<ul>
<li class=" custom-field-

template">
<span class="ico
icoAddress"></span>
<span
data-name="Address"
data-type="address"
class="name">Address</span>
</li>

template">
<span class="ico icoEmail"></span>
<span
data-name="Email"
data-type="email"
class="name">E-mail</span>
</li>

template">
<span class="ico icoPhone"></span>
<span
data-name="Phone"
data-type="phone"
class="name">Phone</span>
</li>
<li class=" custom-field-template">
<span class="ico
icoBirthday"></span>
<span
data-name="Data of birth"
data-type="birthday"
class="name">Data of
birth</span>
</li>

template">
<span class="ico icoWww"></span>
<span
data-name="Www"
data-type="website"
class="name">WWW</span>
</li>

<span class="ico
icoBirthplace"></span>
<span
data-name="Place of birth"
data-type="birthplace"
class="name">Place of
birth</span>
</li>

<span class="ico icoGlobe"></span>
<span
data-name="Citizenship"
data-type="nationality"
class="name">Citizenship</span>
</li>

template">
<span class="ico icoMarital
status"></span>
<span
data-name="Marital status"
data-type="marital"
class="name">Marital
status</span>
</li>
</ul>
<div class="custom-field-hr">
<span>Social media</span>
</div>
<ul>
<li class="custom-field-
template">
<span class="ico icoAngellist"></span>
<span data-name="Angellist" class="name"
data-type="custom">AngelList</span>
</li>
template">
<span class="ico icoBaidu"></span>
<span data-name="Baidu" class="name"
data-type="custom">Baidu</span>
</li>
template">
<span class="ico icoBehance"></span>
<span data-name="Behance" class="name"
data-type="custom">Behance</span>
</li>
template">
<span class="ico icoDeviantart"></span>
<span data-name="Deviantart" class="name"
data-type="custom">deviantART</span>
</li>
template">
<span class="ico icoDribbble"></span>
<span data-name="Dribbble" class="name"
data-type="custom">Dribbble</span>
</li>
template">
<span class="ico icoFacebook"></span>
<span data-name="Facebook" class="name"
data-type="custom">Facebook</span>
</li>
template">
<span class="ico icoGithub"></span>
<span data-name="Github" class="name"
data-type="custom">GitHub</span>
</li>
template">
<span class="ico icoGoogle"></span>
<span data-name="Google" class="name"
data-type="custom">Google+</span>
</li>
template">
<span class="ico icoInstagram"></span>
<span data-name="Instagram" class="name"
data-type="custom">Instagram</span>
</li>
template">
<span class="ico icoIstock"></span>
<span data-name="Istock" class="name"
data-type="custom">iStock</span>
</li>
<li class="custom-field-template">
<span class="ico icoLinkedin"></span>
<span data-name="Linkedin" class="name"
data-type="linkedin">LinkedIn</span>
</li>
template">
<span class="ico icoPinterest"></span>
<span data-name="Pinterest" class="name"
data-type="custom">Pinterest</span>
</li>
template">
<span class="ico icoSkype"></span>
<span data-name="Skype" class="name"
data-type="custom">Skype</span>
</li>
template">
<span class="ico icoSoundcloud"></span>
<span data-name="Soundcloud" class="name"
data-type="custom">SoundCloud</span>
</li>
template">
<span class="ico
icoStackoverflow"></span>
<span data-name="Stackoverflow"
class="name" data-type="custom">StackOverflow</span>
</li>
template">
<span class="ico icoTumblr"></span>
<span data-name="Tumblr" class="name"
data-type="custom">Tumblr</span>
</li>
<li class="custom-field-template">
<span class="ico icoTwitter"></span>
<span data-name="Twitter" class="name"
data-type="twitter">Twitter</span>
</li>
template">
<span class="ico icoViber"></span>
<span data-name="Viber" class="name"
data-type="custom">Viber</span>
</li>
template">
<span class="ico icoVkontakte"></span>
<span data-name="Vkontakte" class="name"
data-type="custom">vKontakte</span>
</li>
template">
<span class="ico icoYoutube"></span>
<span data-name="Youtube" class="name"
data-type="custom">YouTube</span>
</li>
</ul>
<span class="btn btn-block btn-blue btn-md custom-field-

new">Add custom field</span>
</div>
<div class="form form--labeled hidden">
<label>Title <span class="optional">(remove content
to restore default title)</span>
</label>
<span></span>
</span>
<input type="text" class="form__input form__input--md sectionNameInput"
data-t="s" data-i="0" maxlength="200" autofocus/>
</span>
</ul>
</div>
<div data-tab-
<div></div>
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>
<div
</div>

<div
</div>

<div
</div>

</div>

</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

</div>

</div>

<div
</div>

<div
</div>

</div>

<div
</div>
</div>
</div>


<div
</div>

</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

</div>

<div
</div>

</div>

<div
</div>

</div>

<div
</div>

<div
</div>

</div>

<div
</div>

<div
</div>

</div>

<div
</div>

</div>

<div
</div>

<div
</div>

<div
</div>
</div>
</div>


</div>

</div>

</div>

</div>

</div>

</div>

<div
</div>

<div
</div>

</div>

<div
</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

<div
</div>

<div
</div>

</div>

</div>

<div
</div>

</div>
</div>

</div>

<div
</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div
</div>

<div
</div>

<div
</div>

</div>
<div
</div>

<div
</div>

</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

</div>

<div
</div>

<div
</div>

<div
</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

<div
</div>

</div>

<div
</div>

</div>

</div>

</div>

</div>
<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

<div
</div>

</div>

<div
</div>

</div>

</div>

</div>

</div>

</div>
</div>

</div>

</div>

</div>

</div>

<div
</div>

</div>

</div>

<div
</div>

</div>

</div>

</div>

<div
</div>

</div>
</div>

<div
</div>

<div
</div>

</div>

</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" class="sectionIconInput" data-

t="e" data-i="9"/>
</div>
</div>
</div>
<button class="btn btn-sm btn-red editBtn">Add custom
field</button>
</div>
</div>
</div>
</div>
<div id="changeNameModal" class="modal modal-color-white">
<p class="title">Change document's title</p>
</div>
</div>
<label>Title</label>
<input type="text" class="form__input form__input--md
docNameInput" data-t="d" data-i="5" maxlength="200">
<span class="input-counter"><span class="input-
counter__min"></span>/<span class="input-counter__max"></span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <div id="changeLangModal" class="modal modal-color-white">
<p class="title">Change document's language</p>
</div>
</div>
<div class="alert alert--info">

Changing the language translates only the headings/titles in the
document, e.g. <strong>Experience</strong>, <strong>Date of birth</strong>. We
don't translate the whole document.
</div>
<label>Language </label>
<div class="form__select">
<select class="form__input form__input--md
docLangSelect" style="width: 100%;" data-t="d" data-i="3">
<optgroup label="Popular">
<option data-language="English"
value="en_EN" selected>English</option>
<option data-language="Spanish"
value="es_ES" >Spanish</option>
<option data-language="French"
value="fr_FR" >French</option>
<option data-language="Russian"
value="ru_RU" >Russian</option>
<option data-language="Arabic"
value="ar" >Arabic</option>
</optgroup>
<optgroup label="Other">
<option data-language="Croatian"
value="hr_HR" >Croatian</option>
<option data-language="Czech"
value="cs_CZ" >Czech</option>
<option data-language="Danish"
value="da_DK" >Danish</option>
<option data-language="Dutch"
value="nl_NL" >Dutch</option>
<option data-language="German"
value="de_DE" >German</option>
<option data-language="Greek"
value="el" >Greek</option>
<option data-language="Hindi"
value="hi_IN" >Hindu</option>
<option data-language="Hungarian"
value="hu_HU" >Hungarian</option>
<option data-language="Italian"
value="it_IT" >Italian</option>
<option data-language="Malaysian"
value="ms_MY" >Malaysian</option>
<option data-language="Norwegian"
value="no_NO" >Norwegian</option>
<option data-language="Polish"
value="pl_PL" >Polish</option>
<option data-language="Portuguese"
value="pt_PT" >Portuguese</option>
<option data-language="Romanian"
value="ro" >Romanian</option>
<option data-language="Swedish"
value="se_SE" >Swedish</option>
<option data-language="Thai"
value="th_TH" >Thai</option>
<option data-language="Turkish"
value="tr_TR" >Turkish</option>
<option data-language="Vietnamese"
value="vi_VN" >Vietnamese</option>
</optgroup>
</select>
<span class="form__select-arrow"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> 
<script>
var OauthAttributes = {
networks: {
'google': '897699766288-
cgmjrlkmtjllt3736fjja62j6ocr08op.apps.googleusercontent.com',
'facebook': '1766296813589440', 'twitter':
'pCySJSIo79gEUevJHpASfehf5', 'linkedin': '86th8cl7prf0te',
},
ajaxUrls: {
login: 'https://app.zety.com/ajax/oauth',
email: 'https://app.zety.com/ajax/oauth/email',
proxy: 'https://app.zety.com/oauth/proxy'
}
};
var AuthAttributes = {
id: 'registerForm',
type: 'register',
redirect: 'builder'
};
</script>
<div id="signUpModal" class="modal modal-color-white">

<button type="button">
<span>�</span>
</button>
</div>
<div class="l-row u-bspacer--40">
<div class="l-container">
<h3 class="u-text-center u-text-h3 u-text-strong">
Sign up or Log in to save your data
</h3>
</div>
</div>
<div class="l-row">
<div class="l-col-lg-6">
<div class="l-col-lg-12 feature">
<div class="avatar">
<i class="eo-timer"></i>
</div>
<div class="text">
<h3 class="h4 title">
It's Fast and Easy to Use
</h3>
<div class="desc">
Our online resume builder will help you write a perfect resume in
minutes.
</div>
</div>
</div>
<div class="l-col-lg-12 feature u-tspacer--30">

<i class="eo-light-bulb"></i>
</div>
<div class="text">
Follow Tips From Experts
</h3>
<div class="desc">
Our experts tips will show you how to write a resume.
</div>
</div>
</div>
<div class="l-col-lg-12 feature u-tspacer--30">

<i class="eo-star"></i>
</div>
<div class="text">
20 Best Resume Templates
</h3>
<div class="desc">
Create a modern and professional resume and cover letter.
</div>
</div>
</div>
</div>
<div
class="l-col-xs-12 l-col-sm-10 l-col-offset-sm-1 l-col-md-6 l-col-
offset-md-3 l-col-lg-6 l-col-offset-lg-0">
<div id="loginForm" class="form form--raw mb-2">
<form action="" method="POST" name="registerForm" data-

validator="{"password":["\/^(&#x3
F;=.*[0-9])(?=.*[a-zA-
Z]).{7,100}$\/"]}"
id="registerForm" data-validator-
msg="{"email":{"req":"Provided e-
mail is invalid."},"password":{"regex&
quot;:"Password length must be at least 8&#
x20;characters.","req":"This input is requi
red."}}" autocomplete="off">
<input type="text" name="email" data-validator-req="true"

class="form__input form__input--lg" autocomplete="off"
placeholder="Enter your e-mail address" value="">
<i class="form__icon"></i>
</div>
<input type="password" name="password" data-validator-req="true"

class="form__input form__input--lg form-password" autocomplete="off"
placeholder="Enter your password" value="">
<div class="btn btn-visible-password">
<i class="fa fa-eye" aria-hidden="true"></i>
</div>
</div>
<div class="form__row form-group-checkbox" data-message="Agreement is

mandatory to use our service">
<label>
<input type="checkbox" name="terms">
<span>I have read the <a class="link-underline" target="_blank"
href="https://zety.com/terms-of-service" rel="nofollow">Terms of service</a> and <a
class="link-underline" target="_blank" href="https://zety.com/privacy-policy"
rel="nofollow">Privacy Policy</a> and I accept their provisions.</span>
</label>
</div>
<input type="submit" name="submit" class="btn btn-lg btn-red btn-
block btn-up bold"
value="Go To Resume Builder">
</div>
</form>
</div>
<div id="emailForm" class="form form--raw mb-2" data-title="Provide

additional info">
<form action="" method="POST" name="oauthEmail" data-ajax-
url="https://app.zety.com/ajax/oauth/email"
id="oauthEmail">
<input type="text" name="email"
placeholder="E-mail address" class="form__input form__input--lg"
value="">
</div>
<input type="submit" name="submit" class="btn btn-lg btn-red btn-
block btn-up bold"
value="Go To Resume Builder">
</div>
</form>
</div>
<div id="oauthGates" class="socialLogin-wrapper">

<div class="separator separator--white mb-2">
<span>Or log in with</span>
</div>
<div class="row">
<div class="col-6 mb-2">
<button class="btn btn-sm btn-block btn-social btn-social--google" data-
network="google">
<i class="fa fa-lg fa-fw fa-google-plus"></i>
google
</button>
</div>
<button class="btn btn-sm btn-block btn-social btn-social--facebook"
data-network="facebook">
<i class="fa fa-lg fa-fw fa-facebook"></i>
facebook
</button>
</div>
<button class="btn btn-sm btn-block btn-social btn-social--twitter" data-
network="twitter">
<i class="fa fa-lg fa-fw fa-twitter"></i>
twitter
</button>
</div>
<button class="btn btn-sm btn-block btn-social btn-social--linkedin"
data-network="linkedin">
<i class="fa fa-lg fa-fw fa-linkedin"></i>
linkedin
</button>
</div>
</div>
</div>
</div>
</div>
<div class="l-row u-tspacer--30">

<div class="l-container">
<div class="form__row u-text-center">
<a id="signUpModalHide"
class="btn btn-grey btn-md btn-line">No thanks, I'll sign up
later</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalSubscriptionUpgradePlan" class="modal modal-color-white modal-

upgrade-plan">
<p class="title">Upgrade my subscription</p>
</div>
</div>
<h3>Upgrade to Premium subscription</h3>
<p><i class="fa fa-check color-green" aria-hidden="true"></i> You will
have full access to 20 resume templates.</p>
<p><i class="fa fa-check color-green" aria-hidden="true"></i> You can
<strong>download unlimited documents</strong> in PDF and TXT.</p>
<p><i class="fa fa-check color-green" aria-hidden="true"></i> Your
Premium subscription will auto-renew every 30 days.</p>
</div>
<button id="modalSubscriptionUpgradePlanButton" class="btn btn-sm
btn-red modal-confirm focus">
<span class="plan-1">Upgrade to Premium for $10</span>
</button>
<button class="btn btn-sm btn-grey btn-line modal-close">
Cancel
</button>
</div>
<div class="text-footer">
<p class="plan-1">By clicking "Upgrade to Premium", you understand
that we�ll charge you $10 using the payment method you have used to buy the Start
subscription.</p>
<p class="plan-1">After that, you will be charged $14.99 every 30
days. You can cancel anytime in your dashboard.</p>
<p class="plan-2">By clicking "Upgrade to Premium", you understand
that we�ll charge you $12 using the payment method you have used to buy the Start
subscription.</p>
<p class="plan-2">After that, you will be charged $17.99 every 30
days. You can cancel anytime in your dashboard.</p>
<p>You acknowledge that you have read and agree to our <a
href="https://zety.com/terms-of-service">Terms of Service</a> and <a
href="https://zety.com/privacy-policy">Privacy Policy</a>.</p>
</div>
</div>
</div>
</div>
<div id="gdprModal" class="gdpr-modal modal modal-color-white">
<p class="title">Learn how we process your data</p>
</div>
Data Controller: WORKZ sp. z o. o. with its registered office in Warsaw. We
process the data in order to provide you with application services, customise them
to you preferences, ensure security of the services (including detection of various
bots and abuses), carry out statistical measurements and improve the services, so
that they meet your expectations. Furthermore, your data will be processed for the
purpose of marketing of WORKZ products and services and, with your consent, for the
purpose of marketing of third-party products and services (legal basis of such
processing are described in our privacy policy). You have: right to access your
data, right to have your data rectified, right to erase your data, right to object
to processing of your data and other rights described in our <a
href="https://zety.com/privacy-policy" target="_blank">Privacy Policy</a>.
</div>
<div class="modal-footer u-text-center">

<button id="gdprAccept" class="btn btn-sm btn-red">
OK
</button>
</div>
</div>
</div>
<div class="Layout"></div>
<div class="l-sidebar l-sidebar--editor l-col">
<div class="l-sidebar__content">
<div class="l-sidebar__head">
<div id="documentTitle" class="o-button">
<span class="o-button__icon"><i class="fa fa-pencil"></i></span>
<span class="o-button__title">Title: <span id="jsDocumentTitleText">My
resume</span></span>
</div>
<div id="documentLang" class="o-button">
<span class="o-button__icon"><i class="fa fa-globe"></i></span>
<span class="o-button__title">Language: <span
id="jsDocumentLanguageText">locale_en_EN</span></span>
</div>
</div>
<div class="l-sidebar__body l-sidebar__body--simplebar" id="editorSimplebar">
<div class="l-sidebar__section">
<div class="l-sidebar__heading o-heading">
<span class="l-sidebar__heading-text o-heading__label">Fill in your
document</span>
</div>
<div class="l-sidebar__navigation c-navigation">
<ul id="menuSection" class="c-navigation__list">
<li class="l-sidebar__navigation-item c-navigation__item "

data-section="personal" data-section-dynamic="true" >
<span class="l-sidebar__navigation-title c-navigation__title">Personal
info</span>
<span class="l-sidebar__navigation-icon c-navigation__icon o-icon o-
icon--bg o-icon--bg-white"
data-icon="icoPersonal"
></span>
<div class="l-sidebar__navigation-buttons c-
navigation__buttons">
<span class="l-
sidebar__navigation-button c-navigation__button o-button has-item-inactive o-
button--sm sectionEdit tooltipster" data-tooltipster="Rename section"><i class="fa
fa-pencil"></i></span>
</div>
</li>

data-section="summary" data-section-dynamic="true" >
<span class="l-sidebar__navigation-title c-
navigation__title">Summary</span>
data-icon="icoSummary"
></span>
<span class="l-
<span
class="l-sidebar__navigation-button c-navigation__button o-button has-item-inactive
o-button--sm sectionDel tooltipster" data-tooltipster="Remove section"><i class="fa
fa-close"></i></span>
</div>
</li>

data-section="experience" data-section-dynamic="true" >
navigation__title">Experience</span>
data-icon="icoExperience"
></span>
<span class="l-
<span
</div>
</li>

data-section="education" data-section-dynamic="true" >
navigation__title">Education</span>
data-icon="icoEducation"
></span>
<span class="l-
<span
</div>
</li>

data-section="skills" data-section-dynamic="true" >
navigation__title">Skills</span>
data-icon="icoSkills"
></span>
<span class="l-
<span
</div>
</li>

data-section="languages" data-section-dynamic="true" >
navigation__title">Languages</span>
data-icon="icoLanguages"
></span>
<span class="l-
<span
</div>
</li>

data-section="interests" data-section-dynamic="true" >
navigation__title">Interests</span>
data-icon="icoInterests"
></span>
<span class="l-
<span
</div>
</li>
data-section="certificates" data-section-dynamic="true" >
navigation__title">Certificates</span>
data-icon="icoCertificates"
></span>
<span class="l-
<span
</div>
</li>

data-section="conferences" data-section-dynamic="true" >
navigation__title">Conferences</span>
data-icon="icoConferences"
></span>
<span class="l-
<span
</div>
</li>

data-section="courses" data-section-dynamic="true" >
navigation__title">Courses</span>
data-icon="icoCourses"
></span>
<span class="l-
<span
</div>
</li>

data-section="publications" data-section-dynamic="true" >
navigation__title">Publications</span>
data-icon="icoPublications"
></span>
<span class="l-
<span
</div>
</li>

data-section="references" data-section-dynamic="true" >
navigation__title">References</span>
data-icon="icoReferences"
></span>
<span class="l-
<span
</div>
</li>

data-section="software" data-section-dynamic="true" >
navigation__title">Software</span>
data-icon="icoSoftware"
></span>
<span class="l-
<span
</div>
</li>

data-section="licenses" data-section-dynamic="true" >
navigation__title">Licenses</span>
data-icon="icoLicenses"
></span>
<span class="l-
<span
</div>
</li>

data-section="clause" data-section-dynamic="true" >
navigation__title">Clause</span>
data-icon="icoClause"
></span>
<span class="l-
<span
</div>
</li>

data-section="activities" data-section-dynamic="true" >
navigation__title">Additional Activities</span>
data-icon="icoActivities"
></span>
<span class="l-
<span
</div>
</li>

data-section="header" >
navigation__title">Header</span>
data-icon="icoHeader"
></span>
<span
</div>
</li>

data-section="footer" >
navigation__title">Footer</span>
data-icon="icoFooter"
></span>
<span
</div>
</li>
</ul>
</div>
</div>

<button class="o-button o-button--md has-section-link" data-
section="manage">
<span class="o-button__icon"><i class="fa fa-plus" aria-
hidden="true"></i></span>
<span class="o-button__text">Add new section</span>
</button>
</div>
</div>
</div>
<div class="l-sidebar--placeholder"></div>
<div class="l-sidebar l-sidebar--preview l-col">

<div class="l-sidebar__mobile">
<span class="l-sidebar__mobile-label">Show menu</span>
<span class="l-sidebar__mobile-icon">
<i class="eo eo-fast-forward-thin"></i>
</span>
</div>
<div class="l-sidebar__buttons">
<span id="jsPreviewSwitch" class="o-switch">
<span id="jsPreviewSwitchBasic" class="o-
switch__button is-active">Basic</span>
<span id="jsPreviewSwitchAdvanced" class="o-
switch__button">Advanced</span>
</span>
<span id="resetSettingsBtn" class="l-sidebar__button o-
button">
Reset
</span>
</div>
</div>
<div class="l-sidebar__body l-sidebar__body--simplebar"
id="previewSimplebar">
<div class="c-preview-settings">
<div class="c-preview-settings__content">
<div id="previewNavbar">
<div id="previewNavbarBasic">
<div class="c-preview-settings__row">
<div class="c-preview-
settings__body">
settings__body-in">
settings__subhead">
<span>
Basic
settings
</span>
</div>
settings__fields">
<div class="c-
preview-settings__field l-row">
<label
class="l-col-xs-6">Font</label>
<div
class="l-col-xs-6">
<div
class="form__select">
<select id="fFamilyTxt" data-prefix="fFamilyTxt" class="form__input

form__input--md settingSelect selectFont">
<optgroup label="Common (Latin, Cyrillic, Greek,

Vietnamese)">
<option value="Arimo"
class="fontArimo">Arimo</option>
<option value="NotoSans"
class="fontNotoSans">Noto Sans</option>
<option value="NotoSerif"
class="fontNotoSerif">Noto Serif</option>
<option value="OpenSans"
class="fontOpenSans">Open Sans</option>
<option value="Roboto"
class="fontRoboto">Roboto</option>
<option value="RobotoCondensed"
class="fontRobotoCondensed">Roboto Condensed</option>
<option value="RobotoMono"
class="fontRobotoMono">Roboto Mono</option>
<option value="RobotoSlab"
class="fontRobotoSlab">Roboto Slab</option>
<option value="SourceSansPro"
class="fontSourceSansPro">Source Sans Pro</option>
<option value="Courgette"
class="fontCourgette">Courgette (latin handwritten)</option>
<option value="Lobster"
class="fontLobster">Lobster (latin handwritten)</option>
</optgroup>
<optgroup label="Arabic">
<option value="Amiri"
class="fontAmiri">Amiri</option>
<option value="Cairo"
class="fontCairo">Cairo</option>
<option value="ElMessiri"
class="fontElMessiri">El Messiri</option>
</optgroup>
<optgroup label="Devanagari">
<option value="Poppins"
class="fontPoppins">Poppins</option>
<option value="Rajdhani"
class="fontRajdhani">Rajdhani</option>
</optgroup>
<optgroup label="Gujarati">
<option value="MuktaVaani"
class="fontMuktaVaani">Mukta Vaani</option>
<option value="Rasa"
class="fontRasa">Rasa</option>
</optgroup>
<optgroup label="Hebrew">
<option value="Rubik"
class="fontRubik">Rubik</option>
</optgroup>
<optgroup label="Chinese">
<option value="NotoSansTc"
class="fontNotoSansTc">Noto Sans Traditional</option>
<option value="NotoSansSc"
class="fontNotoSansSc">Noto Sans Simplified</option>
</optgroup>
<optgroup label="Japanese">
<option value="Hannari"
class="fontHannari">Hannari</option>
<option value="Mplus1p"
class="fontMplus1p">Mplus 1p</option>
<option value="NotoSansJp"
class="fontNotoSansJp">Noto Sans Japanese</option>
</optgroup>
<optgroup label="Korean">
<option value="JejuGothic"
class="fontJejuGothic">Jeju Gothic</option>
<option value="NanumGothic"
class="fontNanumGothic">Nanum Gothic</option>
<option value="NotoSansKr"
class="fontNotoSansKr">Noto Sans Korean</option>
</optgroup>
<optgroup label="Thai">
<option value="Prompt"
class="fontPrompt">Prompt</option>
<option value="Trirong"
class="fontTrirong">Trirong</option>
</optgroup>
</select>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Font size</label>
<div
class="l-col-xs-6">
<div
class="form__range">
<input data-prefix="fSize" class="o-range o-range--setting settingBasicSelect

settingRangePlusMinus" type="range" min="-5" max="5" step="1"/>
<output></output>
</div>
<div
class="rangeDisabled tooltip" title="Adjusting this setting will reset changes made
in advanced mode. Click to proceed.">
<i class="eo eo-danger"></i>

</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Line spacing</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="lineHeight" class="o-range o-range--setting settingSelect

<output></output>
</div>
</div>
</div>
settings__field l-row">
<label
class="l-col-xs-6" style="white-space:nowrap">Date format</label>
<div
class="l-col-xs-6">
<select class="form__input form__input--md dateSelectLinked" data-

prefix="dateLinked">
<option value="Y-m-d|Y-m">Y-m-d (1980-01-20)
</option>
<option value="Y.m.d|Y.m">Y.m.d (1980.01.20)
</option>
<option value="Y/m/d|Y/m">Y/m/d (1980/01/20)
</option>
<option value="d-m-Y|m-Y">d-m-Y (20-01-1980)
</option>
<option value="d.m.Y|m.Y">d.m.Y (20.01.1980)
</option>
<option value="d/m/Y|m/Y">d/m/Y (20/01/1980)

</option>
<option value="j M Y|M Y">j M Y (20 Jan 1980)
</option>
<option value="j F Y|M Y">j F Y (20 January 1980)
</option>
<option value="m-d-Y|m-Y">m-d-Y (01-20-1980)
</option>
<option value="m.d.Y|m.Y">m.d.Y (01.20.1980)
</option>
<option value="m/d/Y|m/Y">m/d/Y (01/20/1980)
</option>
<option value="F j, Y|M Y">F j, Y (January 20, 1980)
</option>
</select>
</div>
</div>
</div>
<label
class="l-col-xs-8">Display page numbers</label>
<div
class="l-col-xs-4">
<span class="c-toggle-switch c-toggle-switch--two-values pagenumbers-

selector-display">
<input data-prefix="pageNumberDisplay" name="pageNumberDisplay"
class="settingSelect" type="checkbox" id="pageNumberDisplayToggleSwitchBasic"/>
<label for="pageNumberDisplayToggleSwitchBasic">
<span class="c-toggle-switch--two-values__inner" yes="Yes"
no="No"></span>
<span class="c-toggle-switch__btn"></span>
</label>
</span>
</div>
</div>
<div class="c-
<label
class="l-col-xs-8">
Display footer
</label>
<div
class="l-col-xs-4">
<span class="c-toggle-switch
c-toggle-switch--two-values footer-selector-display">
<input data-prefix="footerDisplay" name="footerDisplay"
class="settingSelect" type="checkbox" id="footerToggleSwitchBasic"/>
<label for="footerToggleSwitchBasic">
no="No"></span>
</label>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-preview-settings__body">
<div class="c-preview-settings__body-in">
<div class="c-preview-settings__subhead">
<span>Color sets</span>
</div>
<div class="c-color-schemes c-color-schemes--col-2 c-color-
schemes--sm">
</div>
</div>
</div>
</div> </div>
<div id="previewNavbarAdvanced">
<div class="c-preview-settings__row is-
active">
settings__head">General
<i class="fa fa-angle-right"
aria-hidden="true"></i>
</div>
settings__body">
settings__body-in">
settings__subhead">
<span>
Resume style
</span>
</div>
settings__fields">
<div class="c-
<label
<div
class="l-col-xs-6">
<div
<select id="fFamilyTxt" data-prefix="fFamilyTxt" class="form__input


Vietnamese)">
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</select>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">
<div
class="btn-preview" data-selector=".text:not(.descRating),.desc">
<i class="fa fa-question"></i>

</div>
<span
style="display:inline-block;margin-left:5px;">Font size</span>
</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="fSizeText" class="o-range o-range--setting settingSelect

<output></output>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Line spacing</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="lineHeight" class="o-range o-range--setting settingSelect

<output></output>
</div>
</div>
</div>
<label
class="l-col-xs-6" style="white-space:nowrap">Date format</label>
<div
class="l-col-xs-6">
<select class="form__input form__input--md dateSelect" data-t="d"

data-i="19" data-pt=""
>
<option value="Y-m">Y-m (2010-01)</option>

<option value="Y.m">Y.m (2010.01)</option>
<option value="Y/m">Y/m (2010/01)</option>
<option value="m-Y">m-Y (01-2010)</option>
<option value="m.Y">m.Y (01.2010)</option>
<option value="m/Y">m/Y (01/2010)</option>
<option value="M Y">M Y (Jan 2010)</option>
</select>
</div>
</div>
</div>
<label
class="l-col-xs-6" style="white-space: nowrap">Birthdate format</label>
<div
class="l-col-xs-6">
<div
<select class="form__input form__input--md dateSelect" data-t="d"

>
<option value="Y-m-d">Y-m-d (1980-01-20)</option>

<option value="Y.m.d">Y.m.d (1980.01.20)</option>
<option value="Y/m/d">Y/m/d (1980/01/20)</option>
<option value="d-m-Y">d-m-Y (20-01-1980)</option>
<option value="d.m.Y">d.m.Y (20.01.1980)</option>
<option value="d/m/Y">d/m/Y (20/01/1980)</option>
<option value="j M Y">j M Y (20 Jan 1980)</option>
<option value="j F Y">j F Y (20 January 1980)</option>
<option value="m-d-Y">m-d-Y (01-20-1980)</option>
<option value="m.d.Y">m.d.Y (01.20.1980)</option>
<option value="m/d/Y">m/d/Y (01/20/1980)</option>
<option value="F j, Y">F j, Y (January 20, 1980)</option>
</select>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6" style="white-space: nowrap;">Column spacing</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="colSpace" class="o-range o-range--setting settingSelect"

type="range" min="0" max="50" step="5"/>
<output></output>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Section spacing</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="secSpace" class="o-range o-range--setting settingSelect"

type="range" min="0" max="30" step="5"/>
<output></output>
</div>
</div>
</div>
</div>
settings__subhead">
<span>Resume
margin</span>
</div>
settings__fields">
<div class="c-
<label
class="l-col-xs-6">Top</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="pagePaddingTop" class="o-range o-range--setting

settingSelect" type="range" min="0" max="50" step="5"/>
<output></output>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Bottom</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="pagePaddingBottom" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Left</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="pagePaddingLeft" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Right</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="pagePaddingRight" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-preview-settings__row js-

color-schemes-advanced">
<div class="c-preview-settings__head c-preview-settings__head--colors-
advanced">
Color sets
<i class="fa fa-angle-right" aria-hidden="true"></i>
</div>
<div class="c-preview-settings__body">
<div class="c-preview-settings__body-in">
</div>
</div>
</div>
settings__head">
Personal info
</div>
settings__body">
settings__body-in">
settings__subhead">
<span>
<div
class="btn-preview" data-selector="h1">
<i
class="fa fa-question"></i>
</div>
Name
</span>
</div>
settings__fields">
<div class="c-
<label
<div
class="l-col-xs-6">
<div
<select id="fFamilyH1" data-prefix="fFamilyH1" class="form__input

<option value="">Same as text</option>
Vietnamese)">
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</select>
</div>
</div>
</div>
<div class="c-
<label
<div
class="l-col-xs-6">
<div
<input data-prefix="fSizeH1" class="o-range o-range--setting settingSelect
<output></output>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">First name style</label>
<div
class="l-col-xs-6">
<div class="form__radios">
<div class="form__radio">
<input id="fStyleH1BoldCheckbox" class="fStyleCheckbox"
type="checkbox" data-prefix="fStyleH1" name="fStyleH1">
<label for="fStyleH1BoldCheckbox">
<i class="fa fa-bold" aria-hidden="true"></i>
</label>
</div>
<input id="fStyleH1ItalicCheckbox" class="fStyleCheckbox"
<label for="fStyleH1ItalicCheckbox">
<i class="fa fa-italic" aria-hidden="true"></i>
</label>
</div>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Last name style</label>
<div
class="l-col-xs-6">
<input id="fStyleH1LastBoldCheckbox" class="fStyleCheckbox"
type="checkbox" data-prefix="fStyleH1Last" name="fStyleH1Last">
<label for="fStyleH1LastBoldCheckbox">
</label>
</div>
<input id="fStyleH1LastItalicCheckbox" class="fStyleCheckbox"
type="checkbox" data-prefix="fStyleH1Last" name="fStyleH1Last">
<label for="fStyleH1LastItalicCheckbox">
</label>
</div>
</div>
</div>
</div>
</div>
settings__subhead">
<span>
<div
<i
</div>
Profession
</span>
</div>
settings__fields">
<div class="c-
<label
<div
class="l-col-xs-6">
<div
<input data-prefix="fSizeH2" class="o-range o-range--setting settingSelect

<output></output>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Style</label>
<div
class="l-col-xs-6">
</label>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
<span>
<div
class="btn-preview" data-selector=".personalTitle">
<i
</div>
Personal
info titles
</span>
</div>
settings__fields">
<div class="c-
<label
<div
class="l-col-xs-6">
<div
<input data-prefix="fSizePersonalTitle" class="o-range o-range--setting

settingSelect settingRangePlusMinus" type="range" min="-10" max="10" step="1"/>
<output></output>
</div>
</div>
</div>
<div class="c-
<label
<div
class="l-col-xs-6">
<input id="fStylePersonalTitleBoldCheckbox"
class="fStyleCheckbox" type="checkbox" data-prefix="fStylePersonalTitle"
name="fStylePersonalTitle">
<label for="fStylePersonalTitleBoldCheckbox">
</label>
</div>
<input id="fStylePersonalTitleItalicCheckbox"
class="fStyleCheckbox" type="checkbox" data-prefix="fStylePersonalTitle"
name="fStylePersonalTitle">
<label for="fStylePersonalTitleItalicCheckbox">
</label>
</div>
</div>
</div>
</div>
</div>
settings__subhead">
<span>
<div
class="btn-preview" data-selector=".personalText">
<i
</div>
Personal
info text
</span>
</div>
settings__fields">
<div class="c-
<label
<div
class="l-col-xs-6">
<div
<input data-prefix="fSizePersonalText" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
<div class="c-
<label
<div
class="l-col-xs-6">
<input id="fStylePersonalTextBoldCheckbox" class="fStyleCheckbox"
type="checkbox" data-prefix="fStylePersonalText" name="fStylePersonalText">
<label for="fStylePersonalTextBoldCheckbox">
</label>
</div>
<input id="fStylePersonalTextItalicCheckbox"
class="fStyleCheckbox" type="checkbox" data-prefix="fStylePersonalText"
name="fStylePersonalText">
<label for="fStylePersonalTextItalicCheckbox">
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
settings__head">
Section titles
<i class="fa fa-angle-
right" aria-hidden="true"></i>
</div>
settings__body">
settings__body-in">
<div class="c-
preview-settings__fields">
<div
class="c-preview-settings__field l-row">
<label
<div
class="l-col-xs-6">
<select id="fFamilyTitles" data-prefix="fFamilyTitles" class="form__input

<option value="">Same as text</option>
Vietnamese)">
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</optgroup>
</select>
</div>
</div>
</div>
<div
<label
<div
class="l-col-xs-6">
<div class="form__range">
<input data-prefix="fSizeH3" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
<div
<label
<div
class="l-col-xs-6">
</label>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
settings__row">
settings__head">Entries <i class="fa fa-angle-right" aria-hidden="true"></i>
</div>
settings__body">
settings__body-in">
<div class="c-
preview-settings__subhead">
<span>
<div
class="btn-preview" data-selector="h4:not(.personalTitle)">

</div>
Entry
titles
</span>
</div>
<div class="c-
<div
<label
<div
class="l-col-xs-6">

<output></output>
</div>
</div>
</div>
<div
<label
<div
class="l-col-xs-6">
</label>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-
<span>
<div

</div>
Experience, activities, education

<span
style="display: inline-block; margin-left: 22px;">titles</span>
</span>
</div>
<div class="c-
<div
<label
<div
class="l-col-xs-6">

<output></output>
</div>
</div>
</div>
<div
<label
<div
class="l-col-xs-6">
</label>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-
<span>
<div

</div>
Experience, activities, education

<span
style="display: inline-block; margin-left: 22px;">subtitles</span>
</span>
</div>
<div class="c-
<div
<label
<div
class="l-col-xs-6">

<output></output>
</div>
</div>
</div>
<div
<label
<div
class="l-col-xs-6">
</label>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-
<span>
<div
class="btn-preview" data-selector=".dates">

</div>
Dates
</span>
</div>
<div class="c-
<div
<label
<div
class="l-col-xs-6">
<input data-prefix="fSizeDate" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
<div
<label
<div
class="l-col-xs-6">
<input id="fStyleDateBoldCheckbox" class="fStyleCheckbox"
type="checkbox" data-prefix="fStyleDate" name="fStyleDate">
<label for="fStyleDateBoldCheckbox">
</label>
</div>
<input id="fStyleDateItalicCheckbox" class="fStyleCheckbox"
type="checkbox" data-prefix="fStyleDate" name="fStyleDate">
<label for="fStyleDateItalicCheckbox">
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-
<span>
<div
class="btn-preview" data-selector=".descRating">

</div>
Skill
descriptions
</span>
</div>
<div class="c-
<div
<label
<div
class="l-col-xs-6">
<input data-prefix="fSizeSkillDesc" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
<div
<label
<div
class="l-col-xs-6">
<input id="fStyleSkillDescBoldCheckbox" class="fStyleCheckbox"
type="checkbox" data-prefix="fStyleSkillDesc" name="fStyleSkillDesc">
<label for="fStyleSkillDescBoldCheckbox">
</label>
</div>
<input id="fStyleSkillDescItalicCheckbox" class="fStyleCheckbox"
type="checkbox" data-prefix="fStyleSkillDesc" name="fStyleSkillDesc">
<label for="fStyleSkillDescItalicCheckbox">
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
settings__head">
Header/Footer
</div>
settings__body">
settings__body-in">
<span>Header</span>
</div>
<div class="c-preview-settings__fields">
<div class="c-
<label
class="l-col-xs-8">Display header</label>
<div
class="l-col-xs-4">
<span class="c-toggle-switch c-toggle-switch--two-values header-selector-

display">
<input data-prefix="headerDisplay" name="headerDisplay"
class="settingSelect" type="checkbox" id="headerToggleSwitchAdvanced"/>
<label for="headerToggleSwitchAdvanced">
no="No"></span>
</label>
</span>
</div>
</div>
<div class="c-
<label
<div
class="l-col-xs-6">
<div
<input data-prefix="fSizeHeader" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Text align</label>
<div
class="l-col-xs-6">
<div
<select class="form__input form__input--md settingSelect" data-

prefix="headerTextAlign">
<option value="" selected>Left</option>
<option value="Center">Center</option>
<option value="Right">Right</option>
<option value="Justify">Justify</option>
</select>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Padding</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="headerPadding" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
</div>
<span>Footer</span>
</div>
settings__fields">
<div class="c-
<label
class="l-col-xs-8">
Display footer
</label>
<div
class="l-col-xs-4">
<span class="c-toggle-switch c-toggle-switch--two-values footer-selector-

display">
<input data-prefix="footerDisplay" name="footerDisplay"
class="settingSelect" type="checkbox" id="footerToggleSwitchAdvanced"/>
<label for="footerToggleSwitchAdvanced">
no="No"></span>
</label>
</span>
</div>
</div>
<div class="c-
<label
<div
class="l-col-xs-6">
<div
<input data-prefix="fSizeFooter" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
<div class="c-
<label
<div
class="l-col-xs-6">
<div

prefix="footerTextAlign">
<option value="" selected>Left</option>
<option value="Justify">Justify</option>
</select>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Padding</label>
<div
class="l-col-xs-6">
<div
<input data-prefix="footerPadding" class="o-range o-range--setting

<output></output>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
settings__head">Page numbers<i class="fa fa-angle-right" aria-hidden="true"></i>
</div>
settings__body">
settings__body-in">
settings__fields">
<div class="c-
<label
class="l-col-xs-8">Display page numbers</label>
<div
class="l-col-xs-4">

selector-display">
<input data-prefix="pageNumberDisplay" name="pageNumberDisplay"
class="settingSelect" type="checkbox" id="pageNumberDisplayToggleSwitchAdvanced"/>
<label for="pageNumberDisplayToggleSwitchAdvanced">
no="No"></span>
</label>
</span>
</div>
</div>
<div class="c-
<label
<div
class="l-col-xs-6">
<div

prefix="pageNumberAlign">
<option value="Left" selected>Left</option>
</select>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-6">Placement</label>
<div
class="l-col-xs-6">

selector-placement">
<input data-prefix="pageNumberPlacement" class="settingSelect"
type="checkbox" id="pageNumberPlacementToggleSwitch" name="pageNumberPlacement"
default="checked"/>
<label for="pageNumberPlacementToggleSwitch">
<span class="c-toggle-switch--two-values__inner" no="Header"
yes="Footer"></span>
</label>
</span>
</div>
</div>
<div class="c-
<label
<div
class="l-col-xs-6">
<div

prefix="pageNumberStyle">
<option value="BorderedCircle" selected>In bordered circle</option>
<option value="Clean">Clean</option>
<option value="Circle">In circle</option>
<option value="Square">In square</option>
<option value="BorderedSquare">In bordered square</option>
</select>
</div>
</div>
</div>
<div class="c-
<label
class="l-col-xs-8">Display total count</label>
<div
class="l-col-xs-4">

selector-totalcount">
<input data-prefix="pageNumberTotal" name="pageNumberTotal"
class="settingSelect" type="checkbox" id="pageNumberTotalToggleSwitch"/>
<label for="pageNumberTotalToggleSwitch">
no="No"></span>
</label>
</span>
</div>
</div>
<div class="c-
<label
class="l-col-xs-8">Align with page</label>
<div
class="l-col-xs-4">

selector-alignwithpage">
<input data-prefix="pageNumberWithPage" class="settingSelect"
type="checkbox" id="pageNumberWithPageToggleSwitch" name="pageNumberWithPage" />
<label for="pageNumberWithPageToggleSwitch">
<span class="c-toggle-switch--two-values__inner" no="No"
yes="Yes"></span>
</label>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-arrow bounce">
<i class="eo eo-fast-forward-thin"></i>
</div>
<div class="navbar-arrow-shadow"></div>
</div>
</div>
</div>
</div>
<div class="l-sidebar l-sidebar--manage l-col">

<div class="l-sidebar__mobile">
<span class="l-sidebar__mobile-label">Show menu</span>
<span class="l-sidebar__mobile-icon"><i class="eo eo-fast-forward-
thin"></i></span>
</div>
<div id="resetLayoutBtn" class="o-button" data-modal-title="Reset
layout" data-modal-msg="Your document's layout will be reset. Are you sure you want
to continue?">Restore section layout
</div>
</div>
<div class="l-sidebar__body l-sidebar__body--simplebar"

id="manageSettingsContent">
<div class="l-sidebar__section">
<div class="l-sidebar__heading o-heading">
<span class="o-heading__label">Add/remove
sections</span>
</div>
<div class="l-sidebar__navigation c-navigation">
<ul id="manageList" class="l-sidebar__navigation-list
c-navigation__list">

data-section="personal" >
<span class="l-sidebar__navigation-title c-navigation__title">Personal
info</span>
data-icon="icoPersonal"
></span>
</li>

data-section="summary" >
navigation__title">Summary</span>
data-icon="icoSummary"
></span>
<div class="l-sidebar__navigation-buttons
c-navigation__buttons">
<span class="l-sidebar__navigation-button c-
navigation__button has-item-inactive o-button manageAddSection">Add</span>
<span class="l-sidebar__navigation-button c-navigation__button
o-button manageRemoveSection">Remove</span>
</div>
</li>

data-section="experience" >
navigation__title">Experience</span>
data-icon="icoExperience"
></span>
</div>
</li>

data-section="education" >
navigation__title">Education</span>
data-icon="icoEducation"
></span>
</div>
</li>

data-section="skills" >
navigation__title">Skills</span>
data-icon="icoSkills"
></span>
</div>
</li>

data-section="languages" >
navigation__title">Languages</span>
data-icon="icoLanguages"
></span>
</div>
</li>

data-section="interests" >
navigation__title">Interests</span>
data-icon="icoInterests"
></span>
</div>
</li>

data-section="certificates" >
navigation__title">Certificates</span>
data-icon="icoCertificates"
></span>
</div>
</li>

data-section="conferences" >
navigation__title">Conferences</span>
data-icon="icoConferences"
></span>
</div>
</li>
data-section="courses" >
navigation__title">Courses</span>
data-icon="icoCourses"
></span>
</div>
</li>

data-section="publications" >
navigation__title">Publications</span>
data-icon="icoPublications"
></span>
</div>
</li>

data-section="references" >
navigation__title">References</span>
data-icon="icoReferences"
></span>
</div>
</li>

data-section="software" >
navigation__title">Software</span>
data-icon="icoSoftware"
></span>
</div>
</li>

data-section="licenses" >
navigation__title">Licenses</span>
data-icon="icoLicenses"
></span>
</div>
</li>

data-section="clause" >
navigation__title">Clause</span>
data-icon="icoClause"
></span>
</div>
</li>

data-section="activities" >
navigation__title">Additional Activities</span>
data-icon="icoActivities"
></span>
</div>
</li>

data-section="header" >
navigation__title">Header</span>
data-icon="icoHeader"
></span>
</div>
</li>

data-section="footer" >
navigation__title">Footer</span>
data-icon="icoFooter"
></span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="l-content l-col">

<div class="l-content__in">
<div id="sectionsContent">
<div class="section-content section-content--cv section-content--gallery"

style="display: none"
data-section="template">
<div class="c-tabs c-tabs--center c-tabs--mb-30">
<ul class="c-tabs__list c-tabs__list--border">
<li class="c-tabs__item c-tabs__item--border js-tabs-click is-active"
data-tab-content="theme" data-tab-pane="all">Premium (All)</li>
<li class="c-tabs__item c-tabs__item--border js-tabs-click"
data-tab-content="theme" data-tab-pane="start">Start</li>
</ul>
</div>
<div data-tab-content="theme" class="c-tab-content">
<div data-tab-pane="premium"
class="c-tab-content__pane is-active">
<div class="c-tab-content__head">Premium <span
class="c-tab-content__head-subtitle">If you want to
change the template color, <a class="template-buttons-color-set">go
here</a>.</span>
</div>
<div class="c-tab-content__body">
<div class="row template-list"
id="creatorTemplatesPremium">
<div class="template-out templateItem col-lg-3 col-md-4 col-sm-6 col-12 mb-2">

<div class="template template-preload "
data-template-id="3"
data-image-zoom="//cdn-
images.zety.com/templates/zety/cascade-3-duo-blue-navy-21.png"
data-image-description="Cascade |
Available in:
<span
class="label label--plan label--premium">Premium</span>">
<img data-original="//cdn-
images.zety.com/templates/zety/thumbs/cascade-3-duo-blue-navy-21.png"
alt="Cascade"/>
<div class="template-mask">
<div class="template-mask-desc"
style="height: 83px;">
<h3 class="bold">Cascade</h3>
<div class="template-plans">
Available in:
<span class="label label--plan label--premium">Premium</span>
</div>
<div class="template-choose">Use
this template</div>
<div class="template-buttons-color-
set">
<button class="btn btn-line
btn-white btn-sm"
title="Cascade">Change
color</button>
</div>
<i class="eo eo-check"></i>
</div>
<div class="template-buttons">
<a class="btn btn-line btn-white
btn-sm"
title="Cascade"><i class="fa fa-
search-plus"
aria-hidden="true"></i> Zoom in
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/crisp-15-classic-silver-dark-388.png"
data-image-description="Crisp | Available
in:
<span
images.zety.com/templates/zety/thumbs/crisp-15-classic-silver-dark-388.png"
alt="Crisp"/>
<h3 class="bold">Crisp</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Crisp">Change
color</button>
</div>
</div>
btn-sm"
title="Crisp"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>
images.zety.com/templates/zety/muse-2-classic-blue-navy-172.png"
data-image-description="Muse | Available
in:
<span
images.zety.com/templates/zety/thumbs/muse-2-classic-blue-navy-172.png"
alt="Muse"/>
<h3 class="bold">Muse</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Muse">Change
color</button>
</div>
</div>
btn-sm"
title="Muse"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/modern-57-classic-blue-navy-3568.png"
data-image-description="Modern | Available
in:
<span
images.zety.com/templates/zety/thumbs/modern-57-classic-blue-navy-3568.png"
alt="Modern"/>
<h3 class="bold">Modern</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Modern">Change
color</button>
</div>
</div>
btn-sm"
title="Modern"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/cubic-20-trio-silver-dark-19.png"
data-image-description="Cubic | Available
in:
<span
images.zety.com/templates/zety/thumbs/cubic-20-trio-silver-dark-19.png"
alt="Cubic"/>
<h3 class="bold">Cubic</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Cubic">Change
color</button>
</div>
</div>
btn-sm"
title="Cubic"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/concept-10-classic-blue-navy-312.png"
data-image-description="Concept |
Available in:
<span
images.zety.com/templates/zety/thumbs/concept-10-classic-blue-navy-312.png"
alt="Concept"/>
<h3 class="bold">Concept</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Concept">Change
color</button>
</div>
</div>
btn-sm"
title="Concept"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/vibes-19-classic-blue-navy-452.png"
data-image-description="Vibes | Available
in:
<span
images.zety.com/templates/zety/thumbs/vibes-19-classic-blue-navy-452.png"
alt="Vibes"/>
<h3 class="bold">Vibes</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Vibes">Change
color</button>
</div>
</div>
btn-sm"
title="Vibes"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/simple-1-classic-blue-navy-144.png"
data-image-description="Simple | Available
in:
<span
images.zety.com/templates/zety/thumbs/simple-1-classic-blue-navy-144.png"
alt="Simple"/>
<h3 class="bold">Simple</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Simple">Change
color</button>
</div>
</div>
btn-sm"
title="Simple"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/influx-8-duo-silver-dark-971.png"
data-image-description="Influx | Available
in:
<span
images.zety.com/templates/zety/thumbs/influx-8-duo-silver-dark-971.png"
alt="Influx"/>
<h3 class="bold">Influx</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Influx">Change
color</button>
</div>
</div>
btn-sm"
title="Influx"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/diamond-21-duo-silver-dark-999.png"
data-image-description="Diamond |
Available in:
<span
images.zety.com/templates/zety/thumbs/diamond-21-duo-silver-dark-999.png"
alt="Diamond"/>
<h3 class="bold">Diamond</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Diamond">Change
color</button>
</div>
</div>
btn-sm"
title="Diamond"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

<div class="template template-preload active "
images.zety.com/templates/zety/initials-5-classic-blue-navy-228.png"
data-image-description="Initials |
Available in:
<span
images.zety.com/templates/zety/thumbs/initials-5-classic-blue-navy-228.png"
alt="Initials"/>
<h3 class="bold">Initials</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Initials">Change
color</button>
</div>
</div>
btn-sm"
title="Initials"><i class="fa
fa-search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/newcast-14-classic-blue-navy-368.png"
data-image-description="Newcast |
Available in:
<span
images.zety.com/templates/zety/thumbs/newcast-14-classic-blue-navy-368.png"
alt="Newcast"/>
<h3 class="bold">Newcast</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Newcast">Change
color</button>
</div>
</div>
btn-sm"
title="Newcast"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/iconic-9-classic-silver-dark-276.png"
data-image-description="Iconic | Available
in:
<span
images.zety.com/templates/zety/thumbs/iconic-9-classic-silver-dark-276.png"
alt="Iconic"/>
<h3 class="bold">Iconic</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Iconic">Change
color</button>
</div>
</div>
btn-sm"
title="Iconic"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/enfold-18-duo-blue-navy-1165.png"
data-image-description="Enfold | Available
in:
<span
images.zety.com/templates/zety/thumbs/enfold-18-duo-blue-navy-1165.png"
alt="Enfold"/>
<h3 class="bold">Enfold</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Enfold">Change
color</button>
</div>
</div>
btn-sm"
title="Enfold"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-tab-pane="start"
class="c-tab-content__pane ">
<div class="c-tab-content__head">Start <span
class="c-tab-content__head-subtitle">If you want to
change the template color, <a class="template-buttons-color-set">go
here</a>.</span>
</div>
<div class="c-tab-content__body">
<div class="row template-list" id="creatorTemplatesStart">

images.zety.com/templates/zety/valera-11-classic-silver-dark-332.png"
data-image-description="Valera | Available
in:
<span
class="label label--plan label--premium">Premium</span> <span
class="label label--plan label--start">Start</span>">
images.zety.com/templates/zety/thumbs/valera-11-classic-silver-dark-332.png"
alt="Valera"/>
<h3 class="bold">Valera</h3>
Available in:
<span class="label label--plan label--start">Start</span>
</div>
this template</div>
set">
btn-white btn-sm"
title="Valera">Change
color</button>
</div>
</div>
btn-sm"
title="Valera"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/primo-6-classic-silver-dark-248.png"
data-image-description="Primo | Available
in:
<span
images.zety.com/templates/zety/thumbs/primo-6-classic-silver-dark-248.png"
alt="Primo"/>
<h3 class="bold">Primo</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Primo">Change
color</button>
</div>
</div>
btn-sm"
title="Primo"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/minimo-4-classic-blue-navy-200.png"
data-image-description="Minimo | Available
in:
<span
images.zety.com/templates/zety/thumbs/minimo-4-classic-blue-navy-200.png"
alt="Minimo"/>
<h3 class="bold">Minimo</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Minimo">Change
color</button>
</div>
</div>
btn-sm"
title="Minimo"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>

images.zety.com/templates/zety/nanica-16-classic-silver-dark-416.png"
data-image-description="Nanica | Available
in:
<span
images.zety.com/templates/zety/thumbs/nanica-16-classic-silver-dark-416.png"
alt="Nanica"/>
<h3 class="bold">Nanica</h3>
Available in:
</div>
this template</div>
set">
btn-white btn-sm"
title="Nanica">Change
color</button>
</div>
</div>
btn-sm"
title="Nanica"><i class="fa fa-
search-plus"
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-content" style="display: none" data-section="experience">
<div class="c-panel-tip">
<div class="c-panel-tip__icon">
<span data-ico="other"></span>
</div>
<div class="c-panel-tip__heading">
<span> Experience
</span>
<div class="pull-right">
<div class="btn btn-xxs btn-line sectionEdit">Edit title</div>
</div>
</div>
<div class="c-panel-tip__body">
<div class="c-panel-tip__body-left-label c-panel-tip__body-left-label--zety
">
<div class="c-panel-tip__body-left-label-text">
<i class="fa fa-lightbulb-o body-left-label-
lightbulb"></i>
<span>Tips</span>
<span class='is-hide'>Tips & Examples</span>
</div>
</div>
<div class="c-panel-tip__title">
List your work experience, add different positions you held
and describe your responsibilities. Don't forget to highlight your biggest
achievements!
<br />
<span
class="readMoreTip"><span>See tips & examples</span><span>See l
ess</span></span>
</div>
<div class="c-panel-tip__more">
<div class="l-row">
<div class="l-col-lg-6 l-col-xs-12">
<div class="c-panel-tip__point-title">Use the reverse-chronological
order</div>
<div class="c-panel-tip__point-text">Start with your current position, then
list all the previous positions.</div>
<div class="c-panel-tip__point-title">Use bullet points</div>

<div class="c-panel-tip__point-text">Avoid long descriptions and big blocks
of text. Stick to 6-8 points.</div>
<div class="c-panel-tip__point-title">Add achievements</div>

<div class="c-panel-tip__point-text">Use this formula: <strong>I solved
problem X by implementing action Y resulting in Z.</strong></div>
<div class="c-panel-tip__point-tip right with-frame">
<span>Right</span>
<p>
Negotiated a plan with suppliers that cut office expenses by $5,000
annually.
</p>
</div>
<div class="c-panel-tip__point-title">Add numbers</div>

<div class="c-panel-tip__point-text">Show off your achievements in numbers.
Do not give out sensitive information.</div>
<span>Right</span>
<p>
I increased sales by 20% within 12 months.
</p>
</div>
<div class="c-panel-tip__point-title">Tailor your resume</div>

<div class="c-panel-tip__point-text">Choose your experience to match the
employer's requirements from the job ad. Delete any unnecessary information.</div>
<div class="c-panel-tip__point-title">Action words</div>

<div class="c-panel-tip__point-text">Use <strong>power words instead of
clich�s to</strong> highlight your strengths.</div>
<span>Right</span>
<p>
"organized," "trained," "arranged," or "distributed."
</p>
</div>
</div>
<div class="c-panel-tip__examples">
<div class="example-wrapper">
<div class="c-panel-tip__example">
<div class="c-panel-tip__example-content">
<div class="c-panel-tip__example-pos">Administrative Assistant</div>
<div class="c-panel-tip__example-com">Acme Company</div>
<div class="c-panel-tip__example-date">
<i class="fa fa-calendar" aria-hidden="true"></i>
October 2013 - Present
</div>
<div class="c-panel-tip__example-text">
<div class="c-panel-tip__example-list-title">
Responsibilities
</div>
<div class="c-panel-tip__example-list">
<ul>
<li>Trusted with a $350,000 budget to coordinate
international travel arrangements for executives.</li>
<li>Trained 3 Administrative Assistants in customer
service and other office procedures.</li>
<li>Organized office transition from paper invoices
to Quickbooks and online invoicing.</li>
</ul>
</div>
Achievements
</div>
<ul>
<li>Saved $3,000 a year in office supplies after negotiating
a new deal with our current supplier.</li>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Student</div>
2014 - 2017
</div>
Achievements
</div>
<ul>
<li>Lead debate team to state championship.</li>
<li>Editor-in-chief of university paper.</li>
<li>4.0 GPA.</li>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Middle School English Teacher</div>
<div class="c-panel-tip__example-com">West School District, E.Smith
Intermediate School, 7th grade</div>
August 2013 - May 2016
</div>
Responsibilities
</div>
<ul>
<li>Integrated technology into learning with Smart Boards,
iPads, and computers.</li>
<li>Modified curriculum for an English Language
Learners (ELL) and several Special Education Students in the regular education
classroom by translating the concepts or explaining the concepts in simpler
steps.</li>
</ul>
</div>
Achievements
</div>
<ul>
<li>Increased standardized test score for students in Math
(30%) and Science (24%) by implementing creative coursework into the
curriculum.</li>
<li>Established an extracurricular book club that
resulted in 50+ students joining and reading an average of 15 books a year.</li>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Accountant</div>
June 2013 - April 2016
</div>
Responsibilities
</div>
<ul>
<li>Managed assets, liability, and capital account
entries.</li>
<li>Compiled and analyze account information.</li>
<li>Documented financial transactions and recommend
financial action.</li>
<li>Recommended financial actions and contributed
to 7% greater savings.</li>
</ul>
</div>
Achievements
</div>
<ul>
<li>Balanced a $500,000 budget with regular cost savings of
averaging 10% every year.</li>
<li>Managed a financial team of 5+ employees
responsible for payroll while increasing efficiency in the department by 12%.</li>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-bar">
<div class="c-panel-tip__border-title">
<span class="c-panel-tip__examples-count"></span>
EXAMPLES
</div>
<div class="right">
<button class="btn btn-white tipsExamplePrevBtn" type="button"
name="button" id="prevExample">
<i class="fa fa-chevron-left" aria-hidden="true"></i>
</button>
<button class="btn btn-white tipsExampleNextBtn" type="button"
name="button" id="nextExample">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
</div>
<div class="c-panel-tip__footer">
<div class="c-panel-tip__footer-title">
HIDE TIPS
</div>
</div>
</div>
<div class="section-content__wrapp">
<div class="panel panel--white-line" >
<div class="panel__heading">
Company <span class="panel__num"></span>
<div class="right-wrapper">
<div class="btn btn-circle btn-line btn-xxs btn-grey
upEntry tooltipster" data-tooltipster="Move up">
<i class="fa fa-caret-up" aria-hidden="true"></i>
</div>
<div class="btn btn-circle btn-xxs btn-ns btn-red delEntry tooltipster" data-
tooltipster="Delete">
<i class="fa fa-close" aria-hidden="true"></i>
</div>
<div class="btn btn-circle btn-xxs btn-ns btn-green cloneEntry tooltipster"
data-tooltipster="Add new">
<i class="fa fa-plus" aria-hidden="true"></i>
</div>
<div class="btn btn-circle btn-xxs btn-ns btn-grey js-entry-drag tooltipster"
data-tooltipster="Drag & drop to move">
<i class="fa fa-arrows" aria-hidden="true"></i>
</div>
<div class="btn btn-circle btn-line btn-xxs btn-grey downEntry tooltipster"
data-tooltipster="Move down">
<i class="fa fa-caret-down" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="panel__body">
<div class="form form--labeled form--lowercase form--big-
padding">
<div class="l-row">
<div class="l-col-xxxl-4 l-col-xxl-3 l-
col-sm-6 l-col-xs-12">
<label>Line 1 (e.g.
position)</label>
<div class="textareaMediumEditor"
data-classname="form__input--textarea input-me" data-t="e" data-i="1"
data-pt=""
></div>
</div>
<label>Line 2 (e.g. company,
department)</label>
data-pt=""
></div>
</div>
<label>Date from</label>
<span class="form__icon-selector
form__icon-selector--md"><i class="fa fa-calendar"></i></span>
<div class="form__date">
<span class="form__date-
break"></span>
<select
class="form__input form__input--md select-year selectdate">
<option value="" hidden>YYYY</option>

<option value="">YYYY (leave empty)
</option>
<option value="2024">2024</option>
</select>
<span
class="form__select-arrow"></span>
</div>
<select
class="form__input form__input--md select-month selectdate">
<option
value="" hidden>MM</option>
<option value="">MM (leave empty)</option>
<option value="01">01 - Jan</option>
<option value="02">02 - Feb</option>
<option value="03">03 - Mar</option>
<option value="04">04 - Apr</option>
<option value="05">05 - May</option>
<option value="06">06 - Jun</option>
<option value="07">07 - Jul</option>
<option value="08">08 - Aug</option>
<option value="09">09 - Sep</option>
<option value="10">10 - Oct</option>
<option value="11">11 - Nov</option>
<option value="12">12 - Dec</option>
</select>
<span
</div>
</div>
<input type="hidden"
class="form__input form__input--md inputDate" data-t="e" data-i="3" data-
pt="experience"
/>
</div>
<label>Date to <span
class="optional">(optional)</span></label>
break"></span>
<select

</option>
</select>
<span
</div>
<select
<option
</select>
<span
</div>
</div>
class="form__input form__input--md inputDate" placeholder="yyyy-mm" data-
t="e" data-i="4" data-pt="experience"
/>
<div class="checkboxDate">
<label>
<input type="checkbox"
class="datePresent" />
<span
class="dummyLabel">till today</span>
<span
class="dummyCheckbox"></span>
</label>
</div>
</div>
<div class="l-col-xs-12">
<label>Experience</label>
data-classname="textarea-me" data-placeholder="Describe your responsibilities and
achievements. Press the Tips button to see advice from experts." data-
t="e" data-i="5" data-pt=""
></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<button class="btn btn-block btn-line btn-custom-field cloneEntry"><i
class="fa fa-plus" aria-hidden="true"></i> Add new company</button>
</div>
<div class="section-content" style="display: none" data-section="personal">

<div class="section-content__personal">
</div>
<span> Personal Info
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
Fill in only the information you would like to show on your
resume. Leave other fields empty.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-title">Profession</div>
<div class="c-panel-tip__point-text">Add the name of the position for which
you are applying. It will appear under your name giving your resume a personal
touch and showing that you tailored your resume to that position.</div>
<div class="c-panel-tip__point-title">Photo</div>
<div class="c-panel-tip__point-text">If you're adding a photo, make sure it
is taken against a light background. You should be wearing business attire. A
slight smile is acceptable. Do not add informal photos. <br
/><strong>Note:</strong> Adding a photo on a resume is not a common practice in
some countries. If you are applying for a job in the US or the UK, do not add
photos.</div>
</div>
<div class="c-panel-tip__point-title">Contact information</div>
<div class="c-panel-tip__point-text">Include your primary phone number and
email address. You do not need to provide your place of residence if the employer
does not require it.</div>
<span>Right</span>
<p>
j.smith@domain.com
</p>
</div>
<div class="c-panel-tip__point-tip wrong with-frame">
<span>Wrong</span>
<p>
w33df4n@hotmail.com
</p>
</div>
<div class="c-panel-tip__point-title">Social media</div>

<div class="c-panel-tip__point-text">You can add a link to your website as
well as your social media handles. Hint: When you add your LinkedIn profile,
remember to personalize your URL first.</div>
<span>Right</span>
<p>
https://www.linkedin.com/in/name-surname/
</p>
</div>
<span>Wrong</span>
<p>
https://www.linkedin.com/in/name-surname-5x551234/
</p>
</div>
</div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
<div class="section-content__group">
<div class="section-content__group__col section-content__group__col--my-
personal-info">
</div>
</div>
<div class="form form--labeled form--lowercase form--big-padding">
<div class="l-row">
<label>First name</label>
<input type="text" class="form__input form__input--md"
data-t="d" data-i="9" data-pt=""
/>
</div>
<label>Last name</label>
/>
</div>
<label>Profession</label>
/>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="builder__avatar section-content__group__right">
<div class="section-content__group__wrapp">
<div class="builder__avatar__wrapp" data-photo="https://s3.us-east-
1.amazonaws.com/workz-uploads-creator-us-east-01/creator/photos/f37f2ebe-4ee1-4807-
a4b7-1eb1bbde057c.jpg">
<div class="builder__avatar__wrapp__icon"><i class="fa fa-camera" aria-
hidden="true"></i></div>
<div class="builder__avatar__wrapp__content">
<div class="btn btn-sm btn-grey photoAddBtn"><i
class="fa fa-cloud-upload fa-fw"></i> Add photo
</div>
<p>(not recommended in USA, UK, Australia and Canada)</p>
</div>
<div class="builder__avatar__wrapp__loaded">
<div class="btn-photo photoBtnChange"><i
class="fa fa-cloud-upload fa-fw"></i> Change photo
</div>
<div class="btn-photo photoBtnRemove"><i
class="fa fa-times fa-fw"></i> Delete
</div>
</div>
</div>
</div>
</div>
</div>
<div id="personalForm" class="l-row">

<div id="personalFormLeft">
<span>1st column</span>
<span>1st line</span>
<div class="o-button o-button--xs o-button--dark
personalCustomAddBtn" data-column="1">
<div class="o-button__title">Add custom field</div>
</div>
</div>
</div>
<div class="panel__body"> <div class="form form--labeled form--

lowercase form--custom-field form--big-padding">
</div>
</div>
</div></div>
</div>
<div id="personalFormRight">
<span>2nd column</span>
<span>2nd line</span>
<div class="o-button o-button--xs o-button--dark
personalCustomAddBtn" data-column="2">
<div class="o-button__title">Add custom field</div>
</div>
</div>
</div>
<div class="panel__body"> <div class="form form--labeled form--

lowercase form--custom-field form--big-padding">
</div>
</div>
</div></div>
</div>
</div>
<div id="personalAddressFieldTpl" class="hidden">

<div class="form__label"><label data-label=""
data-text="Edit title & icon"
class="entryEditPersonal"></label></div>
<span class="form__icon-selector form__icon-selector--md form__icon-
selector--textarea entryEditPersonal"><i class=""></i></span>
<div class="textareaMediumEditor" data-classname="textarea-me textarea-me--

sm form__input"
data-placeholder="Line 1 e.g.: 100 Main St
Line 2 e.g.: Seattle WA
98104
Line 3 e.g.: USA" data-t="d" data-i="13" data-pt=""
></div>
<div class="bd-icon-content">
<span class="bd-icon bd-icon--default entrySortPersonal tooltipster"
data-tooltipster="Move & change order"><i
class="fa fa-arrows"></i></span>
<span class="bd-icon bd-icon--default entryEditPersonal tooltipster"
data-tooltipster="Edit title & icon"><i
class="fa fa-pencil"></i></span>
<span class="bd-icon bd-icon--default entryDelPersonal tooltipster"
data-tooltipster="Delete"><i
class="fa fa-close"></i></span>
</div>
</div>
<div id="personalCustomFieldTpl" class="hidden">
<div class="form__label"><label data-label=""
data-text="Edit title & icon"
class="entryEditPersonal"></label></div>
<span class="form__icon-selector form__icon-selector--md form__icon-
selector--textarea entryEditPersonal"><i class=""></i></span>
<input type="text" class="form__input form__input--md" data-t="p"

/>
<div class="bd-icon-content">
<span class="bd-icon bd-icon--default entrySortPersonal tooltipster"
data-tooltipster="Move & change order"><i
class="fa fa-arrows"></i></span>
<span class="bd-icon bd-icon--default entryEditPersonal tooltipster"
data-tooltipster="Edit title & icon"><i
class="fa fa-pencil"></i></span>
<span class="bd-icon bd-icon--default entryDelPersonal tooltipster"
data-tooltipster="Delete"><i
class="fa fa-close"></i></span>
</div>
</div>
</div>
</div>
</div>
<div class="section-content" style="display: none" data-section="summary">
</div>
<span> Summary
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
A resume summary is a short, snappy introduction highlighting
your career progress, achievements and skill set.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-title">Start with your
professional title</div>
<div class="c-panel-tip__point-text">Starting a resume summary with your
professional title informs a recruiter that your resume is relevant</div>
<span>Right</span>
<p>
Marketing Manager with 5+ years of experience.
</p>
</div>
<div class="c-panel-tip__point-title">Add two or three

achievements</div>
<div class="c-panel-tip__point-text">Add numbers and details. Focusing on
results allows you to stand out and proves you are the right candidate</div>
<span>Right</span>
<p>
Increased sales by 36% over 6 months.
</p>
</div>
<div class="c-panel-tip__point-title">Tailor it to the job

offer</div>
<div class="c-panel-tip__point-text">Find keywords from the job
description, including skills and adjectives (dedicated, hardworking) and add them
to your resume summary.</div>
<span>Right</span>
<p>
Outgoing and detail-oriented, proficient at building and maintaining
professional relationships.
</p>
</div>
</div>
<div class="c-panel-tip__example-pos">Resume Summary Example for an
Administrative Assistant</div>
<div class="c-panel-tip__example-com">Administrative Assistant with 5
years of experience in juggling the schedule and travel plans of multiple
executives. Adept in handling the busy schedules and travel plans of 3 corporate
executives, while juggling other general office administration duties. Can execute
appointment management, writing corporate emails, and bookkeeping while meeting
deadlines.</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Resume Summary Example for an
Accountant</div>
<div class="c-panel-tip__example-com">Certified Public Accountant
with an MBA and 2+ years of experience in specialized tax services and
bookkeeping. Seeking to leverage my technical and professional expertise to learn
and grow in the new role of Accountant at your company.</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Resume Summary Example for a Civil
Engineer</div>
<div class="c-panel-tip__example-com">Analytical Civil Engineer with
6+ years of experience designing water and earthwork projects. An autonomous worker
committed to providing high quality services. Proficient in AutoCAD and in
possession of a Bachelor�s in Civil Engineering.</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Resume Summary Example for a
Student</div>
<div class="c-panel-tip__example-com">Recent college graduate with 3+
years of experience in food preparation and bartending, and certified in ServSafe.
Communications major seeking to leverage my interpersonal skills to provide a
friendly, and fun atmosphere for the customers.</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Resume Summary for a Teacher</div>
<div class="c-panel-tip__example-com">A passionate Mathematics
teacher with 3+ years of teaching, guidance, and counseling experience. Possess a
strong track record in improving test scores sometimes as high as 45% among
college-prep high school students</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
EXAMPLES
</div>
<div class="right">
</button>
</button>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Summary (optional)
</div>
</div>
<div class="panel__body"> <div class="form form--lowercase

form--big-padding">
<div class="l-row">
<div class="textareaMediumEditor" data-
classname="textarea-me" data-placeholder="Enter your resume summary, profile or
objective." data-t="e" data-i="5" data-pt=""
></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
<div class="section-content" style="display: none" data-section="licenses">

</div>
<span> Licenses
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
Does your job require you to have any licenses? If so don't
forget to add them here.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">Licenses should be
limited to those relevant to the position for which you are applying. Put the most
important at the top of the list.</div>
</div>
<span>Right</span>
<p>
Advanced Cardiac Life Support (ACLS), 2010<br />Advanced Trauma Life
Support (ATLS), 2010
</p>
</div>
</div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
License <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
padding">
<div class="l-row">
<div class="l-col-md-8 l-col-xs-12">
<label>Name</label>
data-pt=""
></div>
</div>
<label>Date</label>
break"></span>
<select
<option value=""
hidden>YYYY</option>
</option>
</select>
<span
</div>
<select
<option value="" hidden>MM</option>
</select>
<span
</div>
</div>
t="e" data-i="3" data-pt="licenses"
>
</div>
</div>
</div>
</div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new license</button>
</div>
<div class="section-content" style="display: none" data-section="education">

</div>
<span> Education
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
Add different schools, colleges, and universities that you
attended. Describe them by adding information about your majors or extracurricular
activities.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">If you have got more
than two years of work experience, the education section should go on the resume
below your experience section. </div>
<div class="c-panel-tip__point-text">Add your field of

study, the name of your university, and the degree you obtained. Do not include
information about secondary education (e.g., high school) unless the school's
profile is strongly related to your profession).</div>
<div class="c-panel-tip__point-text">You can add academic

achievements if you want. These might include an above-average academic record,
scholarships, awards, etc.</div>
</div>
<span>Right</span>
<p>
University of Technology, Anytown, Ca </br>M.A. in Digital Marketing, 2010
</p>
</div>

<span>Wrong</span>
<p>
University of Technology
</p>
</div>
</div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
School <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
padding">
<div class="l-row">
<div class="l-col-xl-6 l-col-sm-12 l-col-
xs-12">
<label>School name, major, minor,
degree</label>
data-pt=""
></div>
</div>
xs-12">
break"></span>
<select
<option value=""
</option>
</select>
<span
</div>
<select
</select>
<span
</div>
</div>
class="form__input form__input--md inputDate" placeholder="yyyy-mm"
data-t="e" data-i="3" data-
pt="education"
>
</div>
xs-12">
break"></span>
<select
<option value=""
</option>
</select>
<span
</div>
<select
</select>
<span
</div>
</div>
class="form__input form__input--md inputDate" placeholder="yyyy-mm"
data-t="e" data-i="4" data-
pt="education"
>
<label>
class="datePresent"/>
<span
<span
</label>
</div>
</div>
<label>Description</label>
data-classname="textarea-me" data-placeholder="Consider adding a coursework
description that describes relevant skills and knowledge that you learned while
studying." data-t="e" data-i="5" data-pt=""
></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new school</button>
</div>
<div class="section-content" style="display: none" data-section="skills">

</div>
<span> Skills
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
Show the recruiter what you can do. Add different skills such as
"Problem solving" or "Microsoft Word" to showcase your abilities.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">Place your skills on the
first page of your resume. Use templates that show them in the side column. <br />
<br /> Match skills to the job, and place the most important skills on the top of
the list. <br /> <br /> Use numbers and facts, for example: <strong>Manage sales
team of 30+ people.</strong> Think about how you can stand out. Instead of writing
<strong>knowledge of MS Excel</strong>, put <strong>advanced knowledge of MS Excel
(macros, pivot tables)</strong>.</div>
<span>Right</span>
<p>
<strong>Computer Skills</strong><br />Advanced knowledge of MS Excel
(macros, pivot tables, data visualization)Proficient in MS Access (creating and
modifying databases, tables, queries and forms; reports)
</p>
</div>
<span>Wrong</span>
<p>
Excel, Access
</p>
</div>
<br />
<div class="c-panel-tip__point-text">Describe a level of your
skill or use a rating. <br />Use this rating if you would like to display your
skill level by using a simple infographic. Rate your skills from 1 to 5.</div>
</div>
<div class="c-panel-tip__example-pos">Salesforce (5 stars)</div>
<div class="c-panel-tip__example-com">Advanced</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Spanish (4 stars)</div>
<div class="c-panel-tip__example-com">Proficient</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Portuguese (5 stars)</div>
<div class="c-panel-tip__example-com">Fluent</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">MS Office - expert knowledge of the
entire suite (5 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">MS Excel (macros, pivot tables,
data visualization) (5 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">MS Word (styles, templates, version
control) (5 stars)</div>
<div class="c-panel-tip__example-com">Excellent</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">MS Access (can create and update
databases and tables, generate reports) Communication Skills (4 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Leadership - managed team of 5 five
agents who generated the most income statewide (4 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Project Management (4 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Time Management (5 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Problem Solving - improved workflow
to increase productivity by 10% (4 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Teamwork - part of sales team who
generated most revenue for the company (5 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Adaptability - worked on a contract
for international companies in the country and abroad (5 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Customer Service (five years of
experience working for a ISO 10001:2007 company)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
EXAMPLES
</div>
<div class="right">
</button>
</button>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Skill <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="starRatingForm" data-firstlabel="Skill,
description (e.g. Editing skills - excellent)" data-starratinglabel="Star rating
<span class='optional'>(optional)</span>" data-desclabel="Rating description (e.g.
Advanced) <span class='optional'>(optional)</span> "></div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new skill</button>
</div>
<div class="section-content" style="display: none" data-section="conferences">

</div>
<span> Conferences
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
Attending conferences can show that you are interested in
your niche. Be sure to include any major conferences you have attended.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">Add conferences and
industry events you attended (esp. If you were a keynote speaker.) <br />Include
only those relevant to the position for which you are applying. <br />Put the most
</div>
<span>Right</span>
<p>
<strong>Conferences Attended</strong><br />National Teacher Association
Summit - July 2016<br />National Council for Early Education - 2011, 2013, 2015
</p>
</div>
</div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Conference <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
padding">
<div class="l-row">
<div class="l-col-md-8 l-col-sm-7 l-col-
xs-12">
<label>Name</label>
data-pt=""
></div>
</div>
xs-12">
<label>Date</label>
break"></span>
<select
<option value=""
</option>
</select>
<span
</div>
<select
</select>
<span
</div>
</div>
t="e" data-i="3" data-pt="conferences"
/>
</div>
</div>
</div>
</div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new conference</button>
</div>
<div class="section-content" style="display: none" data-section="certificates">

</div>
<span> Certificates
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
If you have acquired any certificates, be sure to include them in
this section. They are a great way to build trust in your resume.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">Certificates should be
limited to those relevant to the position for which you are applying. Put the most
</div>
<span>Right</span>
<p>
Cambridge English: Advanced (CAE), 2015<br />Google Certified Associate - G
Suite Administrator, 2016
</p>
</div>
</div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Certificate <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
padding">
<div class="l-row">
xs-12">
data-pt=""
></div>
</div>
xs-12">
<label>Date</label>
break"></span>
<select
<option value=""
</option>
</select>
<span
</div>
<select
</select>
<span
</div>
</div>
t="e" data-i="3" data-pt="certificates"
/>
</div>
</div>
</div>
</div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new certificate</button>
</div>
<div class="section-content" style="display: none" data-section="languages">

</div>
<span> Languages
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
If you know foreign languages, include them in this
section. You can rate them using our star-system or add a short description (eg.
"B2 level" or "fluent").
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">Do not add
foreign languages if you do not know them well enough to communicate.<br />The
rating system is great for showing off your knowledge of languages visually. Rate
them from 1 to 5.<br />You can describe how fluent you are in each language, e.g.,
</div>
<span>Right</span>
<p>
English - native<br />German - intermediate (communicative in writing and
speaking)
</p>
</div>
<span>Wrong</span>
<p>
English, German, Spanish
</p>
</div>
<br />
</div>
<div class="c-panel-tip__example-pos">English - communicative in writing
and in speech; has FCE certificate (4 Stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Spanish (5 Stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Portuguese - second native
language</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
EXAMPLES
</div>
<div class="right">
</button>
</button>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Language <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="starRatingForm" data-firstlabel="Language,
description (e.g. Spanish - Certified)" data-starratinglabel="Star rating <span
class='optional'>(optional)</span>" data-desclabel="Rating description (e.g.
Proficient) <span class='optional'>(optional)</span> "></div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new languages</button>
</div>
<div class="section-content" style="display: none" data-section="interests">

</div>
<span> Interests
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
Showcase your casual side. List your interests and hobbies
to connect with the recruiter.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">If you have
interesting or relevant hobbies, you can add them to your resume.<br /><br />Be
brief. This section must not dominate other sections.</div>
</div>
<span>Right</span>
<p>
Russian literature<br />Backpacking
</p>
</div>

<span>Wrong</span>
<p>
I�m an experienced backpacker who�s travelled from Moscow to Lisbon on an
epic hitch-hiking tour or Europe. In my spare time, I like to read novels written
by Dostoevsky, Gogol, and other Russian writers. I actually read War and Peace on
that road trip. It�s a pretty heavy book but I wouldn�t have survived the journey
without my daily dose of reading.
</p>
</div>
</div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Interest <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
padding">
<div class="l-row">
<label>Interests</label>
data-pt=""
></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new interest</button>
</div>
<div class="section-content" style="display: none" data-section="software">

</div>
<span> Software
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
Knowledge of advanced software is key in some work areas. You can
add software and programming languages to this section.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">Computer skills should be
limited to those relevant to the position for which you are applying. <br />Put the
most important at the top of the list.<br />Describe how good you are at a given
skill or use the rating system.<br />The rating system is great for showing off
your skills visually. Rate your skills from 1 to 5.</div>
<span>Right</span>
<p>
<strong>Computer Skills</strong><br />Advanced knowledge of MS Excel
(macros, pivot tables, data visualization)<br />Proficient in MS Access (creating
and modifying databases, tables, queries and forms; reports)
</p>
</div>
<span>Wrong</span>
<p>
Excel, Access
</p>
</div>
<br />
</div>
<div class="c-panel-tip__example-pos">Salesforce (5 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Spanish (4 stars)</div>
<div class="c-panel-tip__example-com">Proficient</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">Portuguese (5 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">MS Office - expert knowledge of the
entire suite (5 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">MS Excel (macros, pivot tables,
data visualization) (5 stars)</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">MS Word (styles, templates, version
control) (5 stars)</div>
<div class="c-panel-tip__example-com">Excellent</div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
<div class="c-panel-tip__example-pos">MS Access (can create and update
databases and tables, generate reports) </div>
<ul>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
EXAMPLES
</div>
<div class="right">
</button>
</button>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Program <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="starRatingForm" data-firstlabel="Software,
description (e.g. MS Excel - pivot tables)" data-starratinglabel="Star rating <span
class='optional'>(optional)</span>" data-desclabel="Rating description (e.g.
Advanced) <span class='optional'>(optional)</span> "></div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new program</button>
</div>
<div class="section-content" style="display: none" data-section="references">
</div>
<span> References
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
References are a great way to build trust in your resume.
You can include them in this section.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">References give your
experience and achievements credibility.<br />You can add the contact information
of reference persons. You can also add a brief quote.<br />Do not add this
information if you are applying for a job in the US.<br />If you choose to add
references, it is best practice to write the referees up on a separate list.</div>
</div>
<span>Right</span>
<p>
Jane Smith, CEO, MegaStockSales, phone no: 555-555-555-555-, <br
/>jsmith@megastocksales.com
</p>
</div>
</div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Reference <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
padding">
<div class="l-row">
<label>e.g. Name, company,
position, contact data</label>
data-pt=""
></div>
</div>
</div>
</div>
<div class="l-row">
<label>Quote</label>
data-classname="textarea-me" data-t="e" data-i="5" data-pt=""
></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new reference</button>
</div>
<div class="section-content" style="display: none" data-section="publications">

</div>
<span> Publications
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
Do you write about your work? Or maybe your research was
published? If yes, mention them here.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">Add only important
publications.<br />If you are an academic, the list should be limited to a few
major publications.</div>
</div>
<span>Right</span>
<p>
<strong>Books:</strong><br />Smith, J. 2013. Statistics for Beginners.
Oxford: OUP
</p>
</div>

<span>Right</span>
<p>
<strong>Peer-reviewed journal articles</strong><br />Smith, J. 2012. Why
the replication crisis cannot be fixed. Annual Review of Psychological Science 41:
169-85
</p>
</div>
</div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Publication <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
padding">
<div class="l-row">
data-pt=""
></div>
</div>
<label>Date</label>
break"></span>
<select
<option value=""
</option>
</select>
<span
</div>
<select
</select>
<span
</div>
</div>
t="e" data-i="3" data-pt="publications"
>
</div>
</div>
</div>
</div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new publication</button>
</div>
<div class="section-content" style="display: none" data-section="courses">

</div>
<span> Courses
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
Courses show that you have the knowledge to do the job. You
can add them in this section.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">Courses should be
limited to those relevant to the position for which you are applying.<br />Put the
most important at the top of the list.</div>
</div>
<span>Right</span>
<p>
Digital Marketing Workshop (University of Anywhere, Ca)<br />Social
Entrepreneurship Specialization (Copenhagen Business School via Coursera)
</p>
</div>

<span>Wrong</span>
<p>
Digital Marketing Workshop<br />Social Entrepreneurship
Specialization<br />First Aid<br />Scrapbooking Course<br />Overcoming Difficulties
in Marriage and Relationships
</p>
</div>
</div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Course <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
padding">
<div class="l-row">
<div class="l-col-lg-4 l-col-sm-12 l-col-
xs-12">
<label>Name</label>
data-pt=""
></div>
</div>
xs-12">
break"></span>
<select
<option value=""
</option>
<span
</select>
</div>
<select
</select>
<span
</div>
</div>
t="e" data-i="3" data-pt="courses"
/>
</div>
xs-12">
break"></span>
<select
<option value=""
</option>
</select>
<span
</div>
<select
</select>
<span
</div>
</div>
t="e" data-i="4" data-pt="courses"
>
<label>
<span
<span
</label>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new course</button>
</div>
<div class="section-content" style="display: none" data-section="activities">

</div>
<span> Additional Activities
</span>
</div>
</div>
">
lightbulb"></i>
<span>Tips</span>
</div>
</div>
You can use this section for whatever you want! List your
student activities or non-profit work that you have done.
<br />
<span
ess</span></span>
</div>
<div class="l-row">
<div class="c-panel-tip__point-text">Got interesting work
experience as a freelancer or a volunteer? Want to showcase your passion? Talk
about it in this section. <br />Remember that you can change the name of this
section to, e.g., Volunteer Work or Student Activities.</div>
</div>
Volunteer Work
</div>
<ul>
<li>Mentor at Big Brothers Big Sisters of New York City.</li>
<li>Website administrator for local animal
shelter.</li>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
Student Activities
</div>
<ul>
<li>Writer for the University of Anywhere news site.</li>
<li>Captain of chess team.</li>
</ul>
</div>
<ul>
</ul>
</div>
</div>
</div>
EXAMPLES
</div>
<div class="right">
</button>
</button>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
</div>
HIDE TIPS
</div>
</div>
</div>
Activity <span class="panel__num"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
padding">
<div class="l-row">
<label>Line 2 (e.g. company,
organization)</label>
data-pt=""
></div>
</div>
data-pt=""
></div>
</div>
break"></span>
<select

</option>
</select>
<span
</div>
<select
<option
</select>
<span
</div>
</div>
class="form__input form__input--md inputDate" data-t="e" data-i="3" data-
pt="activities"
/>
</div>
break"></span>
<select

</option>
</select>
<span
</div>
<select
<option
</select>
<span
</div>
</div>
t="e" data-i="4" data-pt="activities"
/>
<label>
<span
<span
</label>
</div>
</div>
data-classname="textarea-me" data-t="e" data-i="5" data-pt=""
></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
class="fa fa-plus" aria-hidden="true"></i> Add new activity</button>
</div>
<div class="section-content" style="display: none" data-section="clause">
<span>Text</span>
</div>
</div>
<div class="form form--lowercase form--big-padding">
<div class="l-row">
data-classname="textarea-me"
data-placeholder="Enter your text"
data-t="e" data-i="5" data-pt=""
></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
<div class="section-content" style="display: none" data-section="online">
<div class="panel panel panel--blue">
Online Resume
</div>
<div class="panel__body panel__body--darker-blue">

<div class="desclist">
<ul class="listtable listtable-col-3">
<li>
<div class="desclist__icon desclist__icon--
white"><i class="eo eo-magic-wand"></i></div>
<div class="desclist__text">
<p class="h4 header">Share Your
Resume</p>
<p class="text-5">Send an individual link
to your online resume.</p>
</div>
</li>
<li>
white"><i class="eo eo-paper-plane"></i></div>
<p class="h4 header">Send Your Resume
(Premium Only)</p>
<p class="text-5">Employers can view and
download your resume.</p>
</div>
</li>
<li>
white"><i class="eo eo-connection-serie"></i></div>
<p class="h4 header">Track Your Resume
(Premium Only)</p>
<p class="text-5">Track how many
employers view and download your resume.</p>
</div>
</li>
</ul>
</div>
</div>
<div class="panel__body panel__body--big">

<div class="resonl" id="resumeOnline">
<span class="resonlText">
<span class="resonl__label resonlTextOff"
style="display:none">Activate your online resume</span>
<span class="resonl__label resonlTextOn"
style="display:none">Deactivate your online resume</span>
</span>
<div class="switch switch--builder">

<input type="checkbox" id="resonlCheck">
<label for="resonlCheck"></label>
</div>
<div class="resonl__box mb-3">

<div class="no-space">
<span class="resonl__www input-
lg">https://zety.com/mycv/</span>
<div class="resonl__input-wrapp">
<span class="resonl__clipboard" data-
copy-modal-title="Link has been copied" data-copy-modal-msg="The text is in the
clipboard, try to paste it!">Copy URL to clipboard</span>
<input placeholder="ex. type your name
here" data-copy="text" class="resonl__name input-lg onlineUrl" value="" />
</div>
<div class="resonl__button btn btn-green btn-lg
btn-ns onlinePreview"><i class="eo eo-search"></i> Preview</div>
</div>
</div>
<div class="resonl__save">
<button type="button" class="btn btn-red btn-lg btn-
ns onlineSave"><i class="eo eo-floppy"></i> Save</button>
</div>
</div>
</div>
</div>
<input id="onlineDummy" name="" value="" />

</div>
<div class="section-content" style="display: none" data-section="manage">

<div class="c-document c-document--manage" id="manageDocument">
<div class="c-document__content" id="manageDocumentContent">
</div>
</div>
</div>
</div>
<div class="section-content" style="display: none" data-section="settings">
<div class="section-content__group__col">

Settings
</div>
</div>
<div class="panel__body"></div></div>

Font
</div>
</div>
<div class="panel__body"> <div class="form form--

labeled form--lowercase form--big-padding">
<div class="l-row">
<div class="l-col-sm-6 l-col-xs-
12">
<label>Font size</label>
<span
</div>
</div>
12">
<select
class="form__input form__input--md settingSelect settingSelectFontSize" data-
prefix="fSizeText">
<option value="-5" >
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
<option value="0" selected>
default
</option>
<option value="+1" >
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
</div>
</div>
</div>
</div></div>

Date format
</div>
</div>

<div class="l-row">
12">
<label>Date format</label>
<select
class="form__input form__input--md dateSelect" data-t="d" data-i="19" data-
pt=""
>
<option
value="Y-m">Y-m (2010-01)</option>
<option value="Y.m">Y.m (2010.01)</option>
<option value="Y/m">Y/m (2010/01)</option>
<option value="m-Y">m-Y (01-2010)</option>
<option value="m.Y">m.Y (01.2010)</option>
<option value="m/Y">m/Y (01/2010)</option>
<option value="M Y">M Y (Jan 2010)</option>
</select>
<span
</div>
</div>
12">
<label>Birthdate
format</label>
<select
class="form__input form__input--md dateSelect" data-t="d" data-i="20" data-
pt=""
>
<option
value="Y-m-d">Y-m-d (1980-01-20)</option>
<option value="Y.m.d">Y.m.d (1980.01.20)</option>
<option value="Y/m/d">Y/m/d (1980/01/20)</option>
<option value="d-m-Y">d-m-Y (20-01-1980)</option>
<option value="d.m.Y">d.m.Y (20.01.1980)</option>
<option value="d/m/Y">d/m/Y (20/01/1980)</option>
<option value="j M Y">j M Y (20 Jan 1980)</option>
<option value="j F Y">j F Y (20 January 1980)</option>
<option value="m-d-Y">m-d-Y (01-20-1980)</option>
<option value="m.d.Y">m.d.Y (01.20.1980)</option>
<option value="m/d/Y">m/d/Y (01/20/1980)</option>
<option value="F j, Y">F j, Y (January 20, 1980)</option>
</select>
<span
</div>
</div>
</div>
</div>
</div>
</div></div>

Name
</div>
</div>

<div class="l-row">
12">
<span
</div>
</div>
12">
<select
prefix="fSizeH1">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
12">
<label>Line break after first
name</label>
<select
class="form__input form__input--md settingSelect" data-prefix="secTypeName">
<option value="" selected>No</option>
<option value="Block" >Yes</option>
</select>
<span
</div>
</div>
</div>
</div>
<div class="l-row">
12">
<label>First name
style</label>
<select
class="form__input form__input--md settingSelect" data-prefix="fStyleH1">
<option value="">normal</option>
<option value="Bold" class="optBold">bold</option>
<option value="Italic" class="optItalic">italic</option>
<option value="BoldItalic" class="optBoldItalic">bold & italic</option>
</select>
<span
</div>
</div>
12">
<label>Last name
style</label>
<select
class="form__input form__input--md settingSelect" data-prefix="fStyleH1Last">
</select>
<span
</div>
</div>
</div>
</div>
</div>
</div></div>

Profession
</div>
</div>

<div class="l-row">
12">
<select
prefix="fSizeH2">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
12">
<label>Style</label>
<select
</select>
<span
</div>
</div>
</div>
</div>
</div>
</div></div>

Section titles
</div>
</div>

<div class="l-row">
12">
<span
</div>
</div>
12">
<select
prefix="fSizeH3">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
12">
<select
</select>
<span
</div>
</div>
</div>
</div>
</div>
</div></div>

Entry titles
</div>
</div>

<div class="l-row">
12">
<select
prefix="fSizeH4">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
12">
<select
</select>
<span
</div>
</div>
</div>
<div class="l-row">
12">
<label>Date font size</label>
<select
prefix="fSizeDate">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
12">
<label>Date style</label>
<select
class="form__input form__input--md settingSelect" data-prefix="fStyleDate">
</select>
<span
</div>
</div>
</div>
<div class="l-row">
12">
<label>Skill description font
size</label>
<select
prefix="fSizeSkillDesc">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
12">
<label>Skill description
style</label>
<select
class="form__input form__input--md settingSelect" data-prefix="fStyleSkillDesc">
</select>
<span
</div>
</div>
</div>
<div class="l-row">
12">
<label>Personal info title
font size</label>
<select
prefix="fSizePersonalTitle">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
12">
<label>Personal info title
style</label>
<select
class="form__input form__input--md settingSelect" data-
prefix="fStylePersonalTitle">
</select>
<span
</div>
</div>
</div>
<div class="l-row">
12">
<label>Personal info text
font size</label>
<select
prefix="fSizePersonalText">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
12">
<label>Personal info text
style</label>
<select
class="form__input form__input--md settingSelect" data-prefix="fStylePersonalText">
</select>
<span
</div>
</div>
</div>
</div>
</div>
</div></div>

School/Company name
</div>
</div>
<div class="panel__body"> <div class="form

form--labeled form--lowercase form--big-padding">
<div class="l-row">
<div class="l-col-sm-6 l-col-
xs-12">
<div
<select
prefix="fSizeH5">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
xs-12">
<div
<select
</select>
<span
</div>
` </div>
</div>
</div>
</div>
</div></div>
Experience and Additional
Activities subtitle
</div>
</div>
<div class="panel__body"> <div class="form

form--labeled form--lowercase form--big-padding">
<div class="l-row">
xs-12">
<div
<select
prefix="fSizeH6">
-5 </option>
-4 </option>
-3 </option>
-2 </option>
-1 </option>
default
</option>
+1 </option>
+2 </option>
+3 </option>
+4 </option>
+5 </option>
</select>
<span
</div>
</div>
xs-12">
<div
<select
</select>
<span
</div>
</div>
</div>
</div>
</div>
</div></div>

Document
</div>
</div>

<div class="l-row">
12">
<label>Page padding
top</label>
<select
class="form__input form__input--md settingSelect" data-prefix="pagePaddingTop">
<option value="" selected>0</option>
</select>
<span
</div>
</div>
12">
<label>Page padding
bottom</label>
<select
class="form__input form__input--md settingSelect" data-prefix="pagePaddingBottom">
</select>
<span
</div>
</div>
12">
<label>Page padding
left</label>
<select
class="form__input form__input--md settingSelect" data-prefix="pagePaddingLeft">
</select>
<span
</div>
</div>
12">
<label>Page padding
right</label>
<select
class="form__input form__input--md settingSelect" data-prefix="pagePaddingRight">
</select>
<span
</div>
</div>
</div>
</div>
<div class="l-row">
12">
<label>Column spacing</label>
<select
class="form__input form__input--md settingSelect" data-prefix="colSpace">
</select>
<span
</div>
</div>
12">
<label>Section
spacing</label>
<select
class="form__input form__input--md settingSelect" data-prefix="secSpace">
</select>
<span
</div>
</div>
</div>
</div>
</div>
</div></div>

Page numbers
</div>
</div>

<div class="l-row">
12">
<label>Display page
numbers</label>
<span
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
<div id="previewAndCustomize" class="section-content" style="display: none" data-

section="preview">
<div id="previewTplContainer" style="display: none;"></div>
<div class="c-document" id="creatorContainer">

<div class="c-document__content" id="creatorContent"></div>
</div>
</div>
<div class="previewBottomMenu">
<div class="l-row">
<div class="previewZoom l-row">
<div class="circle-icon" id="zoomOutIcon">
<div class="circle-icon-content">
-
</div>
</div>
</div>
<div class="tooltip" id="previewZoom" title="Zoom in or zoom
out resume preview.">
<input type="range" class="o-range o-range--zoom" min="10"
max="100" step="5" value="100"/>
</div>
</div>
<div class="circle-icon" id="zoomInIcon">
<div class="circle-icon-content">
+
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-content" style="display: none" data-section="header">
Header
</div>
</div>
<div class="form form--lowercase form--big-padding">
<div class="l-row">
data-classname="textarea-me" data-placeholder="Enter your header content."
></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
<div class="section-content" style="display: none" data-section="footer">

<span>Footer</span>
</div>
</div>

lowercase form--big-padding">
<div class="l-row">
data-classname="textarea-me" data-placeholder="Enter your footer content."
></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
</div>
</div>
<div class="saving-popup">
<div class="circle-loader">
<div class="circle-loader-checkmark draw"></div>
</div>
<div class="loader-message"></div>
</div>
<div class="l-footer__btn">
<div class="btn btn-md btn-blue btn-line previewButton">
<i class="eo eo-search"></i>
<span>Preview</span>
</div>
<div class="btn btn-md btn-blue prevSectionButton">

<i class="eo eo-left-arrow"></i>
<span>Prev</span>
</div>
<div class="btn btn-md btn-blue nextSectionButton">

<span>Next</span>
<i class="eo eo-right-arrow"></i>
</div>
<div class="btn btn-md btn-blue goToEditorButton">

<span>Go To Editor</span>
</div>
<div class="btn btn-md btn-blue goToPreviewButton">

<span>Preview Your Resume</span>
</div>
<div class="btn btn-md btn-green downloadPdf">

<i class="fa fa-cloud-download fa-fw"></i>
<span>Download</span>
</div>
<div class="btn btn-md btn-red backToEditorButton js-close-sidebar--

trigger">
<span class="backToEditorButton--tooltip">
Want to edit your resume?
</span>
<i class="eo eo-left-arrow"></i>
<span>Back to Editor</span>
</div>
</div>
<div id="processingScreenPartial" class="processing-screen">

<div class="processing-screen__spinner">
</div>
<div class="processing-screen__text">
Processing...<br/>
please wait.
</div>
</div>
</div>
<script>
var BuilderAttributes = {
id: 'f37f2ebe-4ee1-4807-a4b7-1eb1bbde057c',
cdnDomain: '//cdn-assets.zety.com',
cdnImagesDomain: '//cdn-assets.zety.com',
version: ''
},
Translations = [
{
January: 'January',
February: 'February',
March: 'March',
April: 'April',
May: 'May',
June: 'June',
July: 'July',
August: 'August',
September: 'September',
October: 'October',
November: 'November',
December: 'December',
cv: 'Resume',
cl: 'Cover Letter',
// Medium editor
anchor: 'Insert link',
bold: 'Bold',
italic: 'Italic',
underline: 'Underline',
unorderedlist: 'Bulleted list',
new_line: 'Insert new line',
justifyLeft: 'Left align',
justifyCenter: 'Center',
justifyRight: 'Right align',
justifyFull: 'Justify',
anchor_placeholder: 'Enter url...',
// Sections
experience: 'Experience',
education: 'Education',
skills: 'Skills',
languages: 'Languages',
interests: 'Interests',
certificates: 'Certificates',
conferences: 'Conferences',
courses: 'Courses',
publications: 'Publications',
references: 'References',
software: 'Software',
licenses: 'Licenses',
activities: 'Additional Activities',
summary: 'Summary',
clause: 'Data protection clause',
personal: 'Personal Info',
basic: 'Name and position',
photo: 'Photo',
// Personal data
gender: 'Gender',
birthday: 'Date of birth',
birthplace: 'Place of birth',
email: 'E-mail',
phone: 'Phone',
address: 'Address',
zip_code: 'ZIP code',
city: 'City',
country: 'Country',
nationality: 'Citizenship',
marital: 'Marital status',
website: 'WWW',
Optional: 'Optional',
// Social media
social_media: 'Social media',
linkedin: 'LinkedIn',
goldenline: 'Goldenline',
twitter: 'Twitter',
// Sections variables
present: 'present',
// Clause
clause_text: 'I hereby give consent for my personal data to be processed by
[company�s name] for the purpose of conducting recruitment for the position for
which I am applying.'
}
, {"cv":"Resume","cl":"Cover
Letter","experience":"Experience","education":"Education","skills":"Skills","langua
ges":"Languages","interests":"Interests","certificates":"Certificates","conferences
":"Conferences","courses":"Courses","publications":"Publications","references":"Ref
erences","software":"Software","licenses":"Licenses","activities":"Additional
Activities","summary":"Summary","clause":"Data Protection
Clause","text":"Text","header":"Header","footer":"Footer","personal":"Personal
Info","optional":"optional","gender":"Gender","birthday":"Date of
birth","birthplace":"Place of birth","email":"E-
mail","phone":"Phone","address":"Address","zip_code":"ZIP
code","city":"City","country":"Country","nationality":"Citizenship","marital":"Mari
tal status","website":"WWW","social_media":"Social
media","linkedin":"LinkedIn","goldenline":"Goldenline","twitter":"Twitter","present
":"present","clause_text":"I hereby give consent for my personal data to be
processed by [company\u2019s name] for the purpose of conducting recruitment for
the position for which I am
applying.","letter":"letter","January":"January","February":"February","March":"Mar
ch","April":"April","May":"May","June":"June","July":"July","August":"August","Sept
ember":"September","October":"October","November":"November","December":"December",
"Curriculum Vitae":"Resume","Cover letter":"Cover Letter"} ];
TourAttributes = {
type: 'creator'
};
</script>
<script>
var Announcements = [],
Modals = [],
modalAppear = true,
AppEnv = 'production';
</script>
<script type="text/javascript">window.NREUM||
(NREUM={});NREUM.info={"beacon":"bam.nr-
data.net","licenseKey":"e3b206154e","applicationID":"98516586,92799281,46924997","t
ransactionName":"YgNUZ0sAWkNXBxBQX1tJdUZKFVtdGSUUSWx9EkJDZSJbXkIWC1VcUBRqcEsEVURZFi
dWXkEUWV9VBEZwUg0XSVxUH3Vl","queueTime":0,"applicationTime":385,"atts":"TkRDEQMaFnN
ZEQpNQkwvRVx4UxYKFDQvGxwXFFlGTQQaVF8ARgMSU1UBVQsEVlUbUAFcARhSDgMOTFUEVFNJCFVXV1RRXQ
QEBQEHRhUSVgpfVlcVfUBwCxZOUUcCU0F\/DkYSDEZVDgUbVwYEF1MGBRhVVQwSGURVX1AEWkR\/FEYDEgR
RAx0IUQMeBFZRFwEEUxQfGxRHVUQtIBsKF1QPCw5QAQAUSEZJQloCQ1BNQw4SWAtJSVxUCBQfGwBXU1kRCk
0SD0RYXBQIUFVXSRNRUUFLQlwUEUFEGwwBS1UXShRGSgRGEgxGXAwCV1IDAAFMB1MHXUkNUQwAGwtYUlUdA
l1XWwNWUQ5SCVgGEhpGF1BEUDlldmoyfX94OyF3cXcqc3cbWxZJUxdGRBwXBxQJQhxJ","errorBeacon":
"bam.nr-data.net","agent":""}</script></body>
</html>

New Text Document

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

New Text Document

Hochgeladen von

Copyright:

Verfügbare Formate

<!

<link rel="icon" type="image/vnd.microsoft.icon" href="//cdn-

<meta name="robots" content="noindex, nofollow">

<meta property="og:image" content="//cdn-

<body class="processingScreenOn l-body l-body--builder">

<div id="processingScreen" class="processing-screen processing-screen--

<div id="printModeScreen" class="printmode-screen">

<div id="builder" class="l-container-flex builder">

<div id="contactFormModal" class="modal modal-color-white">

<div id="uploadPhotoModal" class="creatorPhotoModal modal modal-color-white">

<div class="col-md-3" id="photoUploadPreview">

<div class="row" id="photoUploadButtons">

<form method="POST" class="hidden" accept-charset="UTF-8" id="photoUpload"

<div id="editSectionModal" class="modal modal-color-white">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div class="c-iconpicker__col" data-ico="default">

<div data-tab-pane="social" class="c-tab-content__pane">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div class="c-iconpicker__col" data-ico="social">

<div data-tab-pane="other" class="c-tab-content__pane">

<div class="c-iconpicker__col" data-ico="other">

<div class="c-iconpicker__col" data-ico="other">