<div class="ym-g100 ig-inline fancyInput">
  <h3 class="billing-header"><f:translate key="billing_address" /></h3>
</div>

<div class="ym-g100 ig-inline fancyInput">
  <f:form.textfield id="billName" class="fancyElement form-control" errorClass="error" property="billName" required="true" placeholder=" " />
  <label for="billName" class="control-label">
    <f:translate key="bill_name" /> *
  </label>
</div>

<div class="ym-g100 ig-inline fancyInput">
  <f:form.textfield id="billAddress" class="fancyElement form-control" errorClass="error" property="billAddress" required="true" placeholder=" " />
  <label for="billAddress" class="control-label">
    <f:translate key="bill_address" /> *
  </label>
</div>

<div class="ym-g100 ig-inline fancyInput">
  <f:form.textfield id="billZip" class="fancyElement form-control" errorClass="error" property="billZip" required="true" placeholder=" " />
  <label for="billZip" class="control-label">
    <f:translate key="bill_zip" /> *
  </label>
</div>

<div class="ym-g100 ig-inline fancyInput billing-last">
  <f:form.textfield id="billCity" class="fancyElement form-control" errorClass="error" property="billCity" required="true" placeholder=" " />
  <label for="billCity" class="control-label">
    <f:translate key="bill_city" /> *
  </label>
</div>
