 <!doctype html>
<html>
<head>
<meta charset='utf-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css'>
	<link href='https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap' rel='stylesheet'>
	<link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
  <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js'></script>
	<style>
		*{margin: 0px; padding: 0px;}
		body{font-family: 'Poppins', sans-serif;}
		.header_l.text-center {
    padding: 10px;
	padding-top: 15px;
}
	.email_t {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.1), 0 2px 20px 0 rgba(0,0,0,.2);
    background: #2979ff;
    margin-top: 15px;
    padding-bottom: 0px !important;
    margin-bottom: 15px;
    padding-top: 15px !important;
	margin-left: 220px;
}
		.email_t1 {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.1), 0 2px 20px 0 rgba(0,0,0,.2);
    background: #fff;
    margin-top: 15px;   
}
.border-12 {
    padding: 0px;
}
		
		
		
		.p_r {
    margin-left: 113px;
    position: relative;
    top: 3px;
}
		.head_2 {
    height: 149px;
}

.mid_s {
    margin-top: 5px;
    background: #fef9f4;
    padding: 4px;
    padding-bottom: 18px;
}
		.c_p {
    font-size: 20px;
    font-weight: 600;
}
.r_q{margin: auto;}
<strong>.c_c1</strong> {
    font-size: 15px;
    text-align: left;
    line-height: 24px;
	margin-top: 28px;
	color: #fff;
}
.he_t {
    background: #2979ff !important;
    padding: 10px;
}
.c_d {
    font-weight: 500;
    text-align: left;
    color: #333;
	font-size: 16px;
}
.c_li {
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    color: #757575;
}
.smal_s {
    font-size: 12px;
}
.smal_t {
    font-size: 9px;
    color: #a2a2a2;
    line-height: 13px;
}
.mar-a1 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.mar-a{margin: auto;}
		
		
		

		.list-inline li{font-size: 22px; }
		.list-inline li a{text-decoration: none; color: #545454;}
		.a_h{text-decoration: none !important; color: #58ab28; font-weight: 600;}
		.a_h:hover{color: #58ab28;}
		.hr_a{color: #ee0f7d; margin-top: 0px; font-size: 20px;}
		.font_c{font-size: 20px; font-family: 'Kalam', cursive; color: #0070c0;}
		.list_in li{list-style: none; float: left;}
	</style>
</head>

<body>
	<div class='container'>
	   <div class='col-md-12 email_t text-center' style='padding: 0px; width: 620px;'>
		   <div class='col-md-12 border-12'>
			   
			   <div class='col-md-12 header_t' style='padding: 0px;'>
			      <div class='col-md-12 left_e'>
				    <img src='https://apps.hirextra.com/user_assets/Hirextra_logo.png' width='120' alt='logo' title='logo' class='img-responsive mar-a' />
				  </div>
				
			   </div> </div><!--- border-12 ----->
			    <div class='col-md-12 email_t1 text-center' style='padding: 0px; width: 620px;'>
			   <div class='col-md-12 head_2' style='background: #fff;'>
			      <div class='mid_s text-center'>
				      <h3 class='c_p'>Hirextra</h3>
					  <p class='c_c'>Please go through the below link to complete the Video Assessment Test.</p>
				   </div>
			   </div>
			   
			   <div class='col-md-12 qr_code'>
			      <div class='mid_s1 text-center'>
				     <div><img src="https://res.cloudinary.com/rajagonda/image/upload/v1618762659/emailtenplare/url_qr_code.png" width="100" height="100"></div>
                                                                            <div><a href="{{url}}">Start Now </a> and Use Invitation code : {{otp}}</div>
				   </div>
			   </div>
			   
		   
			    
			   <!--  <div class='col-md-12 he_t' style='margin-top: 15px;background: #2979ff;padding: 10px;'>-->
			   <!--   <div class='col-md-8 left_f'>-->
				  <!-- <p class='c_c1'>Recruiters also search the Hirextra database for suitable candidates without posting jobs</p>-->
					 <!-- <span class='a_tr'><a href='https://www.hirextra.com/' target='_blank' style='color: #fff;'><i class='fa fa-angle-double-right' style='color: #fff;'></i>&nbsp;Find out more</a></span>-->
				  <!--</div>-->
				  <!--<div class='col-md-4 right_f'>-->
					 <!--<img src='https://www.hirextra.com/searchboolean/assets/img/email/fff.png' width='100%' alt='logo' title='logo' class='img-responsive' />-->
				  <!--</div>-->
			   <!--</div>-->
			   
			    <div class='col-md-12 bod_t' style='margin-top: 15px;'>
			      <div class='mid_s1 text-center'>
				     <p class='c_d'>Our Products</p>
					   <p class='c_li'><a href='https://www.hirextra.com/skillPassport'><img src='https://www.hirextra.com/searchboolean/assets/img/email/multitasking-skills-4-685682.png' width='40'>&nbsp;Skill Passport (Generate Your skill passport with your resume)</a></p>
					  <p class='c_li'><a a href='https://www.hirextra.com/funnel-calc/'><img src='https://www.hirextra.com/searchboolean/assets/img/email/Sourcing-Funnel-calculator.png' width='40'>&nbsp;Sourcing Funnel calculator (Estimate your Source with or without Technical Test)</a></p>
					  <p class='c_li'><a a href='https://www.hirextra.com/employee_spectrum'><img src='https://www.hirextra.com/searchboolean/assets/img/email/Employee-Spectrum.png' width='40'>&nbsp;Employee Spectrum (Categorize Candidates by their Strengths)</a></p>
					   <span class='s_tr pull-left'><a href='https://www.hirextra.com/' target='_blank'><i class='fa fa-angle-double-right' style='color: #2979ff;'></i>&nbsp;Find out more</a></span>
				   </div>
			   </div>
			   			   
			       <div class='col-md-12 fa-icons'>
		        <ul class='list-inline'>
				   <li><a href='https://www.facebook.com/' target='_blank'><img src='https://www.hirextra.com/searchboolean/assets/img/email/face_b.png' width='35'></a></li>
					 <li><a href='https://in.linkedin.com/' target='_blank'><img src='https://www.hirextra.com/searchboolean/assets/img/email/instr.png' width='35'></a></li>
					 <li><a href='https://twitter.com/' target='_blank'><img src='https://www.hirextra.com/searchboolean/assets/img/email/twitter.png' width='35'></a></li>
				</ul>
		      </div>
			    
			    <div class='col-md-12 disclier text-center'>
			        <p class='smal_s'>UNSUBSCRIBE | REPORT A PROBLEM</p>
					<p class='smal_s'><a href='https://www.hirextra.com/' target='_blank' style='color: #ee0b7d;'>Powered by Hirextra.com</a></p>
					<p class='smal_t'> You have received this mail because your e-mail ID is registered with Hirextra.com. This is a system-generated e-mail regarding your Hirextra.com account preferences, please don't reply to this message. The jobs sent in this mail have been posted by the clients of Hirextra.com. And we have enabled auto-login for your convenience, you are strongly advised not to forward this email to protect your account from unauthorized access. IEIL has taken all reasonable steps to ensure that the information in this mailer is authentic. Users are advised to research bonafides of advertisers independently. Please do not pay any money to anyone who promises to find you a job. IEIL shall not have any responsibility in this regard. We recommend that you visit our <a href='https://www.hirextra.com' target='_blank' style='color: #007aba;'>  Terms & Conditions</a> for more comprehensive information.</p>
			    </div>
			   
			   </div><!--- border-12 ----->
	   </div>
	</div>
</body>
</html>