markup

snippet.html

<div class="question type_text">
  <label for=""></label>
  <div class="input">
    <input type="text" name="" id="" class="question-text" value="" />
    <span class="help-block">More help block if needed</span>
  </div>
</div>

<div class="question type_radio">
  <label for="optionsRadios" class="desc"></label>
  <div class="input choice">
    <ul class="inputs-list">
      <li><label><input id="" name="optionsRadios" value="" type="radio"><span>labelText</span></label></li>
      <li><label><input id="" name="optionsRadios" value="" type="radio"><span>labelText</span></label></li>
    </ul>
    <span class="help-block">More help block if needed</span>
  </div>
</div>

<div class="question type_multicheck">
<label for="optionsCheckbox" class="desc"></label>
<div class="input choice">
  <ul class="inputs-list">
    <li><label><input id="" name="optionsCheckbox" value="" type="radio"><span>labelText</span></label></li>
    <li><label><input id="" name="optionsCheckbox" value="" type="radio"><span>labelText</span></label></li>
  </ul>
  <span class="help-block">More help block if needed</span>
</div>
</div>

<div class="question type_select">
  <label for=""></label>
  <div class="input">
    <select name="" id="">
      <option value=""></option>
    </select>
    <span class="help-block">More help block if needed</span>
  </div>
</div>

<div class="question type_textarea">
  <label for=""></label>
  <div class="input">
    <textarea id="" name=""></textarea>
    <span class="help-block">help text goes here</span>
  </div>
</div>


<div class="question type_inline">
  <label class="desc">Date range</label>
  <div class="input">
    <div class="inline-inputs">
      <input class="" type="text" value="">
      <input class="" type="text" value="">
      to
      <input class="" type="text" value="">
      <input class="" type="text" value="">
      <span class="help-block">More help block if needed</span>
    </div>
  </div>
</div>