<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-sm-12"> <legend>Hi, Admin</legend> </div> <!-- panel preview --> <div class="col-sm-7"> <h4>Submit Your Candidate requirement </h4> <div class="panel panel-default"> <div class="panel-body form-horizontal"> <h4>Job Detail</h4> <div class="form-group"> <label for="Company" class="col-sm-3 control-label">Company:</label> <div class="col-sm-8"> <input type="text" class="form-control" id="Company" name="Company"> </div> </div> <div class="form-group"> <label for="Industry" class="col-sm-3 control-label">Industry:</label> <div class="col-sm-8"> <input type="text" class="form-control" id="Industry" name="Industry"> </div> </div> <div class="form-group"> <label for="Domain" class="col-sm-3 control-label">Domain:</label> <div class="col-sm-8"> <input type="text" class="form-control" id="Domain" name="Domain"> </div> </div> <div class="form-group"> <label for="Designation" class="col-sm-3 control-label">Designation:</label> <div class="col-sm-8"> <input type="text" class="form-control" id="Designation" name="Designation"> </div> </div> <div class="form-group"> <label for="Min_Qualification" class="col-sm-3 control-label">Min. Qualification:</label> <div class="col-sm-8"> <select class="form-control" id="status" name="status"> <option>B. Tech</option> <option>M. Tech</option> <option>P.H.D.</option> </select> </div> </div> <div class="form-group"> <label for="Job_Role" class="col-sm-3 control-label">Job Role:</label> <div class="col-sm-8"> <input type="text" class="form-control" id="Job_Role" name="Job_Role"> </div> </div> <div class="form-group"> <label for="Skill_Sete" class="col-sm-3 control-label">Skill Set:</label> <div class="col-sm-8"> <input type="text" class="form-control" id="Skill_Set" name="Skill_Set"> </div> </div> <div class="form-group"> <label for="Job_Short_Details" class="col-sm-3 control-label">Job Short Details:</label> <div class="col-sm-8"> <textarea class="form-control" id="Job_Short_Details" name="Job_Short_Details"></textarea> </div> </div> <div class="form-group"> <label for="Job_Short_Details" class="col-sm-3 control-label">Job Long Details :</label> <div class="col-sm-8"> <textarea class="form-control" id="Job_Short_Details" name="Job_Short_Details"></textarea> </div> </div> <div class="form-group"> <label for="status" class="col-sm-3 control-label">Job Long Details :</label> <div class="col-sm-8"> <select class="form-control" id="status" name="status"> <option>Paid</option> <option>Unpaid</option> </select> </div> </div> <div class="form-group"> <label for="date" class="col-sm-3 control-label">Last Date</label> <div class="col-sm-8"> <input type="date" class="form-control" id="date" name="date"> </div> </div> <div class="form-group"> <div class="col-sm-12 text-right"> <button type="button" class="btn btn-default preview-add-button"> <span class="glyphicon" id="submit_button"></span> Submit </button> </div> </div> </div> </div> </div> <!-- / panel preview --> </div> </div>