<div class="modal fade" id="myModal" tabindex="-1" role="form" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> Cancel &times;</button>
                <h4 class="modal-title" id="myModalLabel"> Add new Contact </h4>
            </div>
				<div class="modal-body">
			   
					<form name="contacts" data-parsley-validate class="form-horizontal form-label-left" method="post" action="">
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-3" for="first-name">First Name <span class="required"> </span>
							</label>
								<div class="col-md-4 col-sm-4 col-xs-5">
									<input type="text" id="firstname" name="firstname" required="required" class="form-control col-md-3 col-xs-3">
								</div>
						</div>
					   <div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-3" for="last-name">Last Name <span class="required"></span>
							</label>
								<div class="col-md-4 col-sm-4 col-xs-5">
									<input type="text" id="lastname" name="lastname" required="required" class="form-control col-md-3 col-xs-3">
								</div>
						</div>
					   <div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-3" for="last-name">Contact <span class="required"></span>
								</label>
									<div class="col-md-4 col-sm-4 col-xs-5">
										<input type="text" id="contact" name="contact" required="required" class="form-control col-md-3 col-xs-3">
									</div>
						</div>
					  
						<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-3" for="last-name">Email <span class="required"></span>
								</label>
									<div class="col-md-4 col-sm-4 col-xs-5">
										<input type="email" id="email" name="email" required="required" class="form-control col-md-3 col-xs-3">
									</div>
						</div>
					  
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-3" for="last-name">Select Group <span class="required"></span>
								</label>
									<div class="col-md-4 col-sm-4 col-xs-5">
										<select class="form-control" name="selectgroup" reguired>
											<option>Assign Group</option>
											<option>Family </option>
											<option>Friends</option>
											<option>Personal</option>   
										</select>
									</div>
							</div>
					  
							<div class="form-group">
								<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
									<input type="reset"  class="btn btn-primary" name="cancel" value="Cancel" />
									<input type="submit"  class="btn btn-success" name="send" value="Save Contact"/>
								</div>
							</div>
					</form>
				</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

