<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>
<style type="text/css">body {background-color: #ffffff;}
.form-group {
background: #ffffff ;
overflow: hidden;
padding: 0px;
}
.col-md-4 {
float: left;
width: 40%;
padding: 10px;
}
.control-label {
font-weight: bold;
text-align: right;
}
.form-control {width: 100%; }
</style>
<form class="form-horizontal">
<fieldset>
<div class="form-group"><label class="col-md-4 control-label" for="radios">Has the venue been reserved?</label>
<div class="col-md-4"><label class="radio-inline" for="radios-0"><input id="radios-0" name="radios" type="radio" value="1" /> Yes </label> <label class="radio-inline" for="radios-1"> <input id="radios-1" name="radios" type="radio" value="2" /> No </label></div>
</div>
<div class="form-group"><label class="col-md-4 control-label" for="stagelocation">Where will the stage be position?</label>
<div class="col-md-4"><textarea class="form-control" id="stagelocation" name="stagelocation"></textarea></div>
</div>
<div class="form-group"><label class="col-md-4 control-label" for="attendeesize">How many people will attend?</label>
