<script>
function reportError() {
let data={
"code" :"404",
"message" :"We Can't find the page you requested",
"actual_link":window.location.href
}
$.ajax({
url: "/send-error-mail",
method: 'post',
dataType: 'json',
data: data,
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function(result) {
var res = JSON.parse(result);
$( ".mail-msg" ).text(res.comment);
$( ".mail-msg" ).removeClass("hide-blk");
}});
}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5X62RBR');
</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Ads: 10986738587 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10986738587"></script>
<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10986738587'); </script>
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
window.OneSignal = window.OneSignal || [];
OneSignal.push(function() {
OneSignal.init({
appId: "acf51c83-56dc-45d4-ae22-9445bf08556c",
notifyButton: {
enable: true,
},
});
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-207963998-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-207963998-1');
</script>
<!-- End Google Tag Manager -->
<!--Start of Tawk.to Script-->
<!-- <script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/62612faeb0d10b6f3e6ea4b0/1g15q4hge';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script> -->
<!--End of Tawk.to Script-->
<title>Search Blue Collar Jobs Online India - Best Recruitment Portal | Teamlease</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Blue collar jobs - India's No.1 Job site. Job seekers can apply for jobs online and Post CV/Resume today and apply to millions of Blue collar job opportunities in Hyderabad, Bangalore, Delhi, Mumbai, Chennai, Pune and Kolkata.">
<meta name="keyword" content="Teamlease.com">
<meta name="theme-color" content="#125CAB" />
<link rel="canonical" href="https://www.teamlease.com/404-error" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap" rel="stylesheet">
<link rel="icon" href="https://www.teamlease.com/images/tl_favicon_icon.ico" type="image/gif" sizes="16x16">
<script src="https://www.teamlease.com/js/jquery-3.4.1.min.js"></script>
<!-- required plug-in files for search popup starts-->
<script defer="defer" src="https://www.teamlease.com/js/jquery-custom-1.12.4.min.js"></script>
<script defer="defer" src="https://www.teamlease.com/js/autocomplete-ui.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.teamlease.com/css/jquery-ui-custom.min.css">
<!-- required plug-in files for search popup ends-->
<script defer="defer" src="https://www.teamlease.com/js/desktop-registration.js"></script>
<script defer="defer" src="https://www.teamlease.com/js/bootstrap.min.js"></script>
<script defer="defer" src="https://www.teamlease.com/js/validation.js"></script>
<script defer="defer" src="https://www.teamlease.com/js/sweetalert.min.js"></script>
<script defer="defer" src="https://www.teamlease.com/js/select_search.js"></script>
<script defer="defer" src="https://www.teamlease.com/js/select2.js"></script>
<script src="https://www.teamlease.com/js/slick.js"></script>
<script defer="defer" src="https://www.teamlease.com/js/jquery.tokeninput.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.teamlease.com/css/search-select.css">
<link rel="stylesheet" type="text/css" href="https://www.teamlease.com/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://www.teamlease.com/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://www.teamlease.com/css/token-input.css">
<link href="https://www.teamlease.com/css/app.css" rel="stylesheet">
<link href="https://www.teamlease.com/css/slick.min.css" rel="stylesheet">
<link href="https://www.teamlease.com/css/slick-theme.css" rel="stylesheet">
<script defer="defer" src="https://apis.google.com/js/platform.js?onload=onLoadCallback"></script>
<link rel="stylesheet" type="text/css" href="https://www.teamlease.com/css/floating-label.css">
<script defer="defer" src="https://www.teamlease.com/js/check-login.js"></script>
<script src="https://www.google.com/recaptcha/api.js?render=6Lf6XbgmAAAAAKEJyKl15wFgjDP-H6NS67cl_bx6"></script>
<!--google knowledge graph code- Organization's Logo, contacts and social profile to google -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name" : "TeamLease",
"url": "https://www.teamlease.com/404-error",
"logo": "https://s3.amazonaws.com/static.freshersworld.com/adv_call_letter/TLD_logo1661334409.png",
"contactPoint" : [
{ "@type" : "ContactPoint",
"telephone" : "+91-80-6824 3000",
"contactType" : "Customer Service",
"areaServed" : "India"
} ],
"sameAs" : [ "https://www.facebook.com/teamleasedotcom",
"https://twitter.com/TeamLeaseDGT",
"https://www.youtube.com/channel/UCFF2j3ZnXpa538Z49rPXlWg",
"https://www.linkedin.com/company/teamlease-com" ]
}
</script>
<script>
var _token = "GedtHFw7bm88lnZLzf2HhVgjUlWcjsAXGEqLc70D";
captcha_site_key="6Lf6XbgmAAAAAKEJyKl15wFgjDP-H6NS67cl_bx6";
</script>
</head>
<body id="body">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5X62RBR" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class=" has-header">
<div class="container1">
<link rel="stylesheet" type="text/css" href="https://www.teamlease.com/css/header_css.css">
<input type="hidden" class="uid" />
<div class="header-bg">
<div class="header-section">
<div class="left-menu">
<div class="align-header">
<a href="/"> <img width="137px" height="45px" class="site-logo" alt="TLD Logo" src="https://www.teamlease.com/images/homepage_desktop/TLD_logo.png"></a>
</div>
<div class="search-menu-block">
<div class="align-header header-menu">
<div class="df menu-tabs">
<div class="menu-title">
<span>About us </span><img width="10px" height="5px" alt="About-us-Down Caret" class="black-carot" src="https://www.teamlease.com/images/homepage_desktop/down-caret.svg" />
<img width="10px" height="5px" alt="About_hvr-Down Arrow" class="blue-carot" src="https://www.teamlease.com/images/homepage_desktop/blue-down-arrow.svg" />
</div>
<div class="sub-menu display-none">
<a href="/about-tl" ><p>about teamlease</p></a>
<a href="/about-tl#tld" ><p>about teamlease digital</p></a>
</div>
</div>
<div class="df menu-tabs">
<div class="menu-title">
<span>Industry</span><img width="10px" height="5px" alt="industry-Down Caret" class="black-carot" src="https://www.teamlease.com/images/homepage_desktop/down-caret.svg" />
<img width="10px" height="5px" alt="industry_hvr-Down Arrow" class="blue-carot" src="https://www.teamlease.com/images/homepage_desktop/blue-down-arrow.svg" />
</div>
<div class="sub-menu display-none">
<a href="/industry?src=tldhmhdr#it"><p>IT</p></a>
<a href="/industry?src=tldhmhdr#ites"><p>ITeS</p></a>
<a href="/industry?src=tldhmhdr#itin"><p>IT Infrastructure</p></a>
<a href="/industry?src=tldhmhdr#network"><p>Network Support</p></a>
<a href="/industry?src=tldhmhdr#telecom"><p>Telecom</p></a>
<a href="/industry?src=tldhmhdr#engineering"><p>Engineering</p></a>
<a href="/industry?src=tldhmhdr#htech"><p>HealthTech</p></a>
<a href="/industry?src=tldhmhdr#edtech"><p>EdTech</p></a>
<a href="/industry?src=tldhmhdr#mobiletech"><p>MobileTech</p></a>
</div>
</div>
<div class="df menu-tabs">
<div class="menu-title">
<span>Service offering</span><img width="10px" height="5px" alt="service-Down Caret" class="black-carot" src="https://www.teamlease.com/images/homepage_desktop/down-caret.svg" />
<img width="10px" height="5px" alt="service_hvr-Down Arrow" class="blue-carot" src="https://www.teamlease.com/images/homepage_desktop/blue-down-arrow.svg" />
</div>
<div class="sub-menu display-none">
<a href="/service-offerings?src=tldhmhdr#staffing"><p>Staffing Solutions</p></a>
<a href="/service-offerings?src=tldhmhdr#services"><p>Managed Services</p></a>
<a href="/service-offerings?src=tldhmhdr#staffagumentation"><p>Staff augmentation</p></a>
<a href="/service-offerings?src=tldhmhdr#project"><p>Project based hiring</p></a>
<a href="/service-offerings?src=tldhmhdr#sow"><p>SOW</p></a>
<a href="/service-offerings?src=tldhmhdr#contract"><p>Contract Staffing</p></a>
</div>
</div>
<div class="df menu-tabs">
<div class="menu-title" >
<a href="/case-study"><span class="case-study"> Case Studies</span></a>
</div>
</div>
<!-- <div class="df menu-tabs">
<div class="menu-title" >
<a href="/career"><span class="case-study"> Career Page</span></a>
</div>
</div> -->
<div class="df menu-tabs">
<div class="menu-title">
<span>More</span><img width="10px" height="5px" alt="more-Down Caret" class="black-carot" src="https://www.teamlease.com/images/homepage_desktop/down-caret.svg" />
<img width="10px" height="5px" alt="more_hvr-Down Arrow" class="blue-carot" src="https://www.teamlease.com/images/homepage_desktop/blue-down-arrow.svg" />
</div>
<div class="sub-menu more display-none">
<div class="df">
<div class="submenu-1">
<p class="sub-heading">Product & Platforms</p>
<!-- <p>TL Connect</p> -->
<a href="/product-platform?src=tldhmhdr#ats"> <p>ATS</p></a>
<a href="/product-platform?src=tldhmhdr#dws"><p>DWS</p></a>
<a href="/product-platform?src=tldhmhdr#htdm"><p>HTDM</p></a>
</div>
<div class="submenu-2">
<a href="/events"><p>Webinar</p></a>
<a href="/press-news"> <p>Press & News</p></a>
<a href="/reports"> <p>Premium Downloadable Report</p></a>
<a href="/blog"> <p>Blogs</p></a>
</div>
</div>
</div>
</div>
<div class="search-bar" data-toggle="modal" data-target="#searchModal" id="search-btn">
<img width="26px" height="26px" alt="Search" src="https://www.teamlease.com/images/search-icon.png"/>
</div>
</div>
</div>
</div>
<div class="align-header non-loggedin-block login-reg-block">
<div class="reg-btn" data-toggle="modal" data-target="#LoginModal">
<!-- <img width="15px" height="16px" alt="login" src="https://www.teamlease.com/images/homepage_desktop/login.svg" /> -->
<span class="reg-btn-text">Login</span>
</div>
<a href="/userRegister?src=tldhm" >
<div class="login-btn">
<span class="login-btn-text"> Register</span>
<img alt="Down Caret" class="display-none" alt="employers login" src="https://www.teamlease.com/images/homepage_desktop/down-caret-reg.svg" />
</div>
</a>
<a href="https://ats.teamleasedigital.com/?src=tldcplogin" >
<div class="recruiter">
<div class="recruiter-login">
Recruiter Login
</div>
</div>
</a>
</div>
<div class="align-header loggedin-block display-none" style="justify-content: right;padding: 0px 5px;/* width: 20%;padding-left: 147px; */">
<div class="logout-dropdown">
<div class="df menu-tabs">
<div class="menu-title">
<span><img width="10px" height="5px" alt="Profarrow-Image" class="img-circle non_profile_pic margin-bottom-5" src="/images/pic.svg" style="height:35px;border-radius: 50%;width:70px;">
</span><img alt="Down Caret" class="black-carot" src="https://www.teamlease.com/images/homepage_desktop/down-caret.svg" />
<img alt="Down Arrow" class="blue-carot" src="https://www.teamlease.com/images/homepage_desktop/blue-down-arrow.svg" />
</div>
<div class="sub-menu display-none" style="top: 48px;">
<p><a class="logout-btn-text" href="/myprofile">MyProfile</a></p>
<p><a class="logout-btn-text" href="/logout">logout</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<meta name="csrf-token" content="GedtHFw7bm88lnZLzf2HhVgjUlWcjsAXGEqLc70D" />
<input type="hidden" class="home_url" value="https://www.teamlease.com/" />
<style>
.go-back,.otp-digit-form,.forgot-password-form{
display:none;
}
</style>
<!-- registration modal -->
<!-- Trigger the modal with a button -->
<!-- <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#LoginModal">Open Modal</button> -->
<!-- Modal -->
<div class="modal fade" id="LoginModal" role="dialog" style="left: 14%;">
<div class="modal-dialog modal-lg">
<div class="modal-content" style="box-shadow: none;width: 700px;height:630px">
<div class="container-fluid">
<div class="row first-segment ">
<div class="col-md-5 color-blue left-text">
<div class="left-text-div" >
<section>
<div class="font-20 welcome-text font-family">Welcome Back to TeamLease Digital</div>
</section>
<section class="margin-top-5" >
<img class="lazyload" alt="bar svg" src="/images/bar.svg"/>
</section>
<section class="margin-top-5" >
<div class="font-16 welcome-sub-text font-family">Login Now and start applying for Jobs on TeamLease Digital</div>
</section>
</div>
</div>
<div class="col-md-7">
<div class="close-div">
<span class="close-back">
<img alt="close" class="close-login" data-dismiss="modal" src="/images/close-svg.svg" style="bottom: 3px !important; left: 1px;"/>
</span>
</div>
<div class="back-div">
<span class="go-back font-family otp-form">
<img alt="back" class="back-login1" src="/images/back.svg" style="padding-right: 15px;"/>
OTP Login
</span>
<span class="go-back font-family otp-digit-form back-login ">
<img alt="back" class="back-login2" src="/images/back.svg" style="padding-right: 15px;" />
OTP Verification
</span>
<span class="go-back font-family forgot-password-form ">
<img alt="back" class="back-login3" src="/images/back.svg" style="padding-right: 15px;" />
Forgot Password
</span>
<span class="go-back font-family forgot-password-back-form ">
<img alt="back" class="back-login4" src="/images/back.svg" style="padding-right: 15px;"/>
OTP Verification
</span>
<span class="go-back font-family change-forgot-password-back ">
<img alt="back" class="back-login5" src="/images/back.svg" style="padding-right: 15px;" />
Set New Password
</span>
</div>
<div class="register-with-text login-form">
<span class="login-form reg_text font-family">Jobseeker Login</span>
<div class="login-form margin-top-5 width-96" >
<div class="login-icons fb_login social-login-icons1 inline-block width-44">
<a href="javascript:void(0)" onclick="Login()" title="Facebook" id="fb-login">
<img alt="facebook" style="height:20px; width:20px;" src="/images/fb.svg">
<span class="social-login-text font-family" style="color: #394649;font-family:Nunito; font-weight:bold;padding-left: 10%;">Facebook</span>
</a>
</div>
<div class="login-icons google_login social-login-icons1 inline-block width-44" id="google-login-button1" title="Google" style="margin-left: 4%;">
<meta itemprop="google-signin-scope" content="profile email">
<meta content="977363074105-ut5g31klnslf2krp3sadr4utkaoi7bdc.apps.googleusercontent.com" itemprop="google-signin-client_id">
<img alt="gmail" class="gmail_icon" style="height:20px; width:20px;" src="/images/gmail.svg">
<span class="social-login-text font-family" style="color: #394649;font-family:Nunito; font-weight:bold;padding-left: 10%;">Google</span>
</div>
</div>
<div class="hr-sect">OR</div>
</div>
<p class="login-error-msg color-red text-center"></p>
<div class="registration_container container-fluid">
<form >
<!-- method="post" action="loggedin" -->
<div class="form-group login-form margin-bottom-8">
<div class="floating-label">
<input type="email" class="floating-input form-control padding-left-10" id="login-email" placeholder=" " name="login-email" onfocusout="validate_input('#login-email')">
<span class="highlight"></span>
<label class="float-placeholder">Mobile Number / Email<span class="required"></span></label>
<div class="error-msg font-family">Enter Your Email</div>
</div>
</div>
<div class="form-group login-form" style="margin-bottom:5% !important">
<div class="floating-label">
<input type="password" class="floating-input form-control padding-left-10" maxlength="20" id="login-password" placeholder=" " name="login-password" onfocusout="validate_input('#login-password')">
<span class="click-show-hide-login font-family">Show</span>
<span class="highlight"></span>
<label class="float-placeholder">Password<span class="required"></span></label>
<div class="error-msg font-family"> Enter valid password</div>
</div>
</div>
<div class="form-group login-form" style="margin-bottom:-2% !important">
<div class="checkbox">
<label><input type="checkbox" checked name="remember">Keep me signed in</label>
<label class="forgot_password font-family">Forgot Password</label>
</div>
</div>
<div class="form-group login-form">
<span class="contact-via-whatsapp">
<input class="regular-checkbox required" type="checkbox" value="1" name="whatsappsub" id="whatsapp_check_login" aria-required="false" checked="checked">
<label for="whatsapp_check_login" style="margin-top: 2px;">
<span style="display: flex;margin-top: 8px;cursor: pointer;">
<div class="cbox-txt10" style="margin-left: 7px;font-size: 14px;font-weight: 600;color: #4E4E4E;">Contact me via</div>
<img alt="whatsapp-icon" class="whatsapp-icon" src="https://www.teamlease.com/images/whatsapp_icon.svg">
<div class="" style="font-size: 12px;font-family: Montserrat; font-size:14px;font-weight: 600;color: #25D366;display: inline;"> Whatsapp </div>
</span>
</label>
</span>
</div>
<input type="hidden" name="id_login_src" class="id_login_src" id="id_login_src">
<input type="hidden" name="_token" value="GedtHFw7bm88lnZLzf2HhVgjUlWcjsAXGEqLc70D"> <div class="form-group text-center login-form">
<button type="button" class="btn btn-default login-btn-submit">Login</button>
</div>
<div class="form-group text-center login-form">
<label class="or-text font-family">OR</label>
</div>
<div class="form-group text-center login-form">
<button type="button" class="btn btn-default otp-login font-family">Use OTP to Login</button>
</div>
<div class="form-group verify_otp otp-form" style="display:none;margin-top: 5%;margin-bottom: 10% !important;">
<div class="floating-label">
<input type="tel" class="floating-input form-control padding-left-10" maxlength="10" id="otp_mobile_number" placeholder=" " name="otp_mobile_number" stye="height:35px" onfocusout="validate_input('#otp_mobile_number','mobile',0,10,10)" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))">
<span class="highlight"></span>
<label class="float-placeholder">Mobile Number<span class="required" style=" color: red;">*</span></label>
<span><label class="otp-text font-family">You will receive an OTP on this number</label></span>
<!-- <span><label class="resend-otp">Resend OTP</label></span> -->
<div class="error-msg font-family">Enter Mobile Number</div>
</div>
</div>
<div class="form-group text-center otp-form" style="display:none;">
<button type="button" class="btn btn-default get-otp-btn font-family">Get OTP</button>
</div>
<div class="form-group otp-code-text otp-digit-form" style="margin-top: 5%;">
<div class="font-family">
Please enter verification code (OTP) sent to: <br/><span id="get_otp_number"> </span>
<span class="edit_number font-family">Edit</span>
</div>
</div>
<div class="form-group verify_otp otp-digit-form" style="display:none;">
<div class="floating-label">
<input type="tel" class="floating-input form-control padding-left-10" maxlength="4" id="mobile_otp" placeholder=" " name="mobile_otp" stye="height:35px" onfocusout="validate_input('#mobile_otp','mobile',0,4,4)" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))">
<span class="highlight"></span>
<label class="float-placeholder">4 digit OTP</label>
<span><label class="otp-text font-family" >Your OTP should arrive in <span id="timer"></span> Seconds</label></span>
<span><label class="resend-otp resend-mobile-otp display-none font-family" >Resend OTP</label></span>
<div class="error-msg font-family">Enter 4 Digit OTP</div>
</div>
</div>
<div class="form-group text-center otp-digit-form">
<button type="button" class="btn btn-default continue-btn font-family">Continue</button>
</div>
<div class="form-group otp-code-text forgot-password-form" style="margin-top: 5%;">
<div class="font-family">
We will send One Time Password (OTP) on your mobile to reset your password.
</div>
</div>
<div class="form-group verify_otp forgot-password-form" style="margin-bottom:15% !important;">
<div class="floating-label">
<input type="tel" class="floating-input form-control padding-left-10" id="number-email" name="number-email" stye="height:35px" onfocusout="validate_input('#number-email')">
<span class="highlight"></span>
<label class="float-placeholder">Mobile</label>
<div class="error-msg font-family">Enter Mobile</div>
</div>
</div>
<div class="form-group text-center forgot-password-form">
<button type="button" class="btn btn-default forgot-password-otp-btn font-family">Get OTP</button>
</div>
<div class="form-group otp-code-text display-none forgot-otp-form" style="margin-top: 5%;">
<div class="font-family">
Please enter verification code (OTP) sent to: <br/><span id="forgot-pwd_otp_number-mail"> </span>
<span class="edit_email font-family">Edit</span>
</div>
</div>
<div class="form-group verify_otp forgot-otp-form" style="margin-bottom:15% !important;display:none;">
<div class="floating-label">
<input type="tel" class="floating-input form-control padding-left-10" maxlength="4" id="forgot_password_otp" placeholder=" " name="forgot_password_otp" stye="height:35px" onfocusout="validate_input('#forgot_password_otp','numbers',0,4,4)" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))">
<span class="highlight"></span>
<label class="float-placeholder">4 digit OTP</label>
<span><label class="otp-text font-family">Your OTP should arrive in <span id="forgot-timer"></span> Seconds</label></span>
<span><label class="resend-otp forgot-password-otp display-none font-family" style="margin-left: 22%;">Resend OTP</label></span>
<div class="error-msg">Enter 4 Digit OTP</div>
</div>
</div>
<div class="form-group text-center display-none forgot-otp-form">
<button type="button" class="btn btn-default submit-forgot-pwd-btn font-family">Continue</button>
</div>
<div class="form-group change-forgot-pwd-form display-none margin-top-13 forgot-otp-form">
<div class="font-family">
<span>Hello:</span> <span class="forgot-pwd_otp_number-mail" style="font-weight:600"> </span>
</div>
</div>
<div class="form-group display-none change-forgot-pwd-form" >
<div class="font-family">
Enter new password for your account
</div>
</div>
<div class="form-group display-none change-forgot-pwd-form margin-bottom-10">
<div class="floating-label">
<input type="password" class="floating-input form-control padding-left-10" maxlength="20" id="new-password" placeholder=" " name="new-password" stye="height:35px" onfocusout="validate_input('#new-password',0,0,0,6)">
<span class="highlight"></span>
<label class="float-placeholder">New Password</label>
<div class="error-msg font-family"> Enter New Password</div>
</div>
</div>
<div class="form-group display-none change-forgot-pwd-form margin-bottom-10">
<div class="floating-label">
<input type="tel" class="floating-input form-control padding-left-10" maxlength="20" id="confirm-password" placeholder=" " name="confirm-password" stye="height:35px" onfocusout="validate_input('#confirm-password',0,0,0,6)">
<span class="highlight"></span>
<label class="float-placeholder">Confirm Password</label>
<div class="error-msg font-family"> Enter Confirm Password</div>
<p class="pwd-matched"></p>
</div>
</div>
<div class="form-group text-center display-none change-forgot-pwd-form margin-top-15">
<button type="button" class="btn btn-default change-forgot-pwd-btn font-family">Change Password</button>
</div>
<div class="form-group text-center">
<a href="/register">
<!-- <label class="width-100"><span class="terms-condition1 font-family">Not a member yet?</span><span class="terms-condition2 close-login-modal font-family" data-toggle="modal" data-target="#RegistrationModal">Register Now</span></label> -->
<label class="width-100"><span class="terms-condition1 font-family">Not a member yet?</span><span class="terms-condition2 close-login-modal font-family">Register Now</span></label>
</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="https://www.teamlease.com/css/desktop-login.css" >
<script defer="defer" src="https://www.teamlease.com/js/desktop-login.js" ></script>
<meta name="csrf-token" content="GedtHFw7bm88lnZLzf2HhVgjUlWcjsAXGEqLc70D" />
<input type="hidden" class="home_url" value="https://www.teamlease.com/" />
<!-- registration modal -->
<!-- Trigger the modal with a button -->
<!-- <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#RegistrationModal">Open Modal</button> -->
<!-- Modal -->
<div class="modal fade" id="RegistrationModal" role="dialog" style="left:13%;overflow-y: scroll;">
<div class="modal-dialog modal-lg">
<div class="modal-content" style="box-shadow: none;width: 700px;height:auto;">
<div class="container-fluid">
<div class="row reg-first-segment ">
<div class="col-md-5 color-blue left-text-reg">
<div class="left-text-div-reg" >
<section>
<div class="font-20 welcome-text font-family">Join TeamLease Digital for Free</div>
</section>
<section class="margin-top-5" >
<img class="lazyload" alt="bar" src="/images/bar.svg"/>
</section>
<section class="margin-top-5" >
<div class="font-16 welcome-sub-text font-family">Register Now and start applying for Jobs on TeamLease Digital</div>
</section>
</div>
</div>
<div class="col-md-7">
<div class="close-div">
<span class="close-back">
<img alt="close" class="close-login" data-dismiss="modal" src="/images/close-svg.svg" style="bottom: 3px !important; left: 1px;"/>
</span>
</div>
<div class="register-with-text" style="padding: 25px 0px 20px 0px;text-align: center;height: auto;">
<span class="font-family" style="color:#394649;font-size: 20px;font-weight: bold;">Jobseeker Registration</span>
<div class="margin-top-5 width-98">
<div class="login-icons social-login-icons fb_login inline-block" style="margin-left: 0%;">
<a href="javascript:void(0)" onclick="Login()" title="Facebook" class="">
<img alt="facebook" src="/images/fb.svg">
<span class="social-login-text font-family" style="color: #394649;font-family:Nunito; font-weight:bold;padding-left: 10%;">Facebook</span>
</a>
</div>
<div class="login-icons google_login social-login-icons inline-block" id="google-login-button-reg1" title="Google" style="margin-left: 5%;">
<meta itemprop="google-signin-scope" content="profile email">
<meta content="100023348481-c6qmsa9rsjdvg6ua09uavikruj8n5mom.apps.googleusercontent.com" itemprop="google-signin-client_id">
<img alt="gmail" class="gmail_icon" src="/images/gmail.svg">
<span class="social-login-text font-family" style="color: #394649;font-family:Nunito; font-weight:bold;padding-left: 10%;">Google</span>
</div>
</div>
<div class="hr-sect-reg">OR</div>
</div>
<p class="reg-error-msg color-red text-center"></p>
<div class="registration_container container-fluid">
<form>
<div class="form-group margin-bottom-8">
<div class="floating-label">
<input type="text" class="floating-input form-control full-name" id="name" name="name" placeholder=" " onfocusout="validate_input('#name','characters')" >
<span class="highlight"></span>
<label class="float-placeholder">Name<span class="required"></span></label>
<div class="error-msg font-family">Enter Your Name</div>
</div>
</div>
<div class="form-group margin-bottom-8">
<div class="floating-label">
<input type="email" class="floating-input form-control reg-email" id="email" placeholder=" " name="email" onfocusout="validate_input('#email','email')">
<span class="highlight"></span>
<label class="float-placeholder">Email<span class="required"></span></label>
<div class="mail-error-msg color-red font-family"></div>
<div class="error-msg font-family">Enter Your Email</div>
</div>
</div>
<div class="form-group margin-bottom-8">
<div class="floating-label">
<input type="password" class="floating-input form-control padding-left-10" maxlength="20" id="password" placeholder=" " name="password" onfocusout="validate_input('#password',0,0,0,6)" >
<span class="click-show-hide font-family">Show</span>
<span class="highlight"></span>
<label class="float-placeholder">Password<span class="required"></span></label>
<div class="error-msg font-family"> Enter min 6 characters valid password</div>
</div>
</div>
<div class="form-group margin-bottom-8">
<input class="inp-outer form-control mobile-std-code" value="+91" disabled="">
<div class="floating-label">
<input type="tel" class="floating-input form-control mobile_no" maxlength="10" id="mobile" placeholder=" " name="mobile" onfocusout="validate_input('#mobile','mobile',0,10,10)" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))">
<label class="icon-count display-none font-family">
Verify
<img alt="verify" class="icon-1 verifyValue" src="/images/verify.svg">
</label>
<span class="highlight"></span>
<label class="float-placeholder" style="left: 67px;">Mobile Number<span class="required"></span></label>
<div class="mobile-error-msg color-red font-family"></div>
<div class="error-msg font-family">Enter 10 digits valid Mobile Number</div>
</div>
</div>
<div class="form-group margin-bottom-0 verify_otp display-none">
<div class="floating-label">
<input type="tel" class="floating-input form-control padding-left-10" maxlength="4" id="otp" placeholder=" " onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))" name="otp" stye="height:35px" onfocusout="validate_input('#otp','numbers',0,4,4)">
<span class="highlight"></span>
<label class="float-placeholder">4 Digit OTP</label>
<span><label class="otp-text font-family">Your OTP should arrive in <span id="reg-timer"></span> Seconds</label></span><span><label class="resend-otps resend-reg-otp display-none">Resend OTP</label></span>
<div class="error-msg font-family">Enter 4 Digit OTP</div>
</div>
</div>
<div class="form-group margin-bottom-0">
<span class="contact-via-whatsapp">
<input class="regular-checkbox required" type="checkbox" value="1" name="whatsappsub" id="whatsapp_check" aria-required="false" checked="checked">
<label for="whatsapp_check" style="margin-top: 2px;">
<span style="display: flex;margin-top: 8px;cursor: pointer;">
<div class="cbox-txt10" style="margin-left: 10px;font-size: 14px;font-weight: 600;color: #4E4E4E;">Contact me via</div>
<img alt="whatsapp-icon" class="whatsapp-icon" src="https://www.teamlease.com/images/whatsapp_icon.svg">
<div class="" style="font-size: 14px;font-weight: 600;color: #4E4E4E;"> Whatsapp </div>
</span>
</label>
</span>
</div>
<div class="form-group margin-bottom-3 float-right" style="width:37px">
<circle class="color-blue blue-circle"></circle>
<circle class="gray-circle"></circle>
</div>
<div class="form-group margin-bottom-3">
<label>
<span class="terms-condition1 font-family">By registering, you agree to our</span><span class="terms-condition2 font-family"><a href="/terms-conditions">Terms & Conditions</a> & <a href="/privacy-policy"> Privacy Policy.</a></span>
</label>
</div>
<!-- <div class="checkbox">
<label><input type="checkbox" name="remember"> Remember me</label>
</div> -->
<div class="form-group margin-bottom-0 text-center">
<button type="button" class="btn btn-default next-btn font-family">Next</button>
</div>
<div class="form-group margin-bottom-0 text-center" style=" margin-top: 3%">
<label class="width-100"><span class="terms-condition1 font-family">Already Registered?</span><span class="terms-condition2 close-reg-modal font-family" data-toggle="modal" data-target="#LoginModal">Login here</span></label>
</div>
<input type="hidden" name="id_src" class="id_src" id="id_src">
</form>
</div>
</div>
</div>
<div class="row reg-second-segment display-none">
<div class="close-div">
<span class="close-back">
<img alt="close" class="close-login" data-dismiss="modal" src="/images/close-svg.svg" style="bottom: 10px !important; left: -10px;"/>
</span>
</div>
<div class="back-div">
<span class="go-back-reg font-family">
<img alt="back" class="back-reg back-login" src="/images/back.svg" />
Tell us more about yourself
</span>
</div>
<form method="post" id="registration-form">
<div class="col-md-12">
<div class="">
<div class="col-md-12 padding-left-0 margin-10-0">
<div class="col-lg-6 col-xs-6 col-md-6 padding-left-0">
<div class="float-placeholder" style="position: relative;top: 10px;left: 10px;background: #fff;width:74px;color:#227BEF;z-index: 9;font-size: 12px;">Current City</div>
<select class="form-control font-family" name="city" id="city" onchange='validate_input("#city")'>
<option>Select City</option>
</select>
<div class="error-msg font-family">Select City</div>
</div>
<div class="col-md-6 sublocation-section display-none" id="sublocation_block">
<div style="position: relative;top: 10px;left: 10px;background: #fff;width:79px;padding-left: 4px;color:#227BEF;z-index: 9;font-size: 12px;">Sub Location</div>
<select class="form-control font-family" id="current_sublocation_id" name="current_sublocation_id">
<option> Select Sub Location</option>
</select>
</div>
</div>
<div class="col-md-12 padding-left-0 margin-10-0">
<div class="col-md-6">
<div class="float-placeholder" style="position: relative;top: 10px;left: 10px;background: #fff;width:102px;padding-left: 4px;color:#227BEF;z-index: 9;font-size: 12px;">Total Experience</div>
<select class="form-control font-family" name="experience" id="experience" onchange='validate_input("#experience")'>
<option value="">Total Experience</option>
<option value="0">Fresher</option>
<option value="12">1 Year</option>
<option value="24">2 Year</option>
<option value="36">3 Year</option>
<option value="48">4 Year</option>
<option value="60">5 Year</option>
<option value="72">6+ Year</option>
</select>
<div class="exp_error-msg error-msg font-family">Select Experience</div>
</div>
<div class="col-md-6">
<div class="float-placeholder" style="position: relative;top: 10px;left: 10px;background: #fff;width:122px;padding-left: 4px;color:#227BEF;z-index: 9;font-size: 12px;">Job Industry / Sector</div>
<select class="form-control font-family" name="industry" id="industry" onchange='validate_input("#industry")'>
<option>Job Industry/ Sector</option>
</select>
<div class="industry_error-msg error-msg font-family">Select Industry</div>
</div>
</div>
<div class="col-md-12 padding-left-0 margin-10-0">
<div class="col-md-6">
<div class="float-placeholder" style="position: relative;top: 10px;left: 10px;background: #fff;width:58px;padding-left: 4px;color:#227BEF;z-index: 9;font-size: 12px;">Job Role</div>
<select class="form-control font-family" name="role_id" id="role_id" onchange='validate_input("#role_id")'>
<option>Job Role</option>
</select>
<div class="error-msg font-family">Select Job Role</div>
</div>
<div class="col-md-6">
<div style="position: relative;top: 10px;left: 10px;background: #fff;width:101px;padding-left: 4px;color:#227BEF;z-index: 9;font-size: 12px;">Current Company</div>
<input type="text" class="form-control padding-left-10 width-301" name="Company" id="company" placeholder="Enter Company">
</div>
</div>
<div class="col-md-12 padding-left-0 margin-10-0">
<div class="col-md-6">
<div class="float-placeholder" style="position: relative;top: 10px;left: 10px;background: #fff;width:111px;padding-left: 4px;color:#227BEF;z-index: 9;font-size: 12px;">Highest Education</div>
<select class="form-control font-family" name="education" id="education" onchange='validate_input("#education")'>
<option>Education</option>
</select>
<div class="error-msg font-family">Select Education</div>
</div>
<div class="col-md-6 ">
<div class="float-placeholder" style="position: relative;top: 10px;left: 10px;background: #fff;width:40px;padding-left: 2px;color:#227BEF;font-size: 12px;z-index: 9; ">Skills</div>
<select multiple="multiple" class="form-control skills font-family" name="skills" id="skills" onchange='validate_input("#skills")'>
</select>
<div class="error-msg font-family">Enter Skills</div>
</div>
</div>
<div class="col-md-12 padding-left-0 margin-10-0">
<div class="col-md-5">
<label class="resume-text font-family">Upload Resume (optional) </label>
<label for="choose-file" class="custom-file-upload font-family" id="choose-file-label">
<img alt="upload svg" class="upload-svg" src="/images/upload.svg">
Upload Resume
</label>
<input name="uploadDocument" type="file" id="choose-file" accept=".pdf,.doc,.docx" style="display: none;" />
<div class="file-format font-family">Supported Formats: doc, docx, rtf, pdf, upto 2 MB</div>
</div>
<div class="col-md-1 display-none">
<div class="resume-or-text font-family">-OR-</div>
</div>
<div class="col-md-5 display-none">
<div class="resume-copy-paste font-family">Drag and Drop resume</div>
</div>
</div>
<div class="col-md-12 drag-drop-div padding-left-0 margin-10-0 display-none">
<input type="text" class="form-control drop-file" placeholder="Drop here" style="height:65px !important;">
<input type="file" class="form-control drag-file" name="file[]" multiple>
</div>
<div class="col-md-12 padding-left-0">
<div class="form-group margin-bottom-0 float-right">
<circle class="gray-circle"></circle>
<circle class="color-blue blue-circle"></circle>
</div>
</div>
<div class="col-md-12 padding-left-0 text-align">
<label style="width: 100%;margin-left: 2%;">
<span class="terms-condition1 font-family">By registering, you agree to our</span><span class="terms-condition2 font-family" style="margin-left: 0%;"> Terms & Conditions & Privacy Policy.</span>
</label>
</div>
<div class="col-md-12 padding-left-0 margin-10-0 padding-bottom-10 text-align">
<input type="hidden" class="uid" />
<input type="hidden" class="opt_in" />
<button type="button" class="btn btn-primary font-family" id="register-btn" >Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="https://www.teamlease.com/css/desktop-registration.css" >
<script defer="defer" src="https://www.teamlease.com/js/desktop-registration.js" ></script> <style>
#searchModal{
padding: 0px !important;
}
.search-modal-content{
height: 119px;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 12px #00000029;
border-radius: 0px;
border: 1px solid #FFFFFF;
}
.search-modal-dialog{
margin: 0px !important;
width: 100%;
}
.search-modal-body{
display:flex;
flex-direction:column;
padding:0px !important;
}
.close-modal-btn{
cursor:pointer;
align-self: flex-end;
padding: 10px;
}
.search-form{
display:flex;
justify-content: center;
}
.search-form-control:hover{ /* Chrome/Opera/Safari */
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #227BEF;
border-radius:4px;
}
.search-form-control{
height: 48px !important;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DCDEE1;
border-radius: 4px;
}
.search-form label{
position:absolute;
transition:all 0.3s;
top: 8px;
left: 15px;
pointer-events: none;
font: normal normal normal 14px/30px Nunito;
letter-spacing: 0px;
color: #959C9D;
font-weight: 500;
}
.search-form-control:hover ~ label, .search-form-control:focus ~ label, .select2-container--default:focus ~ label, .select2-container--default:hover ~ label{
font: normal normal 600 12px/30px Nunito;
letter-spacing: 0px;
color: #227BEF;
top: -14px;
left: 10px;
background-color: #FFFFFF;
padding: 0px 4px;
}
/* .search-form-control:focus ~ label{
font: normal normal 600 12px/30px Nunito;
letter-spacing: 0px;
color: #227BEF;
top: -14px;
left: 10px;
background-color: #FFFFFF;
padding: 0px 4px;
} */
.search-form-group{
position:relative;
margin-bottom: 0px !important;
margin-right: 15px;
}
.search-form label.active{
font: normal normal 600 12px/30px Nunito;
letter-spacing: 0px;
color: #227BEF;
top: -14px;
left: 10px;
background-color: #FFFFFF;
padding: 0px 4px;
}
.skills-field{
width: 405px !important;
}
.location-field,.experience-field{
width: 300px !important;
}
.search-form span.select2-selection.select2-selection--single{
outline: none !important;
}
.search-submit-buttton{
width: 152px;
height: 48px;
background: #227BEF 0% 0% no-repeat padding-box;
border-radius: 4px;
font: normal normal bold 16px/10px Nunito;
letter-spacing: 0px;
color: #FFFFFF;
border: none;
}
#select2-search-experience-container{
height:48px !important;
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
/* height: 26px;
position: absolute;
top: 12px;
right: 4px;
width: 20px; */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
/* border-color: #635050 transparent transparent transparent;
border-style: solid;
border-width: 6px 6px 0 6px;
height: 0;
left: 50%;
margin-left: -10px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; */
}
span[aria-labelledby="select2-search-experience-container"]{
height:48px !important;
display: flex;
align-items: center;
}
.ui-autocomplete{
/* top: 208px; */
border-radius: unset !important;
z-index: 100000 !important;
border: 1px solid #ccc !important;
}
.error{
border: 1px solid red;
}
</style>
<div class="modal fade" id="searchModal" role="dialog">
<div class="modal-dialog modal-md search-modal-dialog">
<div class="modal-content search-modal-content">
<div class="modal-body search-modal-body">
<img class="close-modal-btn" data-dismiss="modal" src="https://www.teamlease.com/images/homepage_desktop/close-icon.svg" />
<div class="search-modal-body">
<form class="search-form" id="JobSearchForm" method="post" name="JobSearchForm" encrypt="multipart/form-data" action="/ajax-generate-search-url">
<input type="hidden" name="_token" value="GedtHFw7bm88lnZLzf2HhVgjUlWcjsAXGEqLc70D">
<div class="form-group search-form-group ui-widget">
<!-- <input class="form-control ui-autocomplete-input" name="search_Job_keyword" id="keyword" value="" > -->
<input name="search-keyword" id="search-keyword" class="form-control search-form-control skills-field input_search" type="input" autocomplete="off" />
<!-- <select name="search-skills" class="form-control search-form-control skills-field" onchange='validate_input("#search-skills")'>
<option value=""></option>
</select> -->
<label for="keyword">Enter Skill, Company</label>
</div>
<div class="form-group search-form-group ui-widget">
<!-- <input name="name" class="form-control search-form-control location-field" type="input" value="" required/> -->
<input name="search-city" id="search-city" class="form-control search-form-control location-field " type="input" autocomplete="off" />
<!-- <select name="search-city" id="search-city" class="form-control search-form-control location-field" onchange='validate_input("#search-city")'>
<option value=""></option>
</select> -->
<div class="location_error " style="color: red;display:none;">Please Enter valid location</div>
<label for="search-city">Location</label>
</div>
<div class="form-group search-form-group">
<select name="search-experience" class="form-control search-form-control experience-field" id="search-experience">
<option value=""></option>
<option value="0">Fresher</option>
<option value="6">0.5 Year</option>
<option value="12">1 Year</option>
<option value="24">2 Years</option>
<option value="36">3 Years</option>
<option value="48">4 Years</option>
<option value="60">5 Years</option>
<option value="72">6 Years</option>
<option value="84">7 Years</option>
<option value="96">8 Years</option>
<option value="108">9 Years</option>
<option value="120">10 Years</option>
<option value="132">11 Years</option>
<option value="144">12 Years</option>
<option value="156">13 Years</option>
<option value="168">14 Years</option>
<option value="180">15 Years</option>
<option value="*">More than 15 years</option>
</select>
<label for="search-experience">Experience</label>
</div>
<div>
<input type="submit" value="Search" class="search-submit-buttton" id="search-submit-btn"/>
</div>
</form>
</div>
</div>
</div>
</div>
</div><script>
$('.menu-title').click(function (e){
if($(this).hasClass('active-menu')){
$(this).toggleClass('active-menu');
$(this).find('.close-menu').toggleClass('display-none');
$(this).find('.open-menu').toggleClass('display-none');
$(this).parent().find('.sub-menu').toggleClass('display-none');
}else{
$('.menu-title').removeClass('active-menu');
$('.close-menu').removeClass('display-none');
$('.open-menu').addClass('display-none');
$('.sub-menu').addClass('display-none');
$(this).toggleClass('active-menu');
$(this).find('.close-menu').toggleClass('display-none');
$(this).find('.open-menu').toggleClass('display-none');
$(this).parent().find('.sub-menu').toggleClass('display-none');
}
});
$('.main-body').on('click',function (){
$('.menu-title').removeClass('active-menu');
$('.sub-menu').addClass('display-none');
$('.filter-dropdown').addClass('display-none');
});
$(document).scroll(function(){
$('.menu-title').removeClass('active-menu');
$('.sub-menu').addClass('display-none');
});
// search popup js
var locations_data =[];
var skills_data=[] ;
var get_data_once = 0;
$('#search-btn').on('click',function(){
if(get_data_once == 0){
$.ajax({
url:'/ajax-get-search-fields-api-data',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
type:'json',
type:'Get',
success: function(response) {
get_data_once =1;
var obj =response;
$.each(obj, function(skill_loc_arr,skill_loc_data) {
$.each(skill_loc_data, function(key,value) {
$.each(value, function(id, name){
if(skill_loc_arr=='locations'){
locations_data.push(name);
}else if(skill_loc_arr=='skills'){
skills_data.push(name);
}
});
});
});
}
});
}
});
$( function() {
var flag_keyword = 0;
function split( val ) {
return val.split( /,\s*/ );
}
function extractLast( term ) {
return split( term ).pop();
}
//search keyword
$( "#search-keyword" ).on( "keydown", function( event ) {
if ( event.keyCode === $.ui.keyCode.TAB &&
$( this ).autocomplete( "instance" ).menu.active ) {
event.preventDefault();
}
})
.autocomplete({
minLength: 0,
source: function( request, response ) {
// delegate back to autocomplete, but extract the last term
response( $.ui.autocomplete.filter(
skills_data, extractLast( request.term ) ) );
},
focus: function() {
// prevent value inserted on focus
return false;
},
select: function( event, ui ) {
var terms = split( this.value );
// remove the current input
terms.pop();
// add the selected item
terms.push( ui.item.value );
// add placeholder to get the comma-and-space at the end
terms.push( "" );
this.value = terms.join( ", " );
return false;
}
});
//search location field
$( "#search-city" ).on( "keydown", function( event ) {
if ( event.keyCode === $.ui.keyCode.TAB &&
$( this ).autocomplete( "instance" ).menu.active ) {
event.preventDefault();
}
})
.autocomplete({
minLength: 0,
source: function( request, response ) {
// delegate back to autocomplete, but extract the last term
response( $.ui.autocomplete.filter(
locations_data, extractLast( request.term ) ) );
},
focus: function() {
// prevent value inserted on focus
return false;
},
select: function( event, ui ) {
var terms = split( this.value );
// remove the current input
terms.pop();
// add the selected item
terms.push( ui.item.value );
// add placeholder to get the comma-and-space at the end
terms.push( "" );
this.value = terms.join( ", " );
return false;
}
});
} );
// search popup js
</script> </div>
</div>
<!-- <div class=" has-header">
<div class="container1">
<style>
#body{
margin: 0px;
}
.header-section{
height: 67px;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 6px #00000029;
display: flex;
flex-direction: row;
justify-content: space-evenly;
position: fixed;
z-index: 2;
top: 0;
width: 100%;
}
.site-logo{
width: 137px;
height: 45px;
}
.align-header{
align-items: center;
display: flex;
}
.header-menu{
width: 29%;
justify-content: space-between;
}
.menu-title{
align-items: center;
display: flex;
justify-content: space-around;
}
.menu-title span, .login-btn img{
margin-right: 6px;
}
.login-btn{
height: 42px;
background: #156DDE 0% 0% no-repeat padding-box;
border-radius: 4px;
display: flex;
align-items: center;
width: 66%;
justify-content: center;
width: 96px;
cursor:pointer;
}
.reg-btn{
height: 42px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #227BEF;
border-radius: 4px;
display: flex;
align-items: center;
width: 66%;
justify-content: space-evenly;
width: 131px;
/* width: 34%; */
}
.login-btn-text{
font: normal normal bold 14px/11px Nunito;
letter-spacing: 0px;
color: #FFFFFF;
}
.reg-btn-text{
font: normal normal 600 14px/19px Nunito;
letter-spacing: 0px;
color: #227BEF;
}
.dropbtn {
background-color: white;
border-color: blue;
padding: 16px;
font-size: 16px;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover{background-color: #3e8e41;}
</style>
<input type="hidden" class="uid" />
<div class="header-section">
<div class="align-header">
<img class="site-logo" src="https://www.teamlease.com/images/homepage_desktop/TLD_logo.png">
</div>
<div class="align-header header-menu">
<div class="menu-title">
<span>About us </span><img alt="down-caret" src="https://www.teamlease.com/images/homepage_desktop/down-caret.svg" />
</div>
<div class="menu-title">
<span>Industry</span><img alt="down-caret" src="https://www.teamlease.com/images/homepage_desktop/down-caret.svg" />
</div>
<div class="menu-title">
<span>Service offering</span><img alt="down-caret" src="https://www.teamlease.com/images/homepage_desktop/down-caret.svg" />
</div>
<div class="menu-title">
<span>More</span><img alt="down-caret" src="https://www.teamlease.com/images/homepage_desktop/down-caret.svg" />
</div>
</div>
<div class="align-header" style=" width: 20%; justify-content: space-evenly;">
<div class="dropdown">
<button class="dropbtn"></button>
<div class="dropdown-content">
<a href="logout">logout</a>
</div>
</div>
</div>
</div>
</div>
</div> -->
<style>
.main-body{
margin: 67px 0px 100px 0px;
}
.df{
display: flex;
}
.overview-block{
flex-direction:row;
justify-content: space-around;
margin-top:159px
}
.description-1{
width: 400px;
height: 99px;
/* UI Properties */
text-align: left;
font: normal normal 800 36px/50px Nunito;
}
.description-2{
width: 616px;
font: normal normal normal 15px/22px Nunito;
letter-spacing: 0px;
color: #394649;
margin-bottom: 20px !important;
}
.description-text{
width: 405px;
/* UI Properties */
text-align: left;
font-size: 16px;
font-weight: 600;
letter-spacing: 0px;
}
.go-back-btn:hover {
background-color: #156DDE;
}
.margin-right-20{
margin-right: 20px;
}
.align-block{
justify-content: space-between;
}
html {
scroll-behavior: smooth;
}
.go-back-btn{
background: #227BEF 0% 0% no-repeat padding-box;
border: 1px solid #227BEF;
border-radius: 6px;
color:#FFFFFF;
padding: 13px 39px;
cursor:pointer;
display: inline-block;
margin-top: 29px;
font-weight: 700;
font-size: 16px;
}
.mail-msg{
color: green;
font-size: 16px;
font-weight: 700;
}
.hide-blk{
display:none;
}
</style>
<div class="main-body">
<div class="df overview-block">
<div class="margin-right-20">
<p class="description-1">We Can't find the page you requested</p>
<p class="description-text">We Can’t find the page you requested. You might have followed an incorrect link or mistyped an URL</p>
<span onclick="reportError()" class="go-back-btn">
Report this Error
</span>
<p class="mail-msg hide-blk"></p>
</div>
<div class="description-2">
<img class="underline" src="https://www.teamlease.com/images/errors/404-error.svg">
</div>
</div>
</div>
<style>
.footer-container{
align-items: center;
/* width: 100%; */
width: 1250px;
margin: auto;
/* margin: 0px 60px 0px 90px; */
}
.footer-color{
display: flex;
justify-content: center;
background: #2F2F2F 0% 0% no-repeat padding-box;
color: #b1b1b1 !important;
/* font-size: 14px !important; */
width: 100%;
font: normal normal normal 14px/22px Nunito;
letter-spacing: 0px;
/* color: #EAEAEA; */
/* position: fixed;
z-index: 2;
bottom: 0; */
}
p {
margin: 10px 0px !important;
}
.footer-block{
height:auto;
/* height: 300px; */
background: #333333 0% 0% no-repeat padding-box;
padding: 30px 0 22px 0;
/* padding: 30px 90px 22px 90px; */
}
.footer-menu{
display:flex;
flex-direction:row;
justify-content:space-between;
width: 1250px;
margin: auto;
}
.information{
font: normal normal bold 16px/22px Nunito;
letter-spacing: 0px;
color: #BABABA;
text-transform:capitalize;
}
.page-links{
/* width: 520px; */
width: 338px;
display: flex;
justify-content: space-between;
}
.page-links span{
font: normal normal normal 14px/22px Nunito;
letter-spacing: 0px;
color: #b1b1b1 !important;
font-weight: 500;
cursor:pointer;
}
.column{
display: flex;
justify-content: space-between;
}
.footer-title{
font: normal normal bold 16px/22px Nunito;
letter-spacing: 0px;
color: #EAEAEA;
text-transform: uppercase;
}
.footer-links{
font: normal normal normal 14px/22px Nunito;
letter-spacing: 0px;
color: #b1b1b1 !important;
cursor:pointer;
text-transform:capitalize;
/* color: #EAEAEA; */
}
.footer-links a{
color: #b1b1b1 !important;
text-decoration:none;
}
.follow-us{
/* margin-top: 42px; */
margin-right: 32px;
}
.follow-us img{
cursor:pointer;
width: 31px;
height: 31px;
margin-right: 6px;
}
.news-letter-block{
display: inline-block;
justify-content: end;
width: 78%;
}
.input-md{
width: 134%;
border-radius: 6px 6px 6px 6px;
height: 35px!important;
}
.news-btn{
width: 66%;
height: 30px;
background-color: #227BEF;
border: none;
border-radius: 6px 6px 6px 6px;
color: #FFFFFF;
font-size: 14px;
margin: 8px 0px 0px 0px;
}
.news-btn:hover{
background-color: #156DDE;
}
#subscribe-details{
font-size: 18px;
text-align: center;
font-weight: 600;
}
</style>
<div class="footer-bottom-section col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-family:'Montserrat';">
<div class="center-align">
<div class="inline-block" style="padding-top: 15px;padding-bottom: 15px;margin-left: 16px;">
<div class="associate_login_section">
<a aria-label="Associate Login" rel="noopener" class="footer-hover associate_login" href="https://tlconnect.teamlease.com/SecureLogin" target="_blank" style="float: left;width: 178px">TL Client / Associate zone</a>
<a aria-label="Associate Login" rel="noopener" class="footer-hover associate_login" href="https://group.teamlease.com/contact-us/" target="_blank" style="float: left;width: 185px;margin-left: 10px;text-align: center;">Business/Bulk Enquiries</a>
</div>
<div class="fotter-bottom-links font-12" style="margin-top: 90px;width: 570px;">
<div class="contact font-16" style=" margin-bottom: 10px;">Information</div>
<a aria-label="Contact Us" rel="noopener" class="footer-hover color-777576 " href="https://group.teamlease.com/contact-us/" target="_blank">Contact Us</a>
<span class="padding-right-5 padding-left-5 color-868686">|</span>
<a aria-label="Business Enquiries" rel="noopener" class="footer-hover color-777576 " href="https://group.teamlease.com/contact-us/" target="_blank">Business Enquiries</a>
<span class="padding-right-5 padding-left-5 color-868686">|</span>
<a aria-label="FAQ" rel="noopener" class="footer-hover color-777576 " href="https://www.teamlease.com/faq" target="_blank">FAQ</a>
<span class="padding-right-10 padding-left-10 color-868686">|</span>
<a aria-label="Blog" rel="noopener" class="footer-hover color-777576 " href="https://blog.teamlease.com/" target="_blank">Blog</a>
<span class="padding-right-5 padding-left-5 color-868686">|</span>
<!-- <a aria-label="Salary Calculator" rel="noopener" class="footer-hover color-777576 " href="https://www.teamlease.com/salary-calculator" target="_blank">Salary Calculator</a> -->
<!-- <span class="padding-right-5 padding-left-5 color-868686">|</span> -->
<a aria-label="Referral" rel="noopener" class="footer-hover color-777576 " href="/referral-page" target="_blank">Referral</a>
</div>
</div>
<div class="inline-block social_icons follow_us_block">
<div class="contact">Follow Us</div>
<div class="inline-block social-icon">
<a aria-label="linkedin" href="https://www.linkedin.com/company/teamlease-com/" rel="noopener" target="_blank" data-toggle="toggle" title="Get in Touch with TeamLease in LinkedIn">
<img class="lazyload" alt="LinkedIn" data-src="https://www.teamlease.com/images/job_listing_new/linkedIn.svg" src="https://www.teamlease.com/images/job_listing_new/linkedIn.svg">
</a>
</div>
<div class="inline-block social-icon">
<a aria-label="facebook" href="https://www.facebook.com/teamleasedotcom" rel="noopener" target="_blank" data-toggle="toggle" title="Get in Touch with TeamLease in Facebook">
<img class="lazyload" alt="Facebook" data-src="https://www.teamlease.com/images/job_listing_new/facebook.svg" src="https://www.teamlease.com/images/job_listing_new/facebook.svg" >
</a>
</div>
<div class="inline-block social-icon">
<a aria-label="Youtube" href="https://www.youtube.com/teamleasejob" rel="noopener" target="_blank" data-toggle="toggle" title="Get in Touch with TeamLease in Youtube">
<img class="lazyload" alt="Youtube" data-src="https://www.teamlease.com/images/job_listing_new/youtube.svg" src="https://www.teamlease.com/images/job_listing_new/youtube.svg" >
</a>
</div>
<div class="contact" style="margin-top: 30px;">Easy Job access on the go</div>
<div class="inline-block social-icon">
<a aria-label="google play" href="https://play.google.com/store/apps/details?id=com.teamlease.jobs&referrer=utm_source%3Dfooter%26utm_medium%3Dweb%26utm_campaign%3Dweb" rel="noopener" target="_blank" data-toggle="toggle" title="Try our App on Google Play Store">
<img class="lazyload" alt="Google Play Store" data-src="https://www.teamlease.com/images/home_new/google_play_store.svg" src="https://www.teamlease.com/images/home_new/google_play_store.svg">
</a>
</div>
</div>
</div>
</div>
<div class="footer-last-section col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-family:'Montserrat';">
<div class="center-align text-center">
<div class="inline-block font-12" style="padding-bottom: 20px;padding-top: 0px;">
<div class="color-777576 margin-top-15">
Copyright © 2025 TeamLease. All rights reserved
</div>
<div class="color-777576" style="margin-top: 8px;">ISO 27001 Information Technology Security Management System. Certified by British Standards
</div>
<div class="font-12 fotter-bottom-links" style="margin-top: 20px;margin-bottom: 0px;">
<a aria-label="Terms & Conditions" class="footer-hover color-777576" href="https://www.teamlease.com/terms-conditions" target="_blank">Terms & Conditions</a>
<span class="padding-right-10 padding-left-10 color-17284e">|</span>
<a aria-label="Privacy Policy" class="footer-hover color-777576 " href="https://www.teamlease.com/privacy-policy" target="_blank">Privacy Policy</a>
<span class="padding-right-10 padding-left-10 color-17284e">|</span>
<a aria-label="Sitemap" class="footer-hover color-777576 " href="https://www.teamlease.com/sitemap-page" target="_blank">Sitemap</a>
<span style="visibility:hidden">1757460379</span>
</div>
</div>
</div>
</div>
<div class="partner-client-footer col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="center-align">
<div class="inline-block companies-logo-footer1">
<a href="https://teamleaseehire.com/" target="_blank" data-toggle="toggle">
<img class="lazyload" title="Teamlease hr teck" data-src="https://www.teamlease.com/images/teamleasehrtecklogo.png" src="https://www.teamlease.com/images/teamleasehrtecklogo.png" width="141" height="55" alt="Teamlease"/>
</a>
</div>
<div class="inline-block companies-logo-footer">
<span class="partner-sites" style="">Partner Sites</span>
</div>
<div class="inline-block companies-logo-footer">
<a href="https://www.freshersworld.com/" target="_blank" data-toggle="toggle">
<img class="lazyload" title="freshersworld" data-src="https://www.teamlease.com/images/freshersworld.jpg" src="https://www.teamlease.com/images/freshersworld.jpg" width="119" alt="Freshersworld"/>
</a>
</div>
<div class="inline-block companies-logo-footer">
<a href="https://www.myteamlease.com/" target="_blank" data-toggle="toggle">
<img class="lazyload" title="Myteamlease" data-src="https://www.teamlease.com/images/myteamleaseatslogoBlack.png" src="https://www.teamlease.com/images/myteamleaseatslogoBlack.png" width="141" height="30" alt="Myteamlease"/>
</a>
</div>
<div class="inline-block" style="margin-left: 20px;">
<a href="https://www.apprentices.in/" target="_blank" data-toggle="toggle">
<img class="lazyload" title="apprentices.in" data-src="https://www.teamlease.com/images/apprentice111.webp" src="https://www.teamlease.com/images/apprentice111.webp" width="124" height="26" alt="Apprentices"/>
</a>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="subscribemodal" tabindex="-1" role="dialog" aria-labelledby="subscribemodallLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="border-bottom:none;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" style="height: 86px;">
<div id="subscribe-details">You have subscribed successfully</div>
</div>
</div>
</div>
</div>
<script>
function subscribe(ele,type) {
var obj = $(""+ele);
var email = /^[+a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i;
if(type=='email' && !email.test(obj.val()) && obj.val()!=''){
$("#subscribemodal").modal("show");
$('#subscribe-details').html("Please enter valid email id");
return false;
}
var subscribed_mail=$('.subscribe-mail').val();
var subscribed_status=$('.subscribtion-status').val();
var mode=$('.mode').val();
if(!subscribed_mail){
$("#subscribemodal").modal("show");
$('#subscribe-details').html("Please enter email id before clicking on subscribe");
return false;
}
let data = {
'subscribed_status' :subscribed_status,
'subscribed_mail':subscribed_mail,
'mode':mode,
}
$.ajax({
url : '/ajax-news-letter-subscribe',
method : 'post',
dataType : 'json',
data : data,
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function(response) {
if (response.status == 1 || response.status == 10) {
$("#subscribemodal").modal("show");
$('#subscribe-details').html(response.message);
$('.news-letter-field').val('');
}
},
error : function(response) {
alert('Oops! Something went wrong while subscribtion');
},
});
}
</script> <script>
$(document).ready(function(){
$('#login-password').keyup(function(){
if($(this).val().length)
$('.click-show-hide-login').show();
else
$('.click-show-hide-login').hide();
});
})
</script>
</body>
</html>