<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>
<div class="container">
<div class="row">
<div class="col-sm-12">
<ul class="nav nav-tabs tabsbar" role="tablist">
<li class="active"><a href="#pet" role="tab" id="pets" data-toggle="tab">Pet Info.</a></li>
<li><a href="#vet" role="tab" data-toggle="tab" id="vets">Vets & Hospitals</a></li>
<li><a href="#shop" role="tab" data-toggle="tab" id="shops">Pet Food Shop</a></li>
<li><a href="#training" role="tab" data-toggle="tab" id="trainer"> Pet Trainer</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="pet">
<div class="container">
<div class="row listnow">
<div class="col-sm-6 col-sm-offset-3">
<h1 class="infolist" id="pets1"> Pet Infomation</h1>
</div>
<div class="col-sm-12">
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="col-sm-3 control-label labelname">Owner Name</label>
<div class="col-sm-6">
<input type="text" class="form-control input-lg" name="name" placeholder="Name">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label labelname">State</label>
<div class="col-sm-6">
<select class="form-control input-lg">
