Last active
July 3, 2019 01:04
-
-
Save ramanaditya/fe7667f696f23a75e9159b35f547edec to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> | |
<style> | |
* {box-sizing: border-box} | |
body {font-family: "Lato", sans-serif;} | |
.sidebar { | |
margin: 0; | |
padding: 0; | |
width: 200px; | |
background-color: #f1f1f1; | |
position: fixed; | |
height: 100%; | |
overflow: auto; | |
z-index: 5; | |
} | |
.sidebar .tablinks { | |
background-color: #f1f1f1; | |
display: block; | |
width:100%; | |
color: black; | |
padding: 16px; | |
text-decoration: none; | |
border:0px; | |
} | |
.sidebar .tablinks.active { | |
background-color: #4CAF50; | |
color: white; | |
border:0px; | |
} | |
.sidebar .tablinks:hover:not(.active) { | |
background-color: #555; | |
color: white; | |
border:0px; | |
} | |
div.content { | |
margin-left: 200px; | |
padding: 1px 16px; | |
height: 1000px; | |
} | |
@media screen and (max-width: 700px) { | |
.sidebar { | |
width: 100%; | |
height: auto; | |
position: relative; | |
} | |
.sidebar a {float: left;} | |
div.content {margin-left: 0;} | |
} | |
@media screen and (max-width: 400px) { | |
.sidebar a { | |
text-align: center; | |
float: none; | |
} | |
} | |
.intl-tel-input { | |
font-size: 100%; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
color: #333; | |
} | |
.intl-tel-input input { | |
width: 100%; | |
border: 1px solid #CCC; | |
font-family: inherit; | |
font-size: 100%; | |
color: inherit; | |
padding: 12px 20px; | |
} | |
.intl-tel-input { position: relative; } | |
.intl-tel-input .hide { display: none; } | |
.intl-tel-input .flag-dropdown { position: absolute; z-index: 1; cursor: pointer; } | |
.intl-tel-input .flag-dropdown .selected-flag { margin: 1px; padding: 6px 16px 6px 6px;background-color: rgba(0, 0, 0, 0.05); } | |
.intl-tel-input .flag-dropdown .selected-flag:hover { background-color: rgba(0, 0, 0, 0.05); } | |
.intl-tel-input .flag-dropdown .selected-flag .down-arrow { top: 6px; position: relative; left: 20px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid black; } | |
.intl-tel-input .flag-dropdown .country-list { list-style: none; padding: 0; margin: 0; z-index: 1; overflow-y: scroll; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #cccccc; position: absolute; top: 29px; width: 330px; max-height: 200px; } | |
.intl-tel-input .flag-dropdown .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #cccccc; } | |
.intl-tel-input .flag-dropdown .country-list .country { line-height: 16px; padding: 4px 10px; } | |
.intl-tel-input .flag-dropdown .country-list .country .dial-code { color: #999999; } | |
.intl-tel-input .flag-dropdown .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } | |
.intl-tel-input .flag-dropdown .country-list .flag { display: inline-block; vertical-align: bottom; } | |
.intl-tel-input .flag-dropdown .country-list .flag, .intl-tel-input .flag-dropdown .country-list .country-name { margin-right: 6px; } | |
.intl-tel-input input { box-sizing: border-box; -moz-box-sizing: border-box; height: 30px; padding-left: 47px; position: relative; z-index: 0; } | |
/* originally from https://github.com/lafeber/world-flags-sprite */ | |
.f16 .flag { width: 16px; height: 16px; background: url("./flags16.png") no-repeat; } | |
.f16 ._African_Union { background-position: 0 -16px; } | |
.f16 ._Arab_League { background-position: 0 -32px; } | |
.f16 ._ASEAN { background-position: 0 -48px; } | |
.f16 ._CARICOM { background-position: 0 -64px; } | |
.f16 ._CIS { background-position: 0 -80px; } | |
.f16 ._Commonwealth { background-position: 0 -96px; } | |
.f16 ._England { background-position: 0 -112px; } | |
.f16 ._European_Union { background-position: 0 -128px; } | |
.f16 ._Islamic_Conference { background-position: 0 -144px; } | |
.f16 ._Kosovo { background-position: 0 -160px; } | |
.f16 ._NATO { background-position: 0 -176px; } | |
.f16 ._Northern_Cyprus { background-position: 0 -192px; } | |
.f16 ._Northern_Ireland { background-position: 0 -208px; } | |
.f16 ._Olimpic_Movement { background-position: 0 -224px; } | |
.f16 ._OPEC { background-position: 0 -240px; } | |
.f16 ._Red_Cross { background-position: 0 -256px; } | |
.f16 ._Scotland { background-position: 0 -272px; } | |
.f16 ._Somaliland { background-position: 0 -288px; } | |
.f16 ._Tibet { background-position: 0 -304px; } | |
.f16 ._United_Nations { background-position: 0 -320px; } | |
.f16 ._Wales { background-position: 0 -336px; } | |
.f16 .ad { background-position: 0 -352px; } | |
.f16 .ae { background-position: 0 -368px; } | |
.f16 .af { background-position: 0 -384px; } | |
.f16 .ag { background-position: 0 -400px; } | |
.f16 .ai { background-position: 0 -416px; } | |
.f16 .al { background-position: 0 -432px; } | |
.f16 .am { background-position: 0 -448px; } | |
.f16 .an { background-position: 0 -464px; } | |
.f16 .ao { background-position: 0 -480px; } | |
.f16 .aq { background-position: 0 -496px; } | |
.f16 .ar { background-position: 0 -512px; } | |
.f16 .as { background-position: 0 -528px; } | |
.f16 .at { background-position: 0 -544px; } | |
.f16 .au { background-position: 0 -560px; } | |
.f16 .aw { background-position: 0 -576px; } | |
.f16 .az { background-position: 0 -592px; } | |
.f16 .ba { background-position: 0 -608px; } | |
.f16 .bb { background-position: 0 -624px; } | |
.f16 .bd { background-position: 0 -640px; } | |
.f16 .be { background-position: 0 -656px; } | |
.f16 .bf { background-position: 0 -672px; } | |
.f16 .bg { background-position: 0 -688px; } | |
.f16 .bh { background-position: 0 -704px; } | |
.f16 .bi { background-position: 0 -720px; } | |
.f16 .bj { background-position: 0 -736px; } | |
.f16 .bm { background-position: 0 -752px; } | |
.f16 .bn { background-position: 0 -768px; } | |
.f16 .bo { background-position: 0 -784px; } | |
.f16 .br { background-position: 0 -800px; } | |
.f16 .bs { background-position: 0 -816px; } | |
.f16 .bt { background-position: 0 -832px; } | |
.f16 .bw { background-position: 0 -848px; } | |
.f16 .by { background-position: 0 -864px; } | |
.f16 .bz { background-position: 0 -880px; } | |
.f16 .ca { background-position: 0 -896px; } | |
.f16 .cg { background-position: 0 -912px; } | |
.f16 .cf { background-position: 0 -928px; } | |
.f16 .cd { background-position: 0 -944px; } | |
.f16 .ch { background-position: 0 -960px; } | |
.f16 .ci { background-position: 0 -976px; } | |
.f16 .ck { background-position: 0 -992px; } | |
.f16 .cl { background-position: 0 -1008px; } | |
.f16 .cm { background-position: 0 -1024px; } | |
.f16 .cn { background-position: 0 -1040px; } | |
.f16 .co { background-position: 0 -1056px; } | |
.f16 .cr { background-position: 0 -1072px; } | |
.f16 .cu { background-position: 0 -1088px; } | |
.f16 .cv { background-position: 0 -1104px; } | |
.f16 .cy { background-position: 0 -1120px; } | |
.f16 .cz { background-position: 0 -1136px; } | |
.f16 .de { background-position: 0 -1152px; } | |
.f16 .dj { background-position: 0 -1168px; } | |
.f16 .dk { background-position: 0 -1184px; } | |
.f16 .dm { background-position: 0 -1200px; } | |
.f16 .do { background-position: 0 -1216px; } | |
.f16 .dz { background-position: 0 -1232px; } | |
.f16 .ec { background-position: 0 -1248px; } | |
.f16 .ee { background-position: 0 -1264px; } | |
.f16 .eg { background-position: 0 -1280px; } | |
.f16 .eh { background-position: 0 -1296px; } | |
.f16 .er { background-position: 0 -1312px; } | |
.f16 .es { background-position: 0 -1328px; } | |
.f16 .et { background-position: 0 -1344px; } | |
.f16 .fi { background-position: 0 -1360px; } | |
.f16 .fj { background-position: 0 -1376px; } | |
.f16 .fm { background-position: 0 -1392px; } | |
.f16 .fo { background-position: 0 -1408px; } | |
.f16 .fr { background-position: 0 -1424px; } | |
.f16 .ga { background-position: 0 -1440px; } | |
.f16 .gb { background-position: 0 -1456px; } | |
.f16 .gd { background-position: 0 -1472px; } | |
.f16 .ge { background-position: 0 -1488px; } | |
.f16 .gg { background-position: 0 -1504px; } | |
.f16 .gh { background-position: 0 -1520px; } | |
.f16 .gi { background-position: 0 -1536px; } | |
.f16 .gl { background-position: 0 -1552px; } | |
.f16 .gm { background-position: 0 -1568px; } | |
.f16 .gn { background-position: 0 -1584px; } | |
.f16 .gp { background-position: 0 -1600px; } | |
.f16 .gq { background-position: 0 -1616px; } | |
.f16 .gr { background-position: 0 -1632px; } | |
.f16 .gt { background-position: 0 -1648px; } | |
.f16 .gu { background-position: 0 -1664px; } | |
.f16 .gw { background-position: 0 -1680px; } | |
.f16 .gy { background-position: 0 -1696px; } | |
.f16 .hk { background-position: 0 -1712px; } | |
.f16 .hn { background-position: 0 -1728px; } | |
.f16 .hr { background-position: 0 -1744px; } | |
.f16 .ht { background-position: 0 -1760px; } | |
.f16 .hu { background-position: 0 -1776px; } | |
.f16 .id { background-position: 0 -1792px; } | |
.f16 .mc { background-position: 0 -1792px; } | |
.f16 .ie { background-position: 0 -1808px; } | |
.f16 .il { background-position: 0 -1824px; } | |
.f16 .im { background-position: 0 -1840px; } | |
.f16 .in { background-position: 0 -1856px; } | |
.f16 .iq { background-position: 0 -1872px; } | |
.f16 .ir { background-position: 0 -1888px; } | |
.f16 .is { background-position: 0 -1904px; } | |
.f16 .it { background-position: 0 -1920px; } | |
.f16 .je { background-position: 0 -1936px; } | |
.f16 .jm { background-position: 0 -1952px; } | |
.f16 .jo { background-position: 0 -1968px; } | |
.f16 .jp { background-position: 0 -1984px; } | |
.f16 .ke { background-position: 0 -2000px; } | |
.f16 .kg { background-position: 0 -2016px; } | |
.f16 .kh { background-position: 0 -2032px; } | |
.f16 .ki { background-position: 0 -2048px; } | |
.f16 .km { background-position: 0 -2064px; } | |
.f16 .kn { background-position: 0 -2080px; } | |
.f16 .kp { background-position: 0 -2096px; } | |
.f16 .kr { background-position: 0 -2112px; } | |
.f16 .kw { background-position: 0 -2128px; } | |
.f16 .ky { background-position: 0 -2144px; } | |
.f16 .kz { background-position: 0 -2160px; } | |
.f16 .la { background-position: 0 -2176px; } | |
.f16 .lb { background-position: 0 -2192px; } | |
.f16 .lc { background-position: 0 -2208px; } | |
.f16 .li { background-position: 0 -2224px; } | |
.f16 .lk { background-position: 0 -2240px; } | |
.f16 .lr { background-position: 0 -2256px; } | |
.f16 .ls { background-position: 0 -2272px; } | |
.f16 .lt { background-position: 0 -2288px; } | |
.f16 .lu { background-position: 0 -2304px; } | |
.f16 .lv { background-position: 0 -2320px; } | |
.f16 .ly { background-position: 0 -2336px; } | |
.f16 .ma { background-position: 0 -2352px; } | |
.f16 .md { background-position: 0 -2368px; } | |
.f16 .me { background-position: 0 -2384px; } | |
.f16 .mg { background-position: 0 -2400px; } | |
.f16 .mh { background-position: 0 -2416px; } | |
.f16 .mk { background-position: 0 -2432px; } | |
.f16 .ml { background-position: 0 -2448px; } | |
.f16 .mm { background-position: 0 -2464px; } | |
.f16 .mn { background-position: 0 -2480px; } | |
.f16 .mo { background-position: 0 -2496px; } | |
.f16 .mq { background-position: 0 -2512px; } | |
.f16 .mr { background-position: 0 -2528px; } | |
.f16 .ms { background-position: 0 -2544px; } | |
.f16 .mt { background-position: 0 -2560px; } | |
.f16 .mu { background-position: 0 -2576px; } | |
.f16 .mv { background-position: 0 -2592px; } | |
.f16 .mw { background-position: 0 -2608px; } | |
.f16 .mx { background-position: 0 -2624px; } | |
.f16 .my { background-position: 0 -2640px; } | |
.f16 .mz { background-position: 0 -2656px; } | |
.f16 .na { background-position: 0 -2672px; } | |
.f16 .nc { background-position: 0 -2688px; } | |
.f16 .ne { background-position: 0 -2704px; } | |
.f16 .ng { background-position: 0 -2720px; } | |
.f16 .ni { background-position: 0 -2736px; } | |
.f16 .nl { background-position: 0 -2752px; } | |
.f16 .no { background-position: 0 -2768px; } | |
.f16 .np { background-position: 0 -2784px; } | |
.f16 .nr { background-position: 0 -2800px; } | |
.f16 .nz { background-position: 0 -2816px; } | |
.f16 .om { background-position: 0 -2832px; } | |
.f16 .pa { background-position: 0 -2848px; } | |
.f16 .pe { background-position: 0 -2864px; } | |
.f16 .pf { background-position: 0 -2880px; } | |
.f16 .pg { background-position: 0 -2896px; } | |
.f16 .ph { background-position: 0 -2912px; } | |
.f16 .pk { background-position: 0 -2928px; } | |
.f16 .pl { background-position: 0 -2944px; } | |
.f16 .pr { background-position: 0 -2960px; } | |
.f16 .ps { background-position: 0 -2976px; } | |
.f16 .pt { background-position: 0 -2992px; } | |
.f16 .pw { background-position: 0 -3008px; } | |
.f16 .py { background-position: 0 -3024px; } | |
.f16 .qa { background-position: 0 -3040px; } | |
.f16 .re { background-position: 0 -3056px; } | |
.f16 .ro { background-position: 0 -3072px; } | |
.f16 .rs { background-position: 0 -3088px; } | |
.f16 .ru { background-position: 0 -3104px; } | |
.f16 .rw { background-position: 0 -3120px; } | |
.f16 .sa { background-position: 0 -3136px; } | |
.f16 .sb { background-position: 0 -3152px; } | |
.f16 .sc { background-position: 0 -3168px; } | |
.f16 .sd { background-position: 0 -3184px; } | |
.f16 .se { background-position: 0 -3200px; } | |
.f16 .sg { background-position: 0 -3216px; } | |
.f16 .si { background-position: 0 -3232px; } | |
.f16 .sk { background-position: 0 -3248px; } | |
.f16 .sl { background-position: 0 -3264px; } | |
.f16 .sm { background-position: 0 -3280px; } | |
.f16 .sn { background-position: 0 -3296px; } | |
.f16 .so { background-position: 0 -3312px; } | |
.f16 .sr { background-position: 0 -3328px; } | |
.f16 .st { background-position: 0 -3344px; } | |
.f16 .sv { background-position: 0 -3360px; } | |
.f16 .sy { background-position: 0 -3376px; } | |
.f16 .sz { background-position: 0 -3392px; } | |
.f16 .tc { background-position: 0 -3408px; } | |
.f16 .td { background-position: 0 -3424px; } | |
.f16 .tg { background-position: 0 -3440px; } | |
.f16 .th { background-position: 0 -3456px; } | |
.f16 .tj { background-position: 0 -3472px; } | |
.f16 .tl { background-position: 0 -3488px; } | |
.f16 .tm { background-position: 0 -3504px; } | |
.f16 .tn { background-position: 0 -3520px; } | |
.f16 .to { background-position: 0 -3536px; } | |
.f16 .tr { background-position: 0 -3552px; } | |
.f16 .tt { background-position: 0 -3568px; } | |
.f16 .tv { background-position: 0 -3584px; } | |
.f16 .tw { background-position: 0 -3600px; } | |
.f16 .tz { background-position: 0 -3616px; } | |
.f16 .ua { background-position: 0 -3632px; } | |
.f16 .ug { background-position: 0 -3648px; } | |
.f16 .us { background-position: 0 -3664px; } | |
.f16 .uy { background-position: 0 -3680px; } | |
.f16 .uz { background-position: 0 -3696px; } | |
.f16 .va { background-position: 0 -3712px; } | |
.f16 .vc { background-position: 0 -3728px; } | |
.f16 .ve { background-position: 0 -3744px; } | |
.f16 .vg { background-position: 0 -3760px; } | |
.f16 .vi { background-position: 0 -3776px; } | |
.f16 .vn { background-position: 0 -3792px; } | |
.f16 .vu { background-position: 0 -3808px; } | |
.f16 .ws { background-position: 0 -3824px; } | |
.f16 .ye { background-position: 0 -3840px; } | |
.f16 .za { background-position: 0 -3856px; } | |
.f16 .zm { background-position: 0 -3872px; } | |
.f16 .zw { background-position: 0 -3888px; } | |
.btn { | |
border: none; | |
color: white; | |
padding: 14px 28px; | |
font-size: 16px; | |
cursor: pointer; | |
} | |
input[type=text], select, textarea { | |
width: 100%; | |
padding: 12px; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
resize: vertical; | |
} | |
input[type=number], select, textarea { | |
width: 100%; | |
padding: 12px; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
resize: vertical; | |
} | |
input[type=email], select, textarea { | |
width: 100%; | |
padding: 12px; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
resize: vertical; | |
} | |
label { | |
padding: 12px 12px 12px 0; | |
display: inline-block; | |
} | |
input[type=submit] { | |
background-color: #4CAF50; | |
color: white; | |
padding: 12px 20px; | |
border: none; | |
border-radius: 4px; | |
cursor: pointer; | |
float: right; | |
} | |
input[type=submit]:hover { | |
background-color: #45a049; | |
} | |
.container { | |
border-radius: 5px; | |
padding: 20px; | |
} | |
.col-25 { | |
float: left; | |
text-align: right; | |
width: 25%; | |
margin-top: 6px; | |
} | |
.col-75 { | |
float: left; | |
width: 75%; | |
margin-top: 6px; | |
} | |
/* Clear floats after the columns */ | |
.row:after { | |
content: ""; | |
display: table; | |
clear: both; | |
} | |
@media screen and (max-width: 600px) { | |
.col-25, .col-75, input[type=submit] { | |
width: 100%; | |
margin-top: 0; | |
} | |
.col-25{ | |
text-align: left; | |
} | |
} | |
.success {background-color: #4CAF50;} /* Green */ | |
.success:hover {background-color: #46a049;} | |
.info {background-color: #2196F3;} /* Blue */ | |
.info:hover {background: #0b7dda;} | |
.warning {background-color: #ff9800;} /* Orange */ | |
.warning:hover {background: #e68a00;} | |
.danger {background-color: #f44336;} /* Red */ | |
.danger:hover {background: #da190b;} | |
.default {background-color: #e7e7e7; color: black;} /* Gray */ | |
.default:hover {background: #ddd;} | |
/* Style the tab */ | |
.tab { | |
float: left; | |
border: 1px solid #ccc; | |
background-color: #f1f1f1; | |
width: 20%; | |
height: 100%; | |
} | |
/* Style the buttons inside the tab */ | |
.tab button { | |
display: block; | |
background-color: inherit; | |
color: black; | |
padding: 22px 16px; | |
width: 100%; | |
border: none; | |
outline: none; | |
text-align: left; | |
cursor: pointer; | |
transition: 0.3s; | |
font-size: 17px; | |
} | |
/* Change background color of buttons on hover */ | |
.tab button:hover { | |
background-color: #ddd; | |
} | |
/* Create an active/current "tab button" class */ | |
.tab button.active { | |
background-color: #ccc; | |
} | |
/* Style the tab content */ | |
.tabcontent { | |
float: left; | |
padding: .8em 1em; | |
border: 0px solid #ccc; | |
width: 90%; | |
border-left: none; | |
height: 100%; | |
} | |
.close { | |
color:red; | |
display: inline-block; | |
} | |
</style> | |
</head> | |
<body> | |
<h2 style="text-align: center;font-weight:900;letter-spacing: 5px;margin-top: 20px;">BUILD A COMPELLING RESUME<hr></h2> | |
<div class="row"> | |
<div class="col-25"> | |
<div class="sidebar"> | |
<button class="tablinks" onclick="openCity(event, 'Personal Info')" id="defaultOpen">Personal Info</button> | |
<button class="tablinks" onclick="openCity(event, 'Summary')">Summary</button> | |
<button class="tablinks" onclick="openCity(event, 'Work Experience')">Work Experience</button> | |
<button class="tablinks" onclick="openCity(event, 'Education')">Education</button> | |
<button class="tablinks" onclick="openCity(event, 'Skills')">Skills</button> | |
</div> | |
</div> | |
<div class="col-75"> | |
<div id="Personal Info" class="tabcontent"> | |
<div class="box" style="border: solid 1px lightgrey;padding: 10px 10px;"> | |
<button class="btn warning" style="padding:3px 10px;">TIPS</button> Field marked with <span style="color:red">*</span> are mandatory. However, to have enough content in your resume, please fill in all the details. </div><br> | |
<h3 style="text-align:center;">CONTACT DETAILS</h3><br> | |
<div class="container"> | |
<form action="/action_page.php"> | |
<div class="row"> | |
<div class="col-25" style=""> | |
<label for="fname">First Name<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="text" id="fname" name="firstname" placeholder="Your first name.." required> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-25" style=""> | |
<label for="lname">Last Name<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="text" id="lname" name="lastname" placeholder="Your last name.." required> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-25" style=""> | |
<label for="email">Email<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="email" id="lname" name="lastname" placeholder="Your Email.." required> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-25" style=""> | |
<label for="email">Mobile<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75" style="padding-top: 10px;"> | |
<input type="tel" id="mobile-number" placeholder="e.g. +1 702 123 4567" required> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-25" style=""> | |
<label for="email">Alternate Mobile<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75" style="padding-top: 10px;"> | |
<input type="tel" id="mobile-number1" placeholder="e.g. +1 702 123 4567" required> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-25" style=""> | |
<label for="skype">Skype<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="text" id="lname" name="lastname" placeholder="Your Skype id" required> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-25" style=""> | |
<label for="LinkedIn">LinkedIn<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="text" id="lname" name="lastname" placeholder="Your LinkedIn id" required> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-25" style=""> | |
<label for="Address">Address<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="text" id="lname" name="lastname" placeholder="Your Address " required> | |
</div> | |
</div> | |
<div class="row" style="float:right;margin-top:20px;"> | |
<input type="submit" value="Save"> | |
</div> | |
</form> | |
</div> | |
</div> | |
<div id="Summary" class="tabcontent"> | |
<div class="box" style="border: solid 1px lightgrey;padding: 10px 10px;"> | |
<button class="btn warning" style="padding:3px 10px;">TIPS</button> Field marked with <span style="color:red">*</span> are mandatory. However, to have enough content in your resume, please fill in all the details. </div><br> | |
<div class="container"> | |
<form action="/action_page.php"> | |
<div class="row"> | |
<div class="col-25" style="text-align: right;"> | |
<label for="subject">Summary<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<textarea id="subject" name="subject" placeholder="Write About Yourself..." required style="height:200px"></textarea> | |
</div> | |
</div> | |
<div class="row" style="float:right;margin-top:20px;"> | |
<input type="submit" value="Save"> | |
</div> | |
</form> | |
</div> | |
</div> | |
<div id="Work Experience" class="tabcontent"> | |
<div class="box" style="border: solid 1px lightgrey;padding: 10px 0px 10px 10px;"> | |
<button class="btn warning" style="padding:3px 10px;">TIPS</button> Field marked with <span style="color:red">*</span> are mandatory. However, to have enough content in your resume, please fill in all the details.</div><br> | |
<button onclick="myFunctionwork()" >Add Work</button> | |
<div id="work" class="container"> | |
<div class="row"> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Position">Position<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="text" id="lname" name="lastname" placeholder="Position" required> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Start Date">Start Date<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75" style="margin-top: 15px;"> | |
<input type="date" id="lname" name="lastname" placeholder="Start Date" required> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="End Date">End Date</label> | |
</div> | |
<div class="col-75" style="margin-top: 15px;"> | |
<input type="date" id="lname" name="lastname" placeholder="End Date"> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Responsibility">Responsibility</label> | |
</div> | |
<div class="col-75" style="margin-top: 15px;"> | |
<input type="text" id="myInput" placeholder="Title..." style="width:90%;"> | |
<span onclick="newElement()" class="addBtn"><input type="submit" value="Add" style="float:right;background-color:teal;"></span> | |
<br> | |
<ul id="myUL"> | |
</ul> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Achievements">Achievements</label> | |
</div> | |
<div class="col-75"> | |
<textarea id="subject" name="Achievements" placeholder="Achievements..." style="height:200px"></textarea> | |
</div> | |
</div> | |
<hr><br> | |
</div> | |
<div class="row" style="float:right;"> | |
<input type="submit" value="Save"> | |
</div> | |
</div> | |
<div id="Education" class="tabcontent"> | |
<div class="box" style="border: solid 1px lightgrey;padding: 10px 0px 10px 10px;"> | |
<button class="btn warning" style="padding:3px 10px;">TIPS</button> Field marked with <span style="color:red">*</span> are mandatory. However, to have enough content in your resume, please fill in all the details.</div><br> | |
<div id="edu" class="container"> | |
<button onclick="myFunctionedu()" >Add School</button><br> | |
<div class="row"> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Degree">Degree<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="text" id="lname" name="lastname" placeholder="Degree" required> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Start Date">Start Date<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75" style="margin-top: 15px;"> | |
<input type="date" id="lname" name="lastname" placeholder="Start Date" required> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="End Date">End Date</label> | |
</div> | |
<div class="col-75" style="margin-top: 15px;"> | |
<input type="date" id="lname" name="lastname" placeholder="End Date"> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Grade">Grade<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="text" id="lname" name="lastname" placeholder="Grade" required> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="College">College<span style="color:red">*</span></label> | |
</div> | |
<div class="col-75"> | |
<input type="text" id="lname" name="lastname" placeholder="College" required> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Responsibility">Responsibility</label> | |
</div> | |
<div class="col-75" style="margin-top: 15px;"> | |
<input type="text" id="myInputedu" placeholder="Title..." style="width:90%;"> | |
<span onclick="newElementedu()" class="addBtn"><input type="submit" value="Add" style="float:right;background-color:teal;"></span> | |
<ul id="myULedu"> | |
</ul> | |
</div> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Achievements">Achievements</label> | |
</div> | |
<div class="col-75"> | |
<textarea id="subject" name="Achievements" placeholder="Achievements..." style="height:200px"></textarea> | |
</div> | |
</div> | |
<hr><br> | |
</div> | |
<div class="row" style="float:right;"> | |
<input type="submit" value="Save"> | |
</div> | |
</div> | |
<div id="Skills" class="tabcontent"> | |
<div class="box" style="border: solid 1px lightgrey;padding: 10px 0px 10px 10px;"> | |
<button class="btn warning" style="padding:3px 10px;">TIPS</button> Field marked with <span style="color:red">*</span> are mandatory. However, to have enough content in your resume, please fill in all the details.</div><br> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-25" style="text-align: right;"> | |
<label for="Skills">Skills</label> | |
</div> | |
<div class="col-75" style="margin-top: 15px;"> | |
<input type="text" id="myInputskill" placeholder="Skills..." style="width:90%;"> | |
<span onclick="newElementskill()" class="addBtn"><input type="submit" value="Add" style="float:right;background-color:teal;"></span> | |
<ul id="myULskill"> | |
</ul> | |
</div> | |
</div> | |
<div class="row" style="float:right;margin-top:20px;"> | |
<input type="submit" value="Save"> | |
</div> | |
</div> | |
</div> | |
<script> | |
function myFunctionedu() { | |
var para = document.createElement("DIV"); | |
para.innerHTML = '<div class="row"><div class="col-25" style="text-align: right;"><label for="Degree">Degree<span style="color:red">*</span></label></div><div class="col-75"><input type="text" id="lname" name="lastname" placeholder="Degree" required></div><div class="col-25" style="text-align: right;"><label for="Start Date">Start Date<span style="color:red">*</span></label></div><div class="col-75" style="margin-top: 15px;"><input type="date" id="lname" name="lastname" placeholder="Start Date" required></div><div class="col-25" style="text-align: right;"><label for="End Date">End Date</label></div><div class="col-75" style="margin-top: 15px;"><input type="date" id="lname" name="lastname" placeholder="End Date"></div><div class="col-25" style="text-align: right;"><label for="Grade">Grade<span style="color:red">*</span></label></div><div class="col-75"><input type="text" id="lname" name="lastname" placeholder="Grade" required></div><div class="col-25" style="text-align: right;"><label for="College">College<span style="color:red">*</span></label></div><div class="col-75"><input type="text" id="lname" name="lastname" placeholder="College" required></div><div class="col-25" style="text-align: right;"><label for="Responsibility">Responsibility</label></div><div class="col-75" style="margin-top: 15px;"><input type="text" id="myInput" placeholder="Title..." style="width:90%;"><span onclick="newElement()" class="addBtn"><input type="submit" value="Add" style="float:right;background-color:teal;"></span><ul id="myUL"></ul></div><div class="col-25" style="text-align: right;"><label for="Achievements">Achievements</label></div><div class="col-75"><textarea id="subject" name="Achievements" placeholder="Achievements..." style="height:200px"></textarea></div></div><hr><br>'; | |
document.getElementById("edu").appendChild(para); | |
} | |
</script> | |
<script> | |
function myFunctionwork() { | |
var para = document.createElement("DIV"); | |
para.innerHTML = '<div class="row"><div class="col-25" style="text-align: right;"><label for="Position">Position<span style="color:red">*</span></label></div><div class="col-75"><input type="text" id="lname" name="lastname" placeholder="Position" required></div><div class="col-25" style="text-align: right;"><label for="Start Date">Start Date<span style="color:red">*</span></label></div><div class="col-75" style="margin-top: 15px;"><input type="date" id="lname" name="lastname" placeholder="Start Date" required></div><div class="col-25" style="text-align: right;"><label for="End Date">End Date</label></div><div class="col-75" style="margin-top: 15px;"><input type="date" id="lname" name="lastname" placeholder="End Date"></div><div class="col-25" style="text-align: right;"><label for="Responsibility">Responsibility</label></div><div class="col-75" style="margin-top: 15px;"><input type="text" id="myInput" placeholder="Title..." style="width:90%;"><span onclick="newElement()" class="addBtn"><input type="submit" value="Add" style="float:right;background-color:teal;"></span><ul id="myUL"></ul></div><div class="col-25" style="text-align: right;"><label for="Achievements">Achievements</label></div><div class="col-75"><textarea id="subject" name="Achievements" placeholder="Achievements..." style="height:200px"></textarea></div></div><hr><br>'; | |
document.getElementById("work").appendChild(para); | |
} | |
</script> | |
<script> | |
var myNodelist = document.getElementsByTagName("LI"); | |
var i; | |
for (i = 0; i < myNodelist.length; i++) { | |
var span = document.createElement("SPAN"); | |
var txt = document.createTextNode("\u00D7"); | |
span.className = "close"; | |
span.appendChild(txt); | |
myNodelist[i].appendChild(span); | |
} | |
var close = document.getElementsByClassName("close"); | |
var i; | |
for (i = 0; i < close.length; i++) { | |
close[i].onclick = function() { | |
var div = this.parentElement; | |
div.style.display = "none"; | |
} | |
} | |
var list = document.querySelector('ul'); | |
list.addEventListener('click', function(ev) { | |
if (ev.target.tagName === 'LI') { | |
ev.target.classList.toggle('checked'); | |
} | |
}, false); | |
function newElement() { | |
var li = document.createElement("li"); | |
var inputValue = document.getElementById("myInput").value; | |
var t = document.createTextNode(inputValue); | |
li.appendChild(t); | |
if (inputValue === '') { | |
alert("You must write something!"); | |
} else { | |
document.getElementById("myUL").appendChild(li); | |
} | |
document.getElementById("myInput").value = ""; | |
var span = document.createElement("SPAN"); | |
var txt = document.createTextNode("\u00D7"); | |
span.className = "close"; | |
span.appendChild(txt); | |
li.appendChild(span); | |
for (i = 0; i < close.length; i++) { | |
close[i].onclick = function() { | |
var div = this.parentElement; | |
div.style.display = "none"; | |
} | |
} | |
} | |
function newElementedu() { | |
var li = document.createElement("li"); | |
var inputValue = document.getElementById("myInputedu").value; | |
var t = document.createTextNode(inputValue); | |
li.appendChild(t); | |
if (inputValue === '') { | |
alert("You must write something!"); | |
} else { | |
document.getElementById("myULedu").appendChild(li); | |
} | |
document.getElementById("myInputedu").value = ""; | |
var span = document.createElement("SPAN"); | |
var txt = document.createTextNode("\u00D7"); | |
span.className = "close"; | |
span.appendChild(txt); | |
li.appendChild(span); | |
for (i = 0; i < close.length; i++) { | |
close[i].onclick = function() { | |
var div = this.parentElement; | |
div.style.display = "none"; | |
} | |
} | |
} | |
</script> | |
<script> | |
var myNodelist = document.getElementsByTagName("LI"); | |
var i; | |
for (i = 0; i < myNodelist.length; i++) { | |
var span = document.createElement("SPAN"); | |
var txt = document.createTextNode("\u00D7"); | |
span.className = "close"; | |
span.appendChild(txt); | |
myNodelist[i].appendChild(span); | |
} | |
var close = document.getElementsByClassName("close"); | |
var i; | |
for (i = 0; i < close.length; i++) { | |
close[i].onclick = function() { | |
var div = this.parentElement; | |
div.style.display = "none"; | |
} | |
} | |
var list = document.querySelector('ul'); | |
list.addEventListener('click', function(ev) { | |
if (ev.target.tagName === 'LI') { | |
ev.target.classList.toggle('checked'); | |
} | |
}, false); | |
function newElementskill() { | |
var li = document.createElement("li"); | |
var inputValue = document.getElementById("myInputskill").value; | |
var t = document.createTextNode(inputValue); | |
li.appendChild(t); | |
if (inputValue === '') { | |
alert("You must write something!"); | |
} else { | |
document.getElementById("myULskill").appendChild(li); | |
} | |
document.getElementById("myInputskill").value = ""; | |
var span = document.createElement("SPAN"); | |
var txt = document.createTextNode("\u00D7"); | |
span.className = "close"; | |
span.appendChild(txt); | |
li.appendChild(span); | |
for (i = 0; i < close.length; i++) { | |
close[i].onclick = function() { | |
var div = this.parentElement; | |
div.style.display = "none"; | |
} | |
} | |
} | |
</script> | |
<script> | |
function openCity(evt, cityName) { | |
var i, tabcontent, tablinks; | |
tabcontent = document.getElementsByClassName("tabcontent"); | |
for (i = 0; i < tabcontent.length; i++) { | |
tabcontent[i].style.display = "none"; | |
} | |
tablinks = document.getElementsByClassName("tablinks"); | |
for (i = 0; i < tablinks.length; i++) { | |
tablinks[i].className = tablinks[i].className.replace(" active", ""); | |
} | |
document.getElementById(cityName).style.display = "block"; | |
evt.currentTarget.className += " active"; | |
} | |
document.getElementById("defaultOpen").click(); | |
</script> | |
<script> | |
(function($, window, document, undefined) { | |
var pluginName = "intlTelInput", defaults = { | |
preferredCountries: [ "in", "us" ], | |
initialDialCode: true, | |
americaMode: false, | |
onlyCountries: [] | |
}; | |
function Plugin(element, options) { | |
this.element = element; | |
this.options = $.extend({}, defaults, options); | |
this._defaults = defaults; | |
this._name = pluginName; | |
this.init(); | |
} | |
Plugin.prototype = { | |
init: function() { | |
var that = this; | |
if (this.options.onlyCountries.length > 0) { | |
var newCountries = [], newCountryCodes = {}; | |
$.each(this.options.onlyCountries, function(i, countryCode) { | |
var countryData = that._getCountryData(countryCode); | |
if (countryData) { | |
newCountries.push(countryData); | |
var callingCode = countryData["calling-code"]; | |
if (newCountryCodes[callingCode]) { | |
newCountryCodes[callingCode].push(countryCode); | |
} else { | |
newCountryCodes[callingCode] = [ countryCode ]; | |
} | |
} | |
}); | |
intlTelInput.countries = newCountries; | |
intlTelInput.countryCodes = newCountryCodes; | |
} | |
var preferredCountries = []; | |
$.each(this.options.preferredCountries, function(i, countryCode) { | |
var countryData = that._getCountryData(countryCode); | |
if (countryData) { | |
preferredCountries.push(countryData); | |
} | |
}); | |
this.defaultCountry = preferredCountries.length ? preferredCountries[0] : intlTelInput.countries[0]; | |
this.telInput = $(this.element); | |
if (this.options.initialDialCode && this.telInput.val() === "") { | |
this.telInput.val("+" + this.defaultCountry["calling-code"] + " "); | |
} | |
this.telInput.wrap($("<div>", { | |
"class": "intl-tel-input" | |
})); | |
var flagsContainer = $("<div>", { | |
"class": "flag-dropdown f16" | |
}).insertBefore(this.telInput); | |
var selectedFlag = $("<div>", { | |
"class": "selected-flag" | |
}).appendTo(flagsContainer); | |
var firstCountry = this.defaultCountry.cca2; | |
this.selectedFlagInner = $("<div>", { | |
"class": "flag " + firstCountry | |
}).appendTo(selectedFlag); | |
$("<div>", { | |
"class": "down-arrow" | |
}).appendTo(this.selectedFlagInner); | |
this.countryList = $("<ul>", { | |
"class": "country-list hide" | |
}).appendTo(flagsContainer); | |
if (preferredCountries.length) { | |
this._appendListItems(preferredCountries, "preferred"); | |
$("<li>", { | |
"class": "divider" | |
}).appendTo(this.countryList); | |
} | |
this._appendListItems(intlTelInput.countries, ""); | |
this.countryListItems = this.countryList.children(".country"); | |
this.countryListItems.first().addClass("active"); | |
this.telInput.keyup(function() { | |
var countryCode, alreadySelected = false; | |
var dialCode = that._getDialCode(that.telInput.val()); | |
if (dialCode) { | |
var countryCodes = intlTelInput.countryCodes[dialCode]; | |
$.each(countryCodes, function(i, c) { | |
if (that.selectedFlagInner.hasClass(c)) { | |
alreadySelected = true; | |
} | |
}); | |
countryCode = countryCodes[0]; | |
} else { | |
countryCode = that.defaultCountry.cca2; | |
} | |
if (!alreadySelected) { | |
that._selectFlag(countryCode); | |
} | |
}); | |
this.telInput.keyup(); | |
selectedFlag.click(function(e) { | |
e.stopPropagation(); | |
if (that.countryList.hasClass("hide")) { | |
that.countryListItems.removeClass("highlight"); | |
var activeListItem = that.countryList.children(".active").addClass("highlight"); | |
that.countryList.removeClass("hide"); | |
that._scrollTo(activeListItem); | |
$(document).bind("keydown.intlTelInput", function(e) { | |
if (e.which == 38 || e.which == 40) { | |
var current = that.countryList.children(".highlight").first(); | |
var next = e.which == 38 ? current.prev() : current.next(); | |
if (next) { | |
if (next.hasClass("divider")) { | |
next = e.which == 38 ? next.prev() : next.next(); | |
} | |
that.countryListItems.removeClass("highlight"); | |
next.addClass("highlight"); | |
that._scrollTo(next); | |
} | |
} else if (e.which == 13) { | |
var currentCountry = that.countryList.children(".highlight").first(); | |
if (currentCountry.length) { | |
that._selectListItem(currentCountry); | |
} | |
} else if (e.which == 9 || e.which == 27) { | |
that._closeDropdown(); | |
} else if (e.which >= 97 && e.which <= 122 || e.which >= 65 && e.which <= 90) { | |
var letter = String.fromCharCode(e.which); | |
var countries = that.countryListItems.filter(function() { | |
return $(this).text().charAt(0) == letter && !$(this).hasClass("preferred"); | |
}); | |
if (countries.length) { | |
var highlightedCountry = countries.filter(".highlight").first(); | |
var listItem; | |
if (highlightedCountry && highlightedCountry.next() && highlightedCountry.next().text().charAt(0) == letter) { | |
listItem = highlightedCountry.next(); | |
} else { | |
listItem = countries.first(); | |
} | |
that.countryListItems.removeClass("highlight"); | |
listItem.addClass("highlight"); | |
that._scrollTo(listItem); | |
} | |
} | |
}); | |
} else { | |
that._closeDropdown(); | |
} | |
}); | |
this.countryListItems.mouseover(function() { | |
that.countryListItems.removeClass("highlight"); | |
$(this).addClass("highlight"); | |
}); | |
this.countryListItems.click(function(e) { | |
var listItem = $(e.currentTarget); | |
that._selectListItem(listItem); | |
}); | |
$("html").click(function(e) { | |
if (!$(e.target).closest(".country-list").length) { | |
// close it | |
that._closeDropdown(); | |
} | |
}); | |
}, | |
_getCountryData: function(countryCode) { | |
for (var i = 0; i < intlTelInput.countries.length; i++) { | |
if (intlTelInput.countries[i].cca2 == countryCode) { | |
return intlTelInput.countries[i]; | |
} | |
} | |
}, | |
_selectFlag: function(countryCode) { | |
this.selectedFlagInner.attr("class", "flag " + countryCode); | |
this.countryListItems.removeClass("active"); | |
var listItem = this.countryListItems.children(".flag." + countryCode).parent(); | |
listItem.addClass("active"); | |
return listItem; | |
}, | |
selectCountry: function(countryCode) { | |
if (!this.selectedFlagInner.hasClass(countryCode)) { | |
var listItem = this._selectFlag(countryCode); | |
var dialCode = listItem.attr("data-dial-code"); | |
this.telInput.val("+" + dialCode + " "); | |
} | |
}, | |
_selectListItem: function(listItem) { | |
var countryCode = listItem.attr("data-country-code"); | |
this.selectedFlagInner.attr("class", "flag " + countryCode); | |
var newNumber = this._updateNumber(this.telInput.val(), listItem.attr("data-dial-code")); | |
this.telInput.val(newNumber); | |
this._closeDropdown(); | |
this.telInput.focus(); | |
this.countryListItems.removeClass("active highlight"); | |
listItem.addClass("active"); | |
}, | |
_closeDropdown: function() { | |
this.countryList.addClass("hide"); | |
$(document).unbind("keydown.intlTelInput"); | |
}, | |
_scrollTo: function(element) { | |
var container = this.countryList; | |
var containerHeight = container.height(); | |
var containerTop = container.offset().top; | |
var containerBottom = containerTop + containerHeight; | |
var elementHeight = element.outerHeight(); | |
var elementTop = element.offset().top; | |
var elementBottom = elementTop + elementHeight; | |
var newScrollTop = elementTop - containerTop + container.scrollTop(); | |
if (elementTop < containerTop) { | |
container.scrollTop(newScrollTop); | |
} else if (elementBottom > containerBottom) { | |
var heightDifference = containerHeight - elementHeight; | |
container.scrollTop(newScrollTop - heightDifference); | |
} | |
}, | |
_updateNumber: function(inputVal, dialCode) { | |
var prevDialCode = "+" + this._getDialCode(inputVal); | |
var newDialCode = "+" + dialCode; | |
var newNumber; | |
if (prevDialCode.length > 1) { | |
newNumber = inputVal.replace(prevDialCode, newDialCode); | |
if (inputVal == prevDialCode) { | |
newNumber += " "; | |
} | |
} else if (inputVal.length && inputVal.substr(0, 1) != "+") { | |
newNumber = newDialCode + " " + inputVal.trim(); | |
} else { | |
newNumber = newDialCode + " "; | |
} | |
if (this.options.americaMode && newNumber.substring(0, 3) == "+1 ") { | |
newNumber = newNumber.substring(3); | |
} | |
return newNumber; | |
}, | |
_getDialCode: function(inputVal) { | |
var firstPart = inputVal.trim().split(" ")[0]; | |
if (firstPart.substring(0, 1) == "+") { | |
var dialCode = firstPart.replace(/\D/g, "").substring(0, 4); | |
for (var i = dialCode.length; i > 0; i--) { | |
dialCode = dialCode.substring(0, i); | |
if (intlTelInput.countryCodes[dialCode]) { | |
return dialCode; | |
} | |
} | |
} | |
return ""; | |
}, | |
_appendListItems: function(countries, className) { | |
var tmp = ""; | |
$.each(countries, function(i, c) { | |
tmp += "<li class='country " + className + "' data-dial-code='" + c["calling-code"] + "' data-country-code='" + c.cca2 + "'>"; | |
tmp += "<div class='flag " + c.cca2 + "'></div>"; | |
tmp += "<span class='country-name'>" + c.name + "</span>"; | |
tmp += "<span class='dial-code'>+" + c["calling-code"] + "</span>"; | |
tmp += "</li>"; | |
}); | |
this.countryList.append(tmp); | |
} | |
}; | |
$.fn[pluginName] = function(options) { | |
var args = arguments; | |
if (options === undefined || typeof options === "object") { | |
return this.each(function() { | |
if (!$.data(this, "plugin_" + pluginName)) { | |
$.data(this, "plugin_" + pluginName, new Plugin(this, options)); | |
} | |
}); | |
} else if (typeof options === "string" && options[0] !== "_" && options !== "init") { | |
var returns; | |
this.each(function() { | |
var instance = $.data(this, "plugin_" + pluginName); | |
if (instance instanceof Plugin && typeof instance[options] === "function") { | |
returns = instance[options].apply(instance, Array.prototype.slice.call(args, 1)); | |
} | |
}); | |
return returns !== undefined ? returns : this; | |
} | |
}; | |
})(jQuery, window, document); | |
var intlTelInput = { | |
countries: [ { | |
name: "Afghanistan", | |
cca2: "af", | |
"calling-code": "93" | |
}, { | |
name: "Albania", | |
cca2: "al", | |
"calling-code": "355" | |
}, { | |
name: "Algeria", | |
cca2: "dz", | |
"calling-code": "213" | |
}, { | |
name: "American Samoa", | |
cca2: "as", | |
"calling-code": "1684" | |
}, { | |
name: "Andorra", | |
cca2: "ad", | |
"calling-code": "376" | |
}, { | |
name: "Angola", | |
cca2: "ao", | |
"calling-code": "244" | |
}, { | |
name: "Anguilla", | |
cca2: "ai", | |
"calling-code": "1264" | |
}, { | |
name: "Antigua and Barbuda", | |
cca2: "ag", | |
"calling-code": "1268" | |
}, { | |
name: "Argentina", | |
cca2: "ar", | |
"calling-code": "54" | |
}, { | |
name: "Armenia", | |
cca2: "am", | |
"calling-code": "374" | |
}, { | |
name: "Aruba", | |
cca2: "aw", | |
"calling-code": "297" | |
}, { | |
name: "Australia", | |
cca2: "au", | |
"calling-code": "61" | |
}, { | |
name: "Austria", | |
cca2: "at", | |
"calling-code": "43" | |
}, { | |
name: "Azerbaijan", | |
cca2: "az", | |
"calling-code": "994" | |
}, { | |
name: "Bahamas", | |
cca2: "bs", | |
"calling-code": "1242" | |
}, { | |
name: "Bahrain", | |
cca2: "bh", | |
"calling-code": "973" | |
}, { | |
name: "Bangladesh", | |
cca2: "bd", | |
"calling-code": "880" | |
}, { | |
name: "Barbados", | |
cca2: "bb", | |
"calling-code": "1246" | |
}, { | |
name: "Belarus", | |
cca2: "by", | |
"calling-code": "375" | |
}, { | |
name: "Belgium", | |
cca2: "be", | |
"calling-code": "32" | |
}, { | |
name: "Belize", | |
cca2: "bz", | |
"calling-code": "501" | |
}, { | |
name: "Benin", | |
cca2: "bj", | |
"calling-code": "229" | |
}, { | |
name: "Bermuda", | |
cca2: "bm", | |
"calling-code": "1441" | |
}, { | |
name: "Bhutan", | |
cca2: "bt", | |
"calling-code": "975" | |
}, { | |
name: "Bolivia", | |
cca2: "bo", | |
"calling-code": "591" | |
}, { | |
name: "Bosnia and Herzegovina", | |
cca2: "ba", | |
"calling-code": "387" | |
}, { | |
name: "Botswana", | |
cca2: "bw", | |
"calling-code": "267" | |
}, { | |
name: "Brazil", | |
cca2: "br", | |
"calling-code": "55" | |
}, { | |
name: "Brunei Darussalam", | |
cca2: "bn", | |
"calling-code": "673" | |
}, { | |
name: "Bulgaria", | |
cca2: "bg", | |
"calling-code": "359" | |
}, { | |
name: "Burkina Faso", | |
cca2: "bf", | |
"calling-code": "226" | |
}, { | |
name: "Burundi", | |
cca2: "bi", | |
"calling-code": "257" | |
}, { | |
name: "Cambodia", | |
cca2: "kh", | |
"calling-code": "855" | |
}, { | |
name: "Cameroon", | |
cca2: "cm", | |
"calling-code": "237" | |
}, { | |
name: "Canada", | |
cca2: "ca", | |
"calling-code": "1" | |
}, { | |
name: "Cape Verde", | |
cca2: "cv", | |
"calling-code": "238" | |
}, { | |
name: "Cayman Islands", | |
cca2: "ky", | |
"calling-code": "1345" | |
}, { | |
name: "Central African Republic", | |
cca2: "cf", | |
"calling-code": "236" | |
}, { | |
name: "Chad", | |
cca2: "td", | |
"calling-code": "235" | |
}, { | |
name: "Chile", | |
cca2: "cl", | |
"calling-code": "56" | |
}, { | |
name: "China", | |
cca2: "cn", | |
"calling-code": "86" | |
}, { | |
name: "Colombia", | |
cca2: "co", | |
"calling-code": "57" | |
}, { | |
name: "Comoros", | |
cca2: "km", | |
"calling-code": "269" | |
}, { | |
name: "Congo (DRC)", | |
cca2: "cd", | |
"calling-code": "243" | |
}, { | |
name: "Congo (Republic)", | |
cca2: "cg", | |
"calling-code": "242" | |
}, { | |
name: "Cook Islands", | |
cca2: "ck", | |
"calling-code": "682" | |
}, { | |
name: "Costa Rica", | |
cca2: "cr", | |
"calling-code": "506" | |
}, { | |
name: "Côte d'Ivoire", | |
cca2: "ci", | |
"calling-code": "225" | |
}, { | |
name: "Croatia", | |
cca2: "hr", | |
"calling-code": "385" | |
}, { | |
name: "Cuba", | |
cca2: "cu", | |
"calling-code": "53" | |
}, { | |
name: "Cyprus", | |
cca2: "cy", | |
"calling-code": "357" | |
}, { | |
name: "Czech Republic", | |
cca2: "cz", | |
"calling-code": "420" | |
}, { | |
name: "Denmark", | |
cca2: "dk", | |
"calling-code": "45" | |
}, { | |
name: "Djibouti", | |
cca2: "dj", | |
"calling-code": "253" | |
}, { | |
name: "Dominica", | |
cca2: "dm", | |
"calling-code": "1767" | |
}, { | |
name: "Dominican Republic", | |
cca2: "do", | |
"calling-code": "1809" | |
}, { | |
name: "Ecuador", | |
cca2: "ec", | |
"calling-code": "593" | |
}, { | |
name: "Egypt", | |
cca2: "eg", | |
"calling-code": "20" | |
}, { | |
name: "El Salvador", | |
cca2: "sv", | |
"calling-code": "503" | |
}, { | |
name: "Equatorial Guinea", | |
cca2: "gq", | |
"calling-code": "240" | |
}, { | |
name: "Eritrea", | |
cca2: "er", | |
"calling-code": "291" | |
}, { | |
name: "Estonia", | |
cca2: "ee", | |
"calling-code": "372" | |
}, { | |
name: "Ethiopia", | |
cca2: "et", | |
"calling-code": "251" | |
}, { | |
name: "Faroe Islands", | |
cca2: "fo", | |
"calling-code": "298" | |
}, { | |
name: "Fiji", | |
cca2: "fj", | |
"calling-code": "679" | |
}, { | |
name: "Finland", | |
cca2: "fi", | |
"calling-code": "358" | |
}, { | |
name: "France", | |
cca2: "fr", | |
"calling-code": "33" | |
}, { | |
name: "French Polynesia", | |
cca2: "pf", | |
"calling-code": "689" | |
}, { | |
name: "Gabon", | |
cca2: "ga", | |
"calling-code": "241" | |
}, { | |
name: "Gambia", | |
cca2: "gm", | |
"calling-code": "220" | |
}, { | |
name: "Georgia", | |
cca2: "ge", | |
"calling-code": "995" | |
}, { | |
name: "Germany", | |
cca2: "de", | |
"calling-code": "49" | |
}, { | |
name: "Ghana", | |
cca2: "gh", | |
"calling-code": "233" | |
}, { | |
name: "Gibraltar", | |
cca2: "gi", | |
"calling-code": "350" | |
}, { | |
name: "Greece", | |
cca2: "gr", | |
"calling-code": "30" | |
}, { | |
name: "Greenland", | |
cca2: "gl", | |
"calling-code": "299" | |
}, { | |
name: "Grenada", | |
cca2: "gd", | |
"calling-code": "1473" | |
}, { | |
name: "Guadeloupe", | |
cca2: "gp", | |
"calling-code": "590" | |
}, { | |
name: "Guam", | |
cca2: "gu", | |
"calling-code": "1671" | |
}, { | |
name: "Guatemala", | |
cca2: "gt", | |
"calling-code": "502" | |
}, { | |
name: "Guernsey", | |
cca2: "gg", | |
"calling-code": "44" | |
}, { | |
name: "Guinea", | |
cca2: "gn", | |
"calling-code": "224" | |
}, { | |
name: "Guinea-Bissau", | |
cca2: "gw", | |
"calling-code": "245" | |
}, { | |
name: "Guyana", | |
cca2: "gy", | |
"calling-code": "592" | |
}, { | |
name: "Haiti", | |
cca2: "ht", | |
"calling-code": "509" | |
}, { | |
name: "Honduras", | |
cca2: "hn", | |
"calling-code": "504" | |
}, { | |
name: "Hong Kong", | |
cca2: "hk", | |
"calling-code": "852" | |
}, { | |
name: "Hungary", | |
cca2: "hu", | |
"calling-code": "36" | |
}, { | |
name: "Iceland", | |
cca2: "is", | |
"calling-code": "354" | |
}, { | |
name: "India", | |
cca2: "in", | |
"calling-code": "91" | |
}, { | |
name: "Indonesia", | |
cca2: "id", | |
"calling-code": "62" | |
}, { | |
name: "Iran", | |
cca2: "ir", | |
"calling-code": "98" | |
}, { | |
name: "Iraq", | |
cca2: "iq", | |
"calling-code": "964" | |
}, { | |
name: "Ireland", | |
cca2: "ie", | |
"calling-code": "353" | |
}, { | |
name: "Isle of Man", | |
cca2: "im", | |
"calling-code": "44" | |
}, { | |
name: "Israel", | |
cca2: "il", | |
"calling-code": "972" | |
}, { | |
name: "Italy", | |
cca2: "it", | |
"calling-code": "39" | |
}, { | |
name: "Jamaica", | |
cca2: "jm", | |
"calling-code": "1876" | |
}, { | |
name: "Japan", | |
cca2: "jp", | |
"calling-code": "81" | |
}, { | |
name: "Jersey", | |
cca2: "je", | |
"calling-code": "44" | |
}, { | |
name: "Jordan", | |
cca2: "jo", | |
"calling-code": "962" | |
}, { | |
name: "Kazakhstan", | |
cca2: "kz", | |
"calling-code": "7" | |
}, { | |
name: "Kenya", | |
cca2: "ke", | |
"calling-code": "254" | |
}, { | |
name: "Kiribati", | |
cca2: "ki", | |
"calling-code": "686" | |
}, { | |
name: "Kuwait", | |
cca2: "kw", | |
"calling-code": "965" | |
}, { | |
name: "Kyrgyzstan", | |
cca2: "kg", | |
"calling-code": "996" | |
}, { | |
name: "Laos", | |
cca2: "la", | |
"calling-code": "856" | |
}, { | |
name: "Latvia", | |
cca2: "lv", | |
"calling-code": "371" | |
}, { | |
name: "Lebanon", | |
cca2: "lb", | |
"calling-code": "961" | |
}, { | |
name: "Lesotho", | |
cca2: "ls", | |
"calling-code": "266" | |
}, { | |
name: "Liberia", | |
cca2: "lr", | |
"calling-code": "231" | |
}, { | |
name: "Libya", | |
cca2: "ly", | |
"calling-code": "218" | |
}, { | |
name: "Liechtenstein", | |
cca2: "li", | |
"calling-code": "423" | |
}, { | |
name: "Lithuania", | |
cca2: "lt", | |
"calling-code": "370" | |
}, { | |
name: "Luxembourg", | |
cca2: "lu", | |
"calling-code": "352" | |
}, { | |
name: "Macao", | |
cca2: "mo", | |
"calling-code": "853" | |
}, { | |
name: "Macedonia", | |
cca2: "mk", | |
"calling-code": "389" | |
}, { | |
name: "Madagascar", | |
cca2: "mg", | |
"calling-code": "261" | |
}, { | |
name: "Malawi", | |
cca2: "mw", | |
"calling-code": "265" | |
}, { | |
name: "Malaysia", | |
cca2: "my", | |
"calling-code": "60" | |
}, { | |
name: "Maldives", | |
cca2: "mv", | |
"calling-code": "960" | |
}, { | |
name: "Mali", | |
cca2: "ml", | |
"calling-code": "223" | |
}, { | |
name: "Malta", | |
cca2: "mt", | |
"calling-code": "356" | |
}, { | |
name: "Marshall Islands", | |
cca2: "mh", | |
"calling-code": "692" | |
}, { | |
name: "Martinique", | |
cca2: "mq", | |
"calling-code": "596" | |
}, { | |
name: "Mauritania", | |
cca2: "mr", | |
"calling-code": "222" | |
}, { | |
name: "Mauritius", | |
cca2: "mu", | |
"calling-code": "230" | |
}, { | |
name: "Mexico", | |
cca2: "mx", | |
"calling-code": "52" | |
}, { | |
name: "Micronesia", | |
cca2: "fm", | |
"calling-code": "691" | |
}, { | |
name: "Moldova", | |
cca2: "md", | |
"calling-code": "373" | |
}, { | |
name: "Monaco", | |
cca2: "mc", | |
"calling-code": "377" | |
}, { | |
name: "Mongolia", | |
cca2: "mn", | |
"calling-code": "976" | |
}, { | |
name: "Montenegro", | |
cca2: "me", | |
"calling-code": "382" | |
}, { | |
name: "Montserrat", | |
cca2: "ms", | |
"calling-code": "1664" | |
}, { | |
name: "Morocco", | |
cca2: "ma", | |
"calling-code": "212" | |
}, { | |
name: "Mozambique", | |
cca2: "mz", | |
"calling-code": "258" | |
}, { | |
name: "Myanmar (Burma)", | |
cca2: "mm", | |
"calling-code": "95" | |
}, { | |
name: "Namibia", | |
cca2: "na", | |
"calling-code": "264" | |
}, { | |
name: "Nauru", | |
cca2: "nr", | |
"calling-code": "674" | |
}, { | |
name: "Nepal", | |
cca2: "np", | |
"calling-code": "977" | |
}, { | |
name: "Netherlands", | |
cca2: "nl", | |
"calling-code": "31" | |
}, { | |
name: "New Caledonia", | |
cca2: "nc", | |
"calling-code": "687" | |
}, { | |
name: "New Zealand", | |
cca2: "nz", | |
"calling-code": "64" | |
}, { | |
name: "Nicaragua", | |
cca2: "ni", | |
"calling-code": "505" | |
}, { | |
name: "Niger", | |
cca2: "ne", | |
"calling-code": "227" | |
}, { | |
name: "Nigeria", | |
cca2: "ng", | |
"calling-code": "234" | |
}, { | |
name: "North Korea", | |
cca2: "kp", | |
"calling-code": "850" | |
}, { | |
name: "Norway", | |
cca2: "no", | |
"calling-code": "47" | |
}, { | |
name: "Oman", | |
cca2: "om", | |
"calling-code": "968" | |
}, { | |
name: "Pakistan", | |
cca2: "pk", | |
"calling-code": "92" | |
}, { | |
name: "Palau", | |
cca2: "pw", | |
"calling-code": "680" | |
}, { | |
name: "Palestinian Territory", | |
cca2: "ps", | |
"calling-code": "970" | |
}, { | |
name: "Panama", | |
cca2: "pa", | |
"calling-code": "507" | |
}, { | |
name: "Papua New Guinea", | |
cca2: "pg", | |
"calling-code": "675" | |
}, { | |
name: "Paraguay", | |
cca2: "py", | |
"calling-code": "595" | |
}, { | |
name: "Peru", | |
cca2: "pe", | |
"calling-code": "51" | |
}, { | |
name: "Philippines", | |
cca2: "ph", | |
"calling-code": "63" | |
}, { | |
name: "Poland", | |
cca2: "pl", | |
"calling-code": "48" | |
}, { | |
name: "Portugal", | |
cca2: "pt", | |
"calling-code": "351" | |
}, { | |
name: "Puerto Rico", | |
cca2: "pr", | |
"calling-code": "1787" | |
}, { | |
name: "Qatar", | |
cca2: "qa", | |
"calling-code": "974" | |
}, { | |
name: "Réunion", | |
cca2: "re", | |
"calling-code": "262" | |
}, { | |
name: "Romania", | |
cca2: "ro", | |
"calling-code": "40" | |
}, { | |
name: "Russian Federation", | |
cca2: "ru", | |
"calling-code": "7" | |
}, { | |
name: "Rwanda", | |
cca2: "rw", | |
"calling-code": "250" | |
}, { | |
name: "Saint Kitts and Nevis", | |
cca2: "kn", | |
"calling-code": "1869" | |
}, { | |
name: "Saint Lucia", | |
cca2: "lc", | |
"calling-code": "1758" | |
}, { | |
name: "Saint Vincent and the Grenadines", | |
cca2: "vc", | |
"calling-code": "1784" | |
}, { | |
name: "Samoa", | |
cca2: "ws", | |
"calling-code": "685" | |
}, { | |
name: "San Marino", | |
cca2: "sm", | |
"calling-code": "378" | |
}, { | |
name: "São Tomé and Príncipe", | |
cca2: "st", | |
"calling-code": "239" | |
}, { | |
name: "Saudi Arabia", | |
cca2: "sa", | |
"calling-code": "966" | |
}, { | |
name: "Senegal", | |
cca2: "sn", | |
"calling-code": "221" | |
}, { | |
name: "Serbia", | |
cca2: "rs", | |
"calling-code": "381" | |
}, { | |
name: "Seychelles", | |
cca2: "sc", | |
"calling-code": "248" | |
}, { | |
name: "Sierra Leone", | |
cca2: "sl", | |
"calling-code": "232" | |
}, { | |
name: "Singapore", | |
cca2: "sg", | |
"calling-code": "65" | |
}, { | |
name: "Slovakia", | |
cca2: "sk", | |
"calling-code": "421" | |
}, { | |
name: "Slovenia", | |
cca2: "si", | |
"calling-code": "386" | |
}, { | |
name: "Solomon Islands", | |
cca2: "sb", | |
"calling-code": "677" | |
}, { | |
name: "Somalia", | |
cca2: "so", | |
"calling-code": "252" | |
}, { | |
name: "South Africa", | |
cca2: "za", | |
"calling-code": "27" | |
}, { | |
name: "South Korea", | |
cca2: "kr", | |
"calling-code": "82" | |
}, { | |
name: "Spain", | |
cca2: "es", | |
"calling-code": "34" | |
}, { | |
name: "Sri Lanka", | |
cca2: "lk", | |
"calling-code": "94" | |
}, { | |
name: "Sudan", | |
cca2: "sd", | |
"calling-code": "249" | |
}, { | |
name: "Suriname", | |
cca2: "sr", | |
"calling-code": "597" | |
}, { | |
name: "Swaziland", | |
cca2: "sz", | |
"calling-code": "268" | |
}, { | |
name: "Sweden", | |
cca2: "se", | |
"calling-code": "46" | |
}, { | |
name: "Switzerland", | |
cca2: "ch", | |
"calling-code": "41" | |
}, { | |
name: "Syrian Arab Republic", | |
cca2: "sy", | |
"calling-code": "963" | |
}, { | |
name: "Taiwan, Province of China", | |
cca2: "tw", | |
"calling-code": "886" | |
}, { | |
name: "Tajikistan", | |
cca2: "tj", | |
"calling-code": "992" | |
}, { | |
name: "Tanzania", | |
cca2: "tz", | |
"calling-code": "255" | |
}, { | |
name: "Thailand", | |
cca2: "th", | |
"calling-code": "66" | |
}, { | |
name: "Timor-Leste", | |
cca2: "tl", | |
"calling-code": "670" | |
}, { | |
name: "Togo", | |
cca2: "tg", | |
"calling-code": "228" | |
}, { | |
name: "Tonga", | |
cca2: "to", | |
"calling-code": "676" | |
}, { | |
name: "Trinidad and Tobago", | |
cca2: "tt", | |
"calling-code": "1868" | |
}, { | |
name: "Tunisia", | |
cca2: "tn", | |
"calling-code": "216" | |
}, { | |
name: "Turkey", | |
cca2: "tr", | |
"calling-code": "90" | |
}, { | |
name: "Turkmenistan", | |
cca2: "tm", | |
"calling-code": "993" | |
}, { | |
name: "Turks and Caicos Islands", | |
cca2: "tc", | |
"calling-code": "1649" | |
}, { | |
name: "Tuvalu", | |
cca2: "tv", | |
"calling-code": "688" | |
}, { | |
name: "Uganda", | |
cca2: "ug", | |
"calling-code": "256" | |
}, { | |
name: "Ukraine", | |
cca2: "ua", | |
"calling-code": "380" | |
}, { | |
name: "United Arab Emirates", | |
cca2: "ae", | |
"calling-code": "971" | |
}, { | |
name: "United Kingdom", | |
cca2: "gb", | |
"calling-code": "44" | |
}, { | |
name: "United States", | |
cca2: "us", | |
"calling-code": "1" | |
}, { | |
name: "Uruguay", | |
cca2: "uy", | |
"calling-code": "598" | |
}, { | |
name: "Uzbekistan", | |
cca2: "uz", | |
"calling-code": "998" | |
}, { | |
name: "Vanuatu", | |
cca2: "vu", | |
"calling-code": "678" | |
}, { | |
name: "Vatican City", | |
cca2: "va", | |
"calling-code": "379" | |
}, { | |
name: "Venezuela", | |
cca2: "ve", | |
"calling-code": "58" | |
}, { | |
name: "Viet Nam", | |
cca2: "vn", | |
"calling-code": "84" | |
}, { | |
name: "Virgin Islands (British)", | |
cca2: "vg", | |
"calling-code": "1284" | |
}, { | |
name: "Virgin Islands (U.S.)", | |
cca2: "vi", | |
"calling-code": "1340" | |
}, { | |
name: "Western Sahara", | |
cca2: "eh", | |
"calling-code": "212" | |
}, { | |
name: "Yemen", | |
cca2: "ye", | |
"calling-code": "967" | |
}, { | |
name: "Zambia", | |
cca2: "zm", | |
"calling-code": "260" | |
}, { | |
name: "Zimbabwe", | |
cca2: "zw", | |
"calling-code": "263" | |
} ], | |
countryCodes: { | |
"1": [ "us", "ca" ], | |
"7": [ "ru", "kz" ], | |
"20": [ "eg" ], | |
"27": [ "za" ], | |
"30": [ "gr" ], | |
"31": [ "nl" ], | |
"32": [ "be" ], | |
"33": [ "fr" ], | |
"34": [ "es" ], | |
"36": [ "hu" ], | |
"39": [ "it" ], | |
"40": [ "ro" ], | |
"41": [ "ch" ], | |
"43": [ "at" ], | |
"44": [ "gb", "gg", "im", "je" ], | |
"45": [ "dk" ], | |
"46": [ "se" ], | |
"47": [ "no", "sj" ], | |
"48": [ "pl" ], | |
"49": [ "de" ], | |
"51": [ "pe" ], | |
"52": [ "mx" ], | |
"53": [ "cu" ], | |
"54": [ "ar" ], | |
"55": [ "br" ], | |
"56": [ "cl" ], | |
"57": [ "co" ], | |
"58": [ "ve" ], | |
"60": [ "my" ], | |
"61": [ "au", "cc", "cx" ], | |
"62": [ "id" ], | |
"63": [ "ph" ], | |
"64": [ "nz" ], | |
"65": [ "sg" ], | |
"66": [ "th" ], | |
"81": [ "jp" ], | |
"82": [ "kr" ], | |
"84": [ "vn" ], | |
"86": [ "cn" ], | |
"90": [ "tr" ], | |
"91": [ "in" ], | |
"92": [ "pk" ], | |
"93": [ "af" ], | |
"94": [ "lk" ], | |
"95": [ "mm" ], | |
"98": [ "ir" ], | |
"211": [ "ss" ], | |
"212": [ "ma", "eh" ], | |
"213": [ "dz" ], | |
"216": [ "tn" ], | |
"218": [ "ly" ], | |
"220": [ "gm" ], | |
"221": [ "sn" ], | |
"222": [ "mr" ], | |
"223": [ "ml" ], | |
"224": [ "gn" ], | |
"225": [ "ci" ], | |
"226": [ "bf" ], | |
"227": [ "ne" ], | |
"228": [ "tg" ], | |
"229": [ "bj" ], | |
"230": [ "mu" ], | |
"231": [ "lr" ], | |
"232": [ "sl" ], | |
"233": [ "gh" ], | |
"234": [ "ng" ], | |
"235": [ "td" ], | |
"236": [ "cf" ], | |
"237": [ "cm" ], | |
"238": [ "cv" ], | |
"239": [ "st" ], | |
"240": [ "gq" ], | |
"241": [ "ga" ], | |
"242": [ "cg" ], | |
"243": [ "cd" ], | |
"244": [ "ao" ], | |
"245": [ "gw" ], | |
"246": [ "io" ], | |
"247": [ "ac" ], | |
"248": [ "sc" ], | |
"249": [ "sd" ], | |
"250": [ "rw" ], | |
"251": [ "et" ], | |
"252": [ "so" ], | |
"253": [ "dj" ], | |
"254": [ "ke" ], | |
"255": [ "tz" ], | |
"256": [ "ug" ], | |
"257": [ "bi" ], | |
"258": [ "mz" ], | |
"260": [ "zm" ], | |
"261": [ "mg" ], | |
"262": [ "re", "yt" ], | |
"263": [ "zw" ], | |
"264": [ "na" ], | |
"265": [ "mw" ], | |
"266": [ "ls" ], | |
"267": [ "bw" ], | |
"268": [ "sz" ], | |
"269": [ "km" ], | |
"290": [ "sh" ], | |
"291": [ "er" ], | |
"297": [ "aw" ], | |
"298": [ "fo" ], | |
"299": [ "gl" ], | |
"350": [ "gi" ], | |
"351": [ "pt" ], | |
"352": [ "lu" ], | |
"353": [ "ie" ], | |
"354": [ "is" ], | |
"355": [ "al" ], | |
"356": [ "mt" ], | |
"357": [ "cy" ], | |
"358": [ "fi", "ax" ], | |
"359": [ "bg" ], | |
"370": [ "lt" ], | |
"371": [ "lv" ], | |
"372": [ "ee" ], | |
"373": [ "md" ], | |
"374": [ "am" ], | |
"375": [ "by" ], | |
"376": [ "ad" ], | |
"377": [ "mc" ], | |
"378": [ "sm" ], | |
"379": [ "va" ], | |
"380": [ "ua" ], | |
"381": [ "rs" ], | |
"382": [ "me" ], | |
"385": [ "hr" ], | |
"386": [ "si" ], | |
"387": [ "ba" ], | |
"389": [ "mk" ], | |
"420": [ "cz" ], | |
"421": [ "sk" ], | |
"423": [ "li" ], | |
"500": [ "fk" ], | |
"501": [ "bz" ], | |
"502": [ "gt" ], | |
"503": [ "sv" ], | |
"504": [ "hn" ], | |
"505": [ "ni" ], | |
"506": [ "cr" ], | |
"507": [ "pa" ], | |
"508": [ "pm" ], | |
"509": [ "ht" ], | |
"590": [ "gp", "bl", "mf" ], | |
"591": [ "bo" ], | |
"592": [ "gy" ], | |
"593": [ "ec" ], | |
"594": [ "gf" ], | |
"595": [ "py" ], | |
"596": [ "mq" ], | |
"597": [ "sr" ], | |
"598": [ "uy" ], | |
"599": [ "cw", "bq" ], | |
"670": [ "tl" ], | |
"672": [ "nf" ], | |
"673": [ "bn" ], | |
"674": [ "nr" ], | |
"675": [ "pg" ], | |
"676": [ "to" ], | |
"677": [ "sb" ], | |
"678": [ "vu" ], | |
"679": [ "fj" ], | |
"680": [ "pw" ], | |
"681": [ "wf" ], | |
"682": [ "ck" ], | |
"683": [ "nu" ], | |
"685": [ "ws" ], | |
"686": [ "ki" ], | |
"687": [ "nc" ], | |
"688": [ "tv" ], | |
"689": [ "pf" ], | |
"690": [ "tk" ], | |
"691": [ "fm" ], | |
"692": [ "mh" ], | |
"850": [ "kp" ], | |
"852": [ "hk" ], | |
"853": [ "mo" ], | |
"855": [ "kh" ], | |
"856": [ "la" ], | |
"880": [ "bd" ], | |
"886": [ "tw" ], | |
"960": [ "mv" ], | |
"961": [ "lb" ], | |
"962": [ "jo" ], | |
"963": [ "sy" ], | |
"964": [ "iq" ], | |
"965": [ "kw" ], | |
"966": [ "sa" ], | |
"967": [ "ye" ], | |
"968": [ "om" ], | |
"970": [ "ps" ], | |
"971": [ "ae" ], | |
"972": [ "il" ], | |
"973": [ "bh" ], | |
"974": [ "qa" ], | |
"975": [ "bt" ], | |
"976": [ "mn" ], | |
"977": [ "np" ], | |
"992": [ "tj" ], | |
"993": [ "tm" ], | |
"994": [ "az" ], | |
"995": [ "ge" ], | |
"996": [ "kg" ], | |
"998": [ "uz" ], | |
"1242": [ "bs" ], | |
"1246": [ "bb" ], | |
"1264": [ "ai" ], | |
"1268": [ "ag" ], | |
"1284": [ "vg" ], | |
"1340": [ "vi" ], | |
"1345": [ "ky" ], | |
"1441": [ "bm" ], | |
"1473": [ "gd" ], | |
"1649": [ "tc" ], | |
"1664": [ "ms" ], | |
"1671": [ "gu" ], | |
"1684": [ "as" ], | |
"1758": [ "lc" ], | |
"1767": [ "dm" ], | |
"1784": [ "vc" ], | |
"1787": [ "pr" ], | |
"1809": [ "do" ], | |
"1868": [ "tt" ], | |
"1869": [ "kn" ], | |
"1876": [ "jm" ] | |
} | |
}; | |
</script> | |
<script> | |
$( document ).ready(function() { | |
$("#mobile-number").intlTelInput(); | |
}); | |
</script> | |
<script> | |
$( document ).ready(function() { | |
$("#mobile-number1").intlTelInput(); | |
}); | |
</script> | |
</div> | |
</body> | |
</html> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment