<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Information Request</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="firstname">First Name</label> <div class="col-md-4"> <input id="firstname" name="firstname" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="lastname">Last Name</label> <div class="col-md-4"> <input id="lastname" name="lastname" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="phone">Phone</label> <div class="col-md-4"> <input id="phone" name="phone" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">Email</label> <div class="col-md-4"> <input id="email" name="email" type="email" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Select Basic</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="MassageTherapy">Select</option> <option value="PhysicalTherapyAide">Massage Therapy</option> <option value="PersonalFitnessTrainer">Physical Therapy Aide</option> <option value="">Personal Fitness Trainer</option> </select> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="sendrequest"></label> <div class="col-md-4"> <button id="sendrequest" name="sendrequest" class="btn btn-primary">Send Request</button> </div> </div> </fieldset> </form> </div> </div>

.form-horizontal{border-radius:7px;border-radius:7px;} legend{background:#00A3EF; border:none;} fieldset{ width:50%; margin:0px auto; border-radius:7px; background:#00A3EF; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%); /* Opera */ background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #00A3EF)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to top, #FFFFFF 0%, #00A3EF 100%); }