<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<div>
<div><strong>Supplier Statutory Details</strong></div>
<p> </p>
<div>
<div>
<div>
<div class="col-md-4"><div>
<label>PAN Number<strong>*</strong></label>
<div><input type="text" /></div>
</div>
<div> <label>PAN Document<strong>*</strong></label><br />
<div><input type="text" /></div>
</div>
</div>
</div>
<div> </div>
</div>
<br />
<div>
<div class="col-md-4"><div>
<div> <label>Title</label>
<div><select>
<option>-- Select Title --</option>
<option>Artificial Juridical Person</option>
<option>Associastion of Person</option>
<option>Body of Individuals</option>
<option>Company</option>
<option>Firm</option>
<option>Government</option>
<option>HUF</option>