templates/Elements/quiz.html.twig line 1

Open in your IDE?
  1. {%set form = quizForm%}
  2. <div class="modal fade introductory_popup" id="guideStep" role="dialog">
  3.     <div class="modal-dialog modal-dialog-centered">
  4.     <div class="modal-content">
  5.         <div class="popup_close close" data-dismiss="modal"></div>
  6.         <div class="introductory_popup_content">
  7.         <div class="introductory_popup_main_title tac">Welcome!</div>
  8.         <div class="introductory_popup_text tac">I am excited to create a personalized workout program for you.<br>Whether at home or at the gym, you can use my program to achieve great results.<br>If using the program at home, you will need these items:</div>
  9.         <div class="introductory_popup_need">
  10.             <div class="introductory_popup_col">
  11.             <div class="introductory_popup_main_title2"> Here is all you need to have at home:</div>
  12.             <div class="introductory_popup_need_list">
  13.                 <div class="introductory_popup_need_item">
  14.                 <div class="introductory_popup_need_item_icon"><img src="{{asset('img/dumbbells.png')}}"></div>
  15.                 <div class="introductory_popup_need_item_title">Dumbbells</div>
  16.                 </div>
  17.                 <div class="introductory_popup_need_item itemor">
  18.                 <div class="introductory_popup_need_item_icon"><img src="{{asset('img/waterbottles.png')}}"></div>
  19.                 <div class="introductory_popup_need_item_title">substitute water bottles</div>
  20.                 </div>
  21.                 <div class="introductory_popup_need_item">
  22.                 <div class="introductory_popup_need_item_icon"><img src="{{asset('img/resistancebbands.png')}}"></div>
  23.                 <div class="introductory_popup_need_item_title">Resistance bands</div>
  24.                 </div>
  25.                 <div class="introductory_popup_need_item">
  26.                 <div class="introductory_popup_need_item_icon"><img src="{{asset('img/gymball.png')}}"></div>
  27.                 <div class="introductory_popup_need_item_title">Gym ball</div>
  28.                 </div>
  29.             </div>
  30.             </div>
  31.             <div class="introductory_popup_col">
  32.             <div class="introductory_popup_main_title2">bonus:</div>
  33.             <div class="introductory_popup_need_list">
  34.                 <div class="introductory_popup_need_item">
  35.                 <div class="introductory_popup_need_item_icon"><img src="{{asset('img/kettlebell.png')}}"></div>
  36.                 <div class="introductory_popup_need_item_title">Kettle bell</div>
  37.                 </div>
  38.                 <div class="introductory_popup_need_item">
  39.                 <div class="introductory_popup_need_item_icon"><img src="{{asset('img/skateboard.png')}}"></div>
  40.                 <div class="introductory_popup_need_item_title">Skateboard</div>
  41.                 </div>
  42.                 <div class="introductory_popup_need_item">
  43.                 <div class="introductory_popup_need_item_icon"><img src="{{asset('img/bosuball.png')}}"></div>
  44.                 <div class="introductory_popup_need_item_title">Bosu Ball</div>
  45.                 </div>
  46.             </div>
  47.             </div>
  48.         </div>
  49.         <div class="introductory_popup_buttons introductory_popup_buttons1"><a class="button button_radius button_transparent" href="#" onclick="nextStep('#guideStep', '#introductorySteps')">Next Step</a></div>
  50.         </div>
  51.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  52.     </div>
  53.     </div>
  54. </div>
  56. <div class="modal fade introductory_popup" id="introductorySteps" role="dialog" data-backdrop="static" data-keyboard="false">
  57.     <div class="modal-dialog modal-dialog-centered">
  58.     <div class="modal-content">
  59.         <div class="popup_close close" data-dismiss="modal"></div>
  60.         <div class="introductory_popup_content">
  61.         <div class="introductory_popup_main_title">Introductory Quiz</div>
  62.         <div class="introductory_popup_main_title2">TAKE THE A-T-U MOBILE QUIZ TO GET YOUR PERSONALIZED WORKOUT PROGRAM FROM STEVE ZIM.</div>
  63.         <div class="introductory_popup_main_text">This program is based on your goals, body type and lifestyle. These are all important factors when configuring a workout program. The answers to these eight questions will help Steve Zim provide you with a program recommendation that’s specifically designed for you:</div>
  64.         <div class="introductory_popup_buttons introductory_popup_buttons2"><a class="button button_radius button_transparent introductory_popup_buttonGO" href="#" onclick="nextStep('#introductorySteps', '#guideStep')">GO BACK</a><a class="button button_radius button_transparent" href="#" onclick="nextStep('#introductorySteps', '#stepGender')">Next Step</a></div>
  66.         </div>
  67.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  68.     </div>
  69.     </div>
  70. </div>
  72. {{ form_start(form, {attr:{id:'quizForm'} }) }}
  73. {{form_widget(form._token)}}
  74. {{form_widget(form.planCategoryId)}}
  75. {{form_widget(form.sourceDocumentId)}}
  77. <div class="modal fade introductory_popup" id="stepGender" role="dialog" data-backdrop="static" data-keyboard="false">
  78.     <div class="modal-dialog modal-dialog-centered">
  79.     <div class="modal-content">
  80.         <div class="popup_close close" data-dismiss="modal"></div>
  81.         <div class="introductory_popup_number">1</div>
  82.         <div class="introductory_popup_content">
  83.         <div class="introductory_popup_title">Which gender do you identify with?</div>
  84.         <div class="introductory_popup_radiobuttons">
  85.             {{include('Elements/quiz-radio.html.twig', {children:form.gender.children})}}
  86.         </div>
  87.         <div class="introductory_popup_buttons introductory_popup_buttons2"><a class="button button_radius button_transparent introductory_popup_buttonGO" href="#" onclick="nextStep('#stepGender', '#introductorySteps')">GO BACK</a><a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepGender', '#stepAge')">Next Step</a></div>
  88.         </div>
  89.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  90.     </div>
  91.     </div>
  92. </div>
  93. <div class="modal fade introductory_popup" id="stepAge" role="dialog" data-backdrop="static" data-keyboard="false">
  94.     <div class="modal-dialog modal-dialog-centered">
  95.     <div class="modal-content">
  96.         <div class="popup_close close" data-dismiss="modal"></div>
  97.         <div class="introductory_popup_number">2</div>
  98.         <div class="introductory_popup_content">
  99.         <div class="introductory_popup_title">What’s your age?</div>
  100.         <div class="introductory_popup_radiobuttons">
  101.             {{include('Elements/quiz-radio.html.twig', {children:form.ageRange.children})}}
  102.         </div>
  103.         <div class="introductory_popup_buttons introductory_popup_buttons2"><a class="button button_radius button_transparent introductory_popup_buttonGO" href="#" onclick="nextStep('#stepAge', '#stepGender')">GO BACK</a>
  104.             <a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepAge', '#stepHeight')">Next Step</a></div>
  105.         </div>
  106.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  107.     </div>
  108.     </div>
  109. </div>
  110. <div class="modal fade introductory_popup" id="stepHeight" role="dialog" data-backdrop="static" data-keyboard="false">
  111.     <div class="modal-dialog modal-dialog-centered">
  112.     <div class="modal-content">
  113.         <div class="popup_close close" data-dismiss="modal"></div>
  114.         <div class="introductory_popup_number">3</div>
  115.         <div class="introductory_popup_content">
  116.         <div class="introductory_popup_title">What’s your height?</div>
  117.         <div class="introductory_popup_radiobuttons">
  118.             {{include('Elements/quiz-radio.html.twig', {children:form.height.children})}}
  119.         </div>
  120.         <div class="introductory_popup_buttons introductory_popup_buttons2">
  121.             <a class="button button_radius button_transparent introductory_popup_buttonreturn" href="#" onclick="nextStep('#stepHeight', '#stepAge')">GO BACK</a>
  122.             <a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepHeight', '#stepWeight')">Next Step</a></div>
  123.         </div>
  124.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  125.     </div>
  126.     </div>
  127. </div>
  128. <div class="modal fade introductory_popup" id="stepWeight" role="dialog" data-backdrop="static" data-keyboard="false">
  129.     <div class="modal-dialog modal-dialog-centered">
  130.     <div class="modal-content">
  131.         <div class="popup_close close" data-dismiss="modal"></div>
  132.         <div class="introductory_popup_number">4</div>
  133.         <div class="introductory_popup_content">
  134.         <div class="introductory_popup_title">What’s your bodyweight?<br>(in pounds)</div>
  135.         <div class="introductory_popup_radiobuttons">
  136.             {{include('Elements/quiz-radio.html.twig', {children:form.bodyweight.children})}}
  137.         </div>
  138.         <div class="introductory_popup_buttons introductory_popup_buttons2">
  139.             <a class="button button_radius button_transparent introductory_popup_buttonGO" href="#" onclick="nextStep('#stepWeight', '#stepHeight')">GO BACK</a>
  140.             <a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepWeight', '#stepBmi')">Next Step</a></div>
  141.         </div>
  142.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  143.     </div>
  144.     </div>
  145. </div>
  146. <div class="modal fade introductory_popup" id="introductoryStep4a" role="dialog" data-backdrop="static" data-keyboard="false">
  147.     <div class="modal-dialog modal-dialog-centered">
  148.     <div class="modal-content">
  149.         <div class="popup_close close" data-dismiss="modal"></div>
  150.         <div class="introductory_popup_content">
  151.         <div class="introductory_popup_title">What’s your BMI?</div>
  152.         <div class="introductory_popup_text">OPTIONAL: Please estimate or calculate your body-mass index (BMI) so Steve Zim can create the best program for you. If you don’t know (or don’t want to do any math), then you can skip this question. You’ll still get a great program recommendation!</div>
  153.         <div class="introductory_popup_buttons introductory_popup_buttons2"><a class="button button_radius button_transparent introductory_popup_buttonreturn" href="#" onclick="nextStep('#introductoryStep4a', '#introductoryStep5a')">Calculate</a><a class="button button_radius button_transparent" href="#" onclick="nextStep('#introductoryStep4a', '#introductoryStep6_male')">Skip</a></div>
  154.         </div>
  155.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  156.     </div>
  157.     </div>
  158. </div>
  159. <div class="modal fade introductory_popup" id="stepBmi" role="dialog" data-backdrop="static" data-keyboard="false">
  160.     <div class="modal-dialog modal-dialog-centered">
  161.     <div class="modal-content">
  162.         <div class="popup_close close" data-dismiss="modal"></div>
  163.         <div class="introductory_popup_number">5</div>
  164.         <div class="introductory_popup_content">
  165.         <div class="introductory_popup_title">What’s your BMI?<a href="#" onclick="nextStep('#stepBmi', '#stepCalculateBmi')">calculate your BMI</a></div>
  166.         <div class="introductory_popup_radiobuttons">
  167.             {{include('Elements/quiz-radio.html.twig', {children:form.bmi.children})}}
  168.         </div>
  169.         <div class="introductory_popup_buttons introductory_popup_buttons2">
  170.             <a class="button button_radius button_transparent introductory_popup_buttonGO" href="#" onclick="nextStep('#stepBmi', '#stepWeight')">GO BACK</a>
  171.             <a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepBmi', '#stepMaleShape')">Next Step</a></div>
  172.         </div>
  173.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a>
  174.         <a class="introductory_popup_navbutton selected" href="#"></a>
  175.         <a class="introductory_popup_navbutton selected" href="#"></a>
  176.         <a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  177.     </div>
  178.     </div>
  179. </div>
  180. <div class="modal fade introductory_popup" id="stepCalculateBmi" role="dialog" data-backdrop="static" data-keyboard="false">
  181.     <div class="modal-dialog modal-dialog-centered">
  182.     <div class="modal-content">
  183.         <div class="popup_close close" data-dismiss="modal"></div>
  184.         <div class="introductory_popup_number">5</div>
  185.         <div class="introductory_popup_content">
  186.         <div class="introductory_popup_title">Here’s the easiest way to calculate your BMI:</div>
  187.         <ul class="introductory_popup_ul">
  188.             <li>1) Take your height in inches. Let’s say your 5’ 6”. That equates to 66 inches.</li>
  189.             <li>2) Square that number: 66 x 66 = 4356</li>
  190.             <li>3) Now use your current accurate weight. Let’s say you weigh 150.</li>
  191.             <li>4) Divide your weight by your height squared: 150 [divided by ] 4356 = 0.03444</li>
  192.             <li>5) Multiply that number by 703</li>
  193.             <li>0.03444 x 703 = 24.2</li>
  194.             <li>That’s how you can do this without using metric heights and weights.</li>
  195.         </ul>
  196.         <div class="introductory_popup_buttons introductory_popup_buttons1"><a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepCalculateBmi', '#stepBmi')">Choose your BMI</a></div>
  197.         </div>
  198.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  199.     </div>
  200.     </div>
  201. </div>
  202. <div class="modal fade introductory_popup" id="stepFemaleShape" role="dialog" data-backdrop="static" data-keyboard="false">
  203.     <div class="modal-dialog modal-dialog-centered">
  204.     <div class="modal-content">
  205.         <div class="popup_close close" data-dismiss="modal"></div>
  206.         <div class="introductory_popup_number">6</div>
  207.         <div class="introductory_popup_content">
  208.         <div class="introductory_popup_title">CHOOSE YOUR BODY SHAPE</div>
  209.         <p>We’d like you to select the body shape that best represents how you look based on your genetics. These images are designed to help you choose the one that best represents your body shape and how you tend to add weight. I’ve designed my workouts to match your bone structure more than your current physical level of conditioning. That will help me select the program that’s best for you. And that will lead you to amazing results on my program.</p>
  210.         <div class="introductory_popup_bodytypes">
  211.             {{include('Elements/quiz-body-shapes-female.html.twig')}}
  212.         </div>
  213.         <div class="introductory_popup_buttons introductory_popup_buttons2"><a class="button button_radius button_transparent introductory_popup_buttonGO" href="#" onclick="nextStep('#stepFemaleShape', '#stepBmi')">GO BACK</a>
  214.             <a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepFemaleShape', '#stepExperience')">Next Step</a></div>
  215.         </div>
  216.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  217.     </div>
  218.     </div>
  219. </div>
  220. <div class="modal fade introductory_popup" id="stepMaleShape" role="dialog" data-backdrop="static" data-keyboard="false">
  221.     <div class="modal-dialog modal-dialog-centered">
  222.     <div class="modal-content">
  223.         <div class="popup_close close" data-dismiss="modal"></div>
  224.         <div class="introductory_popup_number">6</div>
  225.         <div class="introductory_popup_content">
  226.         <div class="introductory_popup_title">CHOOSE YOUR BODY SHAPE</div>
  227.         <p>We’d like you to select the body shape that best represents how you look based on your genetics. These images are designed to help you choose the one that best represents your body shape and how you tend to add weight. I’ve designed my workouts to match your bone structure more than your current physical level of conditioning. That will help me select the program that’s best for you. And that will lead you to amazing results on my program.</p>
  228.         <div class="introductory_popup_bodytypes">
  229.             {{include('Elements/quiz-body-shapes-male.html.twig')}}
  230.         </div>
  231.         <div class="introductory_popup_buttons introductory_popup_buttons2"><a class="button button_radius button_transparent introductory_popup_buttonGO" href="#" onclick="nextStep('#stepMaleShape', '#stepBmi')">GO BACK</a>
  232.             <a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepMaleShape', '#stepExperience')">Next Step</a></div>
  233.         </div>
  234.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  235.     </div>
  236.     </div>
  237. </div>
  238. <div class="modal fade introductory_popup" id="stepExperience" role="dialog" data-backdrop="static" data-keyboard="false">
  239.     <div class="modal-dialog modal-dialog-centered">
  240.     <div class="modal-content">
  241.         <div class="popup_close close" data-dismiss="modal"></div>
  242.         <div class="introductory_popup_number">7</div>
  243.         <div class="introductory_popup_content">
  244.         <div class="introductory_popup_title">What is your workout experience?</div>
  245.         <div class="introductory_popup_radiobuttons">
  246.             {{include('Elements/quiz-radio.html.twig', {children:form.experience.children})}}
  247.         </div>
  248.         <div class="introductory_popup_buttons introductory_popup_buttons2">
  249.             <a class="button button_radius button_transparent introductory_popup_buttonGO" href="#" onclick="nextStep('#stepExperience', '#stepMaleShape')">GO BACK</a>
  250.             <a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepExperience', '#stepFrequency')">Next Step</a></div>
  251.         </div>
  252.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  253.     </div>
  254.     </div>
  255. </div>
  256. <div class="modal fade introductory_popup" id="stepFrequency" role="dialog" data-backdrop="static" data-keyboard="false">
  257.     <div class="modal-dialog modal-dialog-centered">
  258.     <div class="modal-content">
  259.         <div class="popup_close close" data-dismiss="modal"></div>
  260.         <div class="introductory_popup_number">8</div>
  261.         <div class="introductory_popup_content">
  262.         <div class="introductory_popup_title">How much time do you have in your schedule to work out?</div>
  263.         <div class="introductory_popup_radiobuttons">
  264.             {{include('Elements/quiz-radio.html.twig', {children:form.frequency.children})}}
  265.         </div>
  266.         <div class="introductory_popup_buttons introductory_popup_buttons2">
  267.             <a class="button button_radius button_transparent introductory_popup_buttonGO" href="#" onclick="nextStep('#stepFrequency', '#stepExperience')">GO BACK</a>
  268.             <a class="button button_radius button_transparent" href="#" onclick="nextStep('#stepFrequency', '#stepTimezone')">Next Step</a></div>
  269.         </div>
  270.         <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton selected" href="#"></a><a class="introductory_popup_navbutton" href="#"></a><a class="introductory_popup_navbutton" href="#"></a></div>
  271.     </div>
  272.     </div>
  273. </div>
  275.  <div class="modal fade introductory_popup" id="stepTimezone" role="dialog">
  276.         <div class="modal-dialog modal-dialog-centered">
  277.             <div class="modal-content">
  278.                 <div class="popup_close close" data-dismiss="modal"></div>
  279.                 <div class="introductory_popup_number">9</div>
  280.                 <div class="introductory_popup_content">
  281.                     <div class="introductory_popup_title">What is your Time Zone?</div>
  282.                     <div class="introductory_popup_select">
  283.                 {{form_widget(form.timezone)}}
  284.                         </div>
  285.                     <div class="introductory_popup_buttons introductory_popup_buttons2"><a
  286.                             class="button button_radius button_transparent introductory_popup_buttonGO" href="#"
  287.                             onclick="nextStep('#stepTimezone', '#stepFrequency')">GO BACK</a><a
  288.                             class="button button_radius button_transparent" href="#"
  289.                             onclick="nextStep('#stepTimezone', '#stepSignup')">Next Step</a></div>
  290.                 </div>
  291.                 <div class="introductory_popup_nav"><a class="introductory_popup_navbutton selected" href="#"></a><a
  292.                         class="introductory_popup_navbutton selected" href="#"></a><a
  293.                         class="introductory_popup_navbutton selected" href="#"></a><a
  294.                         class="introductory_popup_navbutton selected" href="#"></a><a
  295.                         class="introductory_popup_navbutton selected" href="#"></a><a
  296.                         class="introductory_popup_navbutton selected" href="#"></a><a
  297.                         class="introductory_popup_navbutton selected" href="#"></a><a
  298.                         class="introductory_popup_navbutton selected" href="#"></a><a
  299.                         class="introductory_popup_navbutton selected" href="#"></a><a
  300.                         class="introductory_popup_navbutton" href="#"></a></div>
  301.             </div>
  302.         </div>
  303.     </div>
  305. <div class="modal fade introductory_popup" id="stepSignup" role="dialog" data-backdrop="static" data-keyboard="false">
  306.     <div class="modal-dialog modal-dialog-centered">
  307.     <div class="modal-content">
  308.         <div class="popup_close close" data-dismiss="modal"></div>
  309.         <div class="introductory_popup_number">10</div>
  310.         <div class="introductory_popup_content">
  311.         <div class="introductory_popup_title">Enter Your name and email to receive your exclusive body type profile and custom workouts from Steve Zim!</div>
  312.         <div class="introductory_popup_form">
  313.             <div class="row">
  314.             <div class="col-md-6">{{form_widget(form.firstname)}}</div>
  315.             <div class="col-md-6">{{form_widget(form.lastname)}}</div>
  316.             <div class="col-md-6">{{form_widget(form.email)}}</div>
  317.             <div class="col-md-6">{{ form_widget(form.password.first) }}</div>
  318.             <div class="col-md-6">{{ form_widget(form.password.second, {attr: {placeholder:'Repeat Password'} } ) }}</div>
  319.             </div>
  320.         </div>
  321.         <div class="introductory_popup_buttons introductory_popup_buttons1">
  322.             {{form_widget(form.submit, {
  323.                     attr: {
  324.                         class: 'button button_radius button_red quiz_button_submit_ajax'
  325.                     }
  326.                 })}}
  327.         </div>
  328.         </div>
  329.         <div class="introductory_popup_nav introductory_popup_nav_last">
  330.         <a class="introductory_popup_navbutton selected" href="#"></a>
  331.         <a class="introductory_popup_navbutton selected" href="#"></a>
  332.         <a class="introductory_popup_navbutton selected" href="#"></a>
  333.         <a class="introductory_popup_navbutton selected" href="#"></a>
  334.         <a class="introductory_popup_navbutton selected" href="#"></a>
  335.         <a class="introductory_popup_navbutton selected" href="#"></a>
  336.         <a class="introductory_popup_navbutton selected" href="#"></a>
  337.         <a class="introductory_popup_navbutton selected" href="#"></a>
  338.         <a class="introductory_popup_navbutton selected" href="#"></a>
  339.         <a class="introductory_popup_navbutton selected" href="#"></a>
  340.         </div>
  341.     </div>
  342.     </div>
  343. </div>
  344. {{ form_end(form, {'render_rest': false}) }}