Advertisement
hecrus

Form Makeup

Oct 24th, 2020
2,383
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.97 KB | None | 0 0
  1. {form-title}
  2.  
  3. {form-subtitle}
  4. {form-progress}
  5.   <div class="as-form-master hide">
  6.     <div class="as-form-masterProgress text-center my-3"></div>
  7.     <div class="as-form-step pr-2" data-step="1" data-title="1" data-icon="fa-check">
  8.         {collabel-channel}<br>
  9.         {colcontrol-channel}
  10.         {colexample-channel}
  11.       <br>
  12.         <div class='text-right navBtns'>
  13.            <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  14.         </div>  
  15.     </div>
  16.     <div class="as-form-step pr-2" data-step="2" data-title="2" data-icon="fa-check">
  17.         {collabel-link}
  18.         {colcontrol-link}
  19.         <div class='text-right navBtns'>
  20.             <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
  21.             <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  22.         </div>  
  23.     </div>
  24.     <div class="as-form-step pr-2" data-step="3" data-title="3" data-icon="fa-check">
  25.         {collabel-negative}
  26.         {colcontrol-negative}
  27.         <div class='text-right navBtns'>
  28.             <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
  29.             <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  30.         </div>  
  31.     </div>
  32.     <div class="as-form-step pr-2" data-step="4" data-title="4" data-icon="fa-check">
  33.         {collabel-positive}
  34.         {colcontrol-positive}
  35.         <div class='text-right navBtns'>
  36.             <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
  37.             <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  38.         </div>  
  39.     </div>
  40.     <div class="as-form-step pr-2" data-step="5" data-title="5" data-icon="fa-check">
  41.         {collabel-mostinteresting}
  42.         <div class="as-clientQuestionaries mt-2 ml-4">{colcontrol-mostinteresting}</div>
  43.         <div class='text-right navBtns'>
  44.             <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
  45.             <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  46.         </div>
  47.     </div>
  48.     <div class="as-form-step pr-2" data-step="6" data-title="6" data-icon="fa-check">
  49.         {collabel-notenough}
  50.         {colcontrol-notenough}
  51.         <div class='text-right navBtns'>
  52.             <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
  53.             <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  54.         </div>  
  55.     </div>
  56.  
  57.     <div class="as-form-step pr-2" data-step="7" data-title="7" data-icon="fa-check">
  58.         {collabel-moreinformation}
  59.         {colcontrol-moreinformation}
  60.         <div class='text-right navBtns'>
  61.             <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
  62.             <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  63.         </div>  
  64.     </div>
  65.     <div class="as-form-step pr-2" data-step="8" data-title="8" data-icon="fa-check">
  66.         {collabel-alternative}
  67.         {colcontrol-alternative}
  68.         <div class='text-right navBtns'>
  69.            <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
  70.             <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  71.         </div>  
  72.     </div>
  73.     <div class="as-form-step pr-2" data-step="9" data-title="9" data-icon="fa-check">
  74.         {collabel-po}
  75.         {colcontrol-po}
  76.         <div class='text-right navBtns'>
  77.             <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
  78.             <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  79.         </div>
  80.     </div>
  81.     <div class="as-form-step pr-2" data-step="10" data-title="10" data-icon="fa-check">
  82.         <div class="row">
  83.           <div class="col-12 col-md-12">{collabel-like}</div>
  84.           <div class="col-12 col-md-12">{colcontrol-like}</div>
  85.         </div>
  86.         <div class='text-right navBtns'>
  87.            <a href="#" class="as-form-stepPrev btn btn-outline-primary mt-3"><i class="fa fa-chevron-left"></i></a>
  88.             <a href="#" class="as-form-stepNext btn btn-primary mt-3"><i class="fa fa-chevron-right"></i></a>
  89.         </div>  
  90.     </div>
  91.     <div class="as-form-step pr-2" data-step="11" data-title="Finish" data-icon="fa-percent">
  92.         {colwithlabel-email}
  93.         {colwithlabel-phone}
  94.         {colwithlabel-access}
  95.         <div class='text-right navBtns'>
  96.           <a href="#" class="as-form-stepPrev btn btn-outline-primary"><i class="fa fa-chevron-left"></i></a>
  97.           {form-button}
  98.         </div>
  99.         {form-result}
  100.     </div>
  101.   </div>
  102.  
  103.  
  104.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement