<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 ----------> <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%; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; cursor: pointer; } .checkbox, .radio { vertical-align: middle; cursor: pointer; } </style> <form class="form-horizontal"> <div class="form-group"> <label class="col-md-4 control-label" for="subtitle">Has the Digital Team created a Vimeo Live Event?</label> <div class="col-md-4"> <label class="radio-inline" for="subtitle-0"> <input type="radio" name="subtitle" id="subtitle-0" value="1"> No </label> <label class="radio-inline" for="subtitle-1"> <input type="radio" name="subtitle" id="subtitle-1" value="2"> Yes </label> </div></div> <div class="form-group"> <label class="col-md-4 control-label" for="rundown">Link to Showflo Rundown:</label> <div class="col-md-4"> <input id="rundown" name="rundown" type="text" placeholder="www." class="form-control input-md"> </div></div> <div class="form-group"> <label class="col-md-4 control-label" for="sourcefile">Project source files location:</label> <div class="col-md-4"> <input id="sourcefile" name="sourcefile" type="text" placeholder="Breif Number or File Path" class="form-control input-md"> </div></div> <div class="form-group"> <label class="col-md-4 control-label" for="publish">Where will the video be published?</label> <div class="col-md-4"> <label class="checkbox-inline" for="publish-0"> <input type="checkbox" name="publish" id="publish-0" value=""> YouTube </label> <label class="checkbox-inline" for="publish-1"> <input type="checkbox" name="publish" id="publish-1" value=""> Facebook </label> <label class="checkbox-inline" for="publish-2"> <input type="checkbox" name="publish" id="publish-2" value=""> LinkedIn </label> <label class="checkbox-inline" for="publish-3"> <input type="checkbox" name="publish" id="publish-3" value=""> Instagram </label> <label class="checkbox-inline" for="publish-4"> <input type="checkbox" name="publish" id="publish-4" value=""> Vermeer One </label> <label class="checkbox-inline" for="publish-5"> <input type="checkbox" name="publish" id="publish-5" value=""> Voice </label> <label class="checkbox-inline" for="publish-6"> <input type="checkbox" name="publish" id="publish-6" value=""> Vermeer Univ </label> <label class="checkbox-inline"> <input type="checkbox" name="publish" id="publish-7" value=""> <input class="input-md" size="20" type="text" placeholder="Other"/></label> </div></div> <div class="form-group"> <label class="col-md-4 control-label" for="subtitle">Will the broadcast recording be routed?</label> <div class="col-md-4"> <label class="radio-inline" for="subtitle-0"> <input type="radio" name="subtitle" id="subtitle-0" value="1"> No </label> <label class="radio-inline" for="subtitle-1"> <input type="radio" name="subtitle" id="subtitle-1" value="2"> Yes </label> </div></div> <div class="form-group"> <label class="col-md-4 control-label" for="subtitle">Will the routed video be subtitled?</label> <div class="col-md-4"> <label class="radio-inline" for="subtitle-0"> <input type="radio" name="subtitle" id="subtitle-0" value="1"> No </label> <label class="radio-inline" for="subtitle-1"> <input type="radio" name="subtitle" id="subtitle-1" value="2"> Yes </label> </div></div> <div class="form-group"> <label class="col-md-4 control-label" for="translate">Will the routed video be translated to other languages?</label> <div class="col-md-4"> <label class="radio-inline" for="translate-0"> <input type="radio" name="translate" id="translate-0" value="1"> No </label> <label class="radio-inline" for="translate-1"> <input type="radio" name="translate" id="translate-1" value="2"> Yes </label> </div></div> <div class="form-group"> <label class="col-md-4 control-label" for="language">What languages?</label> <div class="col-md-4"> <label class="checkbox-inline" for="language-0"> <input type="checkbox" name="language" id="language-0" value="1"> Spanish </label> <label class="checkbox-inline" for="language-1"> <input type="checkbox" name="language" id="language-1" value="2"> Portuguese </label> <label class="checkbox-inline" for="language-2"> <input type="checkbox" name="language" id="language-2" value="3"> French </label> <label class="checkbox-inline" for="language-3"> <input type="checkbox" name="language" id="language-3" value="4"> Chinese </label> <label class="checkbox-inline" for="language-4"> <input type="checkbox" name="language" id="language-4" value="5"> German </label> <label class="checkbox-inline" for="language-5"> <input type="checkbox" name="language" id="language-5" value="6"> Russian </label> <label class="checkbox-inline" for="language-6"> <input type="checkbox" name="language" id="language-6" value="7"> <input class="input-md" size="20" type="text" placeholder="Other"/></label> </div></div> </form>