12 June 2019

Career page in html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
<style>
.innerblock.career-block {
width: 100%;
float: left;
}
.innerblock.career-block ul {
padding: 0px;
list-style: none;
}
.innerblock ul li {
display: inline-block;
width: auto;
float: none;
border: none;
margin: 0px;
overflow: unset;
margin-bottom: 20px;
}
.innerblock.career-block h3 {
border-bottom: 1px dashed #5faedf;
float: left;
padding-left: 0;
text-align: left;
width: 100%;
color: #3f8ec7;
font-size: 14px;
font-weight: 600;
padding: 0 0 14px;
margin-bottom: 20px;
font-size: 28px;
}
.innerblock.career-block ul li p strong {
color: #4789c5;
}
.apply {
float: left;
margin: 7px 0 0;
padding: 10px 30px;
}
.btn-default {
background: #378fcf;
margin-right: 74px;
background: -moz-linear-gradient(top, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #378fcf), color-stop(3%, #368ece), color-stop(10%, #2c89ce), color-stop(13%, #2583cb), color-stop(16%, #2282cc), color-stop(23%, #2085cb), color-stop(84%, #288cd7), color-stop(87%, #288ad3), color-stop(94%, #2480c3), color-stop(100%, #257ec0));
background: -webkit-linear-gradient(top, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
background: -o-linear-gradient(top, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
background: -ms-linear-gradient(top, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
background: linear-gradient(to bottom, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
font-size: 15px;
color: #fff;
border: 0;
cursor: pointer;
padding: 6px 33px;
border-radius: 4px;
}
.job-form {
width: 100%;
float: left;
}
.job-form .modal-content {
width: 100%;
float: left;
background: #fff;
border: none;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5);
z-index: 999999999;
position: absolute;
transform: translate(-50%, 10%);
top: 50%;
left: 48%;
width: 85% !important;
float: left;
background: #ffffff;
margin-top: 20px;
border: none;
}
.job-form .modal-header {
background: #1a6ba7;
text-align: center;
padding: 5px;
font-size: 20px;
}
.modal-header .close {
margin-top: -2px;
margin-right: 7px;
font-size: 35px;
font-weight: normal;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
color: #fff;
}
.job-form .form-group {
float: left;
width: 100%;
margin-bottom: 5px;
margin-top: 5px;
}
.job-form label {
font-weight: 500;
}
.job-form .form-control {
border: 1px solid #c3c3c3;
padding: 5px;
height: 35px;
box-shadow: none;
}
.job-form input#enqury {
float: right;
background: #378fcf;
margin-right: 74px;
background: -moz-linear-gradient(top, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #378fcf), color-stop(3%, #368ece), color-stop(10%, #2c89ce), color-stop(13%, #2583cb), color-stop(16%, #2282cc), color-stop(23%, #2085cb), color-stop(84%, #288cd7), color-stop(87%, #288ad3), color-stop(94%, #2480c3), color-stop(100%, #257ec0));
background: -webkit-linear-gradient(top, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
background: -o-linear-gradient(top, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
background: -ms-linear-gradient(top, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
background: linear-gradient(to bottom, #378fcf 0%, #368ece 3%, #2c89ce 10%, #2583cb 13%, #2282cc 16%, #2085cb 23%, #288cd7 84%, #288ad3 87%, #2480c3 94%, #257ec0 100%);
font-size: 15px;
color: #fff;
border: 0;
cursor: pointer;
padding: 8px 20px;
border-radius: 4px;
}
.job-form .form-group {
float: left;
width: 100%;
margin-bottom: 5px;
margin-top: 5px;
}
.job-form .modal-dialog {
width: 900px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="innerblock career-block">
<div class="container">
<ul>
<li>
<h3>Business Development Executive / Sr. Business Development Executive</h3>
<p><strong>Experience :</strong>1 Year Experience</p>
<p><strong>Location :</strong> Patna</p>
<p><strong>Qualification :</strong> MBA / Graduation</p>
<p><strong>Skills Required :</strong> Business Development, Direct Sales, Real Estate, Property, Marketing</p>
<p class="job-description"><strong>job Description:</strong> </p>
<ul class="jobdescription">
<li>1) Responsible for generating sales with existing customers and developing opportunities with new customers within assigned territory.</li>
<li>2) Schedule and conduct weekly sales meetings and achieving targets</li>
<li>3) Responsible for generating sales with existing customers and developing opportunities with new customers.</li>
<li>4) Liaising between customers and the company for up-to-date status of service, pricing and new product release launches.</li>
<li>5) Report on sales activities to top management</li>
<li>6) Reaching the targets and goals set for your area</li>
<li>7) Establishing, maintaining and expanding your customer base</li>
<li>8) Increasing business opportunities through various routes to market</li>
<li>9) Developing sales strategies and setting targets</li>
<li>10) Monitoring your team’s performance and motivating them to reach targets</li>
<li>11) Compiling and analyzing sales figures</li>
<li>12) Collecting customer feedback and market research</li>
<li>13) Keeping up to date with products and competitors</li>
<li>14) Conveyance is a must</li>
<li>15) Knowledge about respective market and hand on experience in B2C sales Interested candidates, please send your resume to hr@investorsclinic.in with subject mentioned as “Career Site”</li>
</ul>
<p></p>
<p><strong>Closing date :</strong> 2018-12-31</p>
<p><strong>Vacancies :</strong> 10 Vacancy</p>
<a class="apply btn-default" data-toggle="modal" data-target="#jobModal" title="Apply Now"> Apply Now</a> </li>
<strong> </strong>
</ul>
<strong> </strong></div>
</div>
</body>
</html>
<div class="job-form">
<div class="modal fade in" id="jobModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Apply Now</h4>
</div>
<div class="modal-body">
<form action="" method="post">
<div class=" ass">
<div class="form-group">
<label class="control-label col-sm-5" for="apply">Applying For:</label>
<p></p>
<div class="col-xs-12 col-sm-10 col-md-7">
<input type="text" name="apply_for" value="Business Development Executive / Sr. Business Development Executive" size="40" class="form-control">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-5" for="experience">Minimum Experience Needed:</label>
<p></p>
<div class="col-xs-12 col-sm-10 col-md-7">
<input type="text" name="experience" value="1 Year Experience" size="40" class="form-control">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-5" for="location">Location:</label>
<p></p>
<div class="col-xs-12 col-sm-10 col-md-7">
<input type="text" name="location" value="Patna" size="40" class="form-control">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-5" for="qualification">Qualification:</label>
<p></p>
<div class="col-xs-12 col-sm-10 col-md-7">
<input type="text" name="qualification" value="MBA / Graduation" size="40" class="form-control">
</div>
<p></p>
</div>
<div class="form-group">
<label class="control-label col-sm-5" for="first_name">Name<sup>*</sup>:</label>
<p></p>
<div class="col-xs-12 col-sm-10 col-md-7">
<input type="text" name="name1" value="" size="40" placeholder="Your Name" class="form-control">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-5" for="email">Email<sup>*</sup>:</label>
<p></p>
<div class="col-xs-12 col-sm-10 col-md-7">
<input type="text" name="email" value="" size="40" placeholder="Your Email" class="form-control">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-5" for="mobile">Mobile<sup>*</sup>:</label>
<p></p>
<div class="col-xs-12 col-sm-10 col-md-7">
<input type="text" name="phone" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Mobile No">
</div>
<div class="form-group">
<label class="control-label col-sm-5" for="resume">Upload Resume / C.V.<sup>*</sup>:</label>
<p></p>
<div class="col-xs-12 col-sm-10 col-md-7">
<input type="file" name="file1" size="40" class="wpcf7-form-control wpcf7-file form-control" aria-invalid="false">
</div>
</div>
<div class="form-group">
<label>&nbsp;</label>
<br>
<input type="submit" value="Submit" class="wpcf7-form-control wpcf7-submit submit_right_home" id="enqury">
<span class="ajax-loader"></span></div>
</form>
</div>
</div>
</div>
</div>
</div>