Form Makeup

{form-title}

{form-subtitle}
{form-progress}
  <div class="as-form-master hide">
    <div class="as-form-masterProgress text-center my-3"></div>
    <div class="as-form-step pr-2" data-step="1" data-title="1" data-icon="fa-check">
        {collabel-channel}<br>
        {colcontrol-channel}
        {colexample-channel}
      <br>
        <div class='text-right navBtns'>
           <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>
    <div class="as-form-step pr-2" data-step="2" data-title="2" data-icon="fa-check">
        {collabel-link}
        {colcontrol-link}
        <div class='text-right navBtns'>
            <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>
    <div class="as-form-step pr-2" data-step="3" data-title="3" data-icon="fa-check">
        {collabel-negative}
        {colcontrol-negative}
        <div class='text-right navBtns'>
            <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>
    <div class="as-form-step pr-2" data-step="4" data-title="4" data-icon="fa-check">
        {collabel-positive}
        {colcontrol-positive}
        <div class='text-right navBtns'>
            <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>
    <div class="as-form-step pr-2" data-step="5" data-title="5" data-icon="fa-check">
        {collabel-mostinteresting}
        <div class="as-clientQuestionaries mt-2 ml-4">{colcontrol-mostinteresting}</div>
        <div class='text-right navBtns'>
            <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>
    <div class="as-form-step pr-2" data-step="6" data-title="6" data-icon="fa-check">
        {collabel-notenough}
        {colcontrol-notenough}
        <div class='text-right navBtns'>
            <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>

    <div class="as-form-step pr-2" data-step="7" data-title="7" data-icon="fa-check">
        {collabel-moreinformation}
        {colcontrol-moreinformation}
        <div class='text-right navBtns'>
            <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>
    <div class="as-form-step pr-2" data-step="8" data-title="8" data-icon="fa-check">
        {collabel-alternative}
        {colcontrol-alternative}
        <div class='text-right navBtns'>
           <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>
    <div class="as-form-step pr-2" data-step="9" data-title="9" data-icon="fa-check">
        {collabel-po}
        {colcontrol-po}
        <div class='text-right navBtns'>
            <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>
    <div class="as-form-step pr-2" data-step="10" data-title="10" data-icon="fa-check">
        <div class="row">
          <div class="col-12 col-md-12">{collabel-like}</div>
          <div class="col-12 col-md-12">{colcontrol-like}</div>
        </div>
        <div class='text-right navBtns'>
           <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
        </div>
    </div>
    <div class="as-form-step pr-2" data-step="11" data-title="Finish" data-icon="fa-percent">
        {colwithlabel-email}
        {colwithlabel-phone}
        {colwithlabel-access}
        <div class='text-right navBtns'>
          <a href="#" class="as-form-stepPrev btn btn-outline-primary"><i class="fa fa-chevron-left"></i></a>
          {form-button}
        </div>
        {form-result}
    </div>
  </div>