<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> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>DJ Blitz - Contact Us</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="phone">Phone Number*</label> <div class="col-md-4"> <input id="phone" name="phone" type="text" placeholder="Phone #" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">e-mail*</label> <div class="col-md-5"> <input id="email" name="email" type="text" placeholder="e-mail" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="name">Name:</label> <div class="col-md-5"> <input id="name" name="name" type="text" placeholder="First and Last name" class="form-control input-md" required=""> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="selectmultiple">Select Event Type</label> <div class="col-md-4"> <select id="selectmultiple" name="selectmultiple" class="form-control" multiple="multiple"> <option value="1">Anniversary</option> <option value="2">Corporate</option> <option value="">Mitzvah</option> <option value="">Party</option> <option value="">School</option> <option value="">Wedding</option> <option value="">Other</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="location">Event Location:</label> <div class="col-md-4"> <input id="location" name="location" type="text" placeholder="Event Location" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="starttime">Start Time</label> <div class="col-md-4"> <input id="starttime" name="starttime" type="text" placeholder="Start Time" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="endtime">End Time:</label> <div class="col-md-4"> <input id="endtime" name="endtime" type="text" placeholder="End Time" class="form-control input-md"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Text Area</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="submit">Submit</label> <div class="col-md-4"> <button id="submit" name="submit" class="btn btn-success">Submit</button> </div> </div> </fieldset> </form>