templates/iorad/tutorial.analysis.overview.html.twig line 1

Open in your IDE?
  1. <div style="max-width: 100%; width: 800px; margin: 0 auto;">
  2.     <div style="display: none;"><p style="display: none; text-align: center; margin-top: 10px;"><i
  3.                     style="font-style: italic; font-weight: bold; color: #CCCCCC; font-size: 18px;">14 STEPS</i></p>
  4.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 1. The first step is to
  5.             open <b style="font-weight:normal;color:#ff8400">Menu Engineering</b></p>
  6.         <p style="text-align: center;"><img
  7.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=1&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  8.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 1 image"/></p>
  9.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 2. Scroll down and click
  10.             <b style="font-weight:normal;color:#ff8400">Go to project</b></p>
  11.         <p style="text-align: center;"><img
  12.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=2&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  13.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 2 image"/></p>
  14.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 3. Click <b
  15.                     style="font-weight:normal;color:#ff8400">Manage &amp; analyse import data</b></p>
  16.         <p style="text-align: center;"><img
  17.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=3&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  18.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 3 image"/></p>
  19.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 4. Click <b
  20.                     style="font-weight:normal;color:#ff8400">Start analysis</b></p>
  21.         <p style="text-align: center;"><img
  22.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=4&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  23.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 4 image"/></p>
  24.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 5. Here you can check
  25.             general project information </p>
  26.         <p style="text-align: center;"><img
  27.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=5&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  28.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 5 image"/></p>
  29.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 6. Scroll down and check
  30.             important kpi's of the customer. </p>
  31.         <p style="text-align: center;"><img
  32.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=6&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  33.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 6 image"/></p>
  34.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 7. Scroll up and find
  35.             information about the contribution margin share of the meal periods. </p>
  36.         <p style="text-align: center;"><img
  37.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=7&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  38.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 7 image"/></p>
  39.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 8. Scroll up and select
  40.             Super Category </p>
  41.         <p style="text-align: center;"><img
  42.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=8&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  43.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 8 image"/></p>
  44.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 9. Select <b
  45.                     style="font-weight:normal;color:#ff8400">FOOD</b></p>
  46.         <p style="text-align: center;"><img
  47.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=9&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  48.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 9 image"/></p>
  49.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 10. Click <b
  50.                     style="font-weight:normal;color:#ff8400">Category</b></p>
  51.         <p style="text-align: center;"><img
  52.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=10&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  53.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 10 image"/></p>
  54.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 11. Select <b
  55.                     style="font-weight:normal;color:#ff8400">main course</b></p>
  56.         <p style="text-align: center;"><img
  57.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=11&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  58.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 11 image"/></p>
  59.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 12. Click <b
  60.                     style="font-weight:normal;color:#ff8400">Meal Period</b></p>
  61.         <p style="text-align: center;"><img
  62.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=12&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  63.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 12 image"/></p>
  64.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 13. Select <b
  65.                     style="font-weight:normal;color:#ff8400">Meal period</b></p>
  66.         <p style="text-align: center;"><img
  67.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=13&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  68.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 13 image"/></p>
  69.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 14. Click <b
  70.                     style="font-weight:normal;color:#ff8400">GO</b></p>
  71.         <p style="text-align: center;"><img
  72.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680330&step_number=14&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  73.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 14 image"/></p></div>
  74. </div>        <h3 style="display: none; font-size: 18px; margin-top: 89px; margin-bottom: 43px;"> Here's an interactive
  75.     tutorial </h3>    <p style="display: none;"><a
  76.             href="https://www.iorad.com/player/1680330/Menu-Engineering-Tool-05---run-the-analysis-overview">https://www.iorad.com/player/1680330/Menu-Engineering-Tool-05---run-the-analysis-overview</a>
  77. </p>
  78. <p style="border: 0; min-width: 100%; margin-bottom: 0; height: 501px;">
  79.     <iframe src="https://www.iorad.com/player/1680330/Menu-Engineering-Tool-05---run-the-analysis-overview?src=iframe&oembed=1"
  80.             width="100%" height="500px" style="width: 100%; height: 500px; "
  81.             referrerpolicy="strict-origin-when-cross-origin" frameborder="0"
  82.             webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen"
  83.             allowfullscreen="allowfullscreen"></iframe>
  84. </p>