<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<h2>Video Cost Calculator</h2>
</div>
<div class="row">
<div class="col-sm-offset-4 col-sm-4">
<form method="put">
<div class="form-group">
<label for="age">Do you need a concept, script and storyboard?</label>
<div class="input-group">
<select class="form-control" name="activity_level" id="activity_level" required>
<option value="a1">I will supply the concept and script</option>
<option value="a2">I will share admin and scheduling with Simple Video Marketing</option>
<option value="a3">Simple Video Marketing to perform basic scheduling tasks</option>
<option value="a4">Simple Video Marketing to perform all scheduling and admin</option>
</select>
<span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>
</div>
</div>
<div class="form-group">
<label for="sex">Sex</label>
<div class="input-group" data-toggle="buttons">
<label class="btn btn-default active"><input type="radio" name="sex" value="male" checked="checked">Male</label>
<label class="btn btn-default"><input type="radio" name="sex" value="female">Female</label>
</div>
</div>
<div class="form-group">
<label>Weight(lbs)</label>
<div class="input-group" data-validate="number">
<input type="text" class="form-control" name="weight" id="weight" placeholder="(lbs)" required>
<span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>