<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.title_form{font-size:16px; padding:10px; width:49%; margin-left:10px; margin-top:20px; float:left; border:1px solid #333;}
.title_form > form{width:100%; float:left;}
.title_form > form label {float: left;padding-left: 20px;padding-top: 10px;width: 208px;}
.career_area ul{width:100%; float:left; padding:10px;}
.career_area ul li{width:100%; float:left; line-height:1.5em;}
/*.123{width:100%; text-align:center; float:left;}*/
select {padding: 8px;width: 200px;}
button:hover{background:#f00;}
.title_form > h1 {background: #333 none repeat scroll 0 0;color: #fff;margin-bottom: 20px;}
.title_form input[type="submit"] {
background: #666 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
font-size: 18px;
margin: 0 auto;
text-align: center;
}
input{padding:10px;}
</style>
</head>
<body>
<div class="title_form">
<A NAME="top"></A>
<h1>Apply for job</h1>
<form method="post">
<p> <label for="name">Name</label><input type="text" id="name" name="name" value="" placeholder="Your Name" required></p>
<p><label for="tel">Contact Number</label><input type="tel" id="name" name="contact_number" value="" placeholder="9800098000" required></p>
<p><label for="email">Email Address </label><input type="email" id="name" name="email" value="" placeholder="abc@sample.com" required></p>
<p> <label for="name">Apply for the post of :</label>
<select>
<option value="volvo">PHP</option>
<option value="saab">Web Designing</option>
<option value="opel">Graphic Designing</option>
<option value="audi">Mobile Apps</option>
</select>
</p>
<p><label for="attachment" class="123">Attach Resume </label><input type="file" id="name" value="abc@sample.com" required></p>
<p><label for="description" class="123">Description </label><input type="text" id="name" value="abc@sample.com" required></p>
<p class="123"> <input type="Submit" name="submit" value="Submit"></p>
</form>
</div>
</body>
</html>
