templates/iorad/tutorial.meal.period.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;">16 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> and click <b
  6.                     style="font-weight:normal;color:#ff8400">Go to project</b></p>
  7.         <p style="text-align: center;"><img
  8.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=1&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  9.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 1 image"/></p>
  10.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 2. Click <b
  11.                     style="font-weight:normal;color:#ff8400">Manage &amp; analyse import data</b></p>
  12.         <p style="text-align: center;"><img
  13.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=2&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  14.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 2 image"/></p>
  15.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 3. Click <b
  16.                     style="font-weight:normal;color:#ff8400">Add meal period(s)</b></p>
  17.         <p style="text-align: center;"><img
  18.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=3&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  19.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 3 image"/></p>
  20.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 4. Click <b
  21.                     style="font-weight:normal;color:#ff8400">Create new meal period</b></p>
  22.         <p style="text-align: center;"><img
  23.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=4&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  24.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 4 image"/></p>
  25.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 5. Type <b
  26.                     style="font-weight:normal;color:#ff8400">Period name</b></p>
  27.         <p style="text-align: center;"><img
  28.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=5&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  29.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 5 image"/></p>
  30.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 6. Click Start time </p>
  31.         <p style="text-align: center;"><img
  32.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&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. Select <b
  35.                     style="font-weight:normal;color:#ff8400">Starting time</b></p>
  36.         <p style="text-align: center;"><img
  37.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&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. Select end time </p>
  40.         <p style="text-align: center;"><img
  41.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=8&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  42.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 8 image"/></p>
  43.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 9. Click <b
  44.                     style="font-weight:normal;color:#ff8400">Create new meal period</b></p>
  45.         <p style="text-align: center;"><img
  46.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=9&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  47.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 9 image"/></p>
  48.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 10. Click <b
  49.                     style="font-weight:normal;color:#ff8400">Create new meal period</b></p>
  50.         <p style="text-align: center;"><img
  51.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=10&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  52.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 10 image"/></p>
  53.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 11. Type <b
  54.                     style="font-weight:normal;color:#ff8400">Period name</b></p>
  55.         <p style="text-align: center;"><img
  56.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=11&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  57.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 11 image"/></p>
  58.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 12. Click <b
  59.                     style="font-weight:normal;color:#ff8400">Start time</b></p>
  60.         <p style="text-align: center;"><img
  61.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=12&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  62.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 12 image"/></p>
  63.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 13. Select starting
  64.             time </p>
  65.         <p style="text-align: center;"><img
  66.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=13&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  67.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 13 image"/></p>
  68.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 14. Select <b
  69.                     style="font-weight:normal;color:#ff8400">end time</b></p>
  70.         <p style="text-align: center;"><img
  71.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=14&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  72.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 14 image"/></p>
  73.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 15. Click <b
  74.                     style="font-weight:normal;color:#ff8400">Create new meal period</b></p>
  75.         <p style="text-align: center;"><img
  76.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=15&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  77.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 15 image"/></p>
  78.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 16. That's it. You're
  79.             done. </p>
  80.         <p style="text-align: center;"><img
  81.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680328&step_number=16&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  82.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 16 image"/></p></div>
  83. </div>        <h3 style="display: none; font-size: 18px; margin-top: 89px; margin-bottom: 43px;"> Here's an interactive
  84.     tutorial </h3>    <p style="display: none;"><a
  85.             href="https://www.iorad.com/player/1680328/Menu-Engineering-Tool-03---Adding-meal-periods">https://www.iorad.com/player/1680328/Menu-Engineering-Tool-03---Adding-meal-periods</a>
  86. </p>
  87. <p style="border: 0; min-width: 100%; margin-bottom: 0; height: 501px;">
  88.     <iframe src="https://www.iorad.com/player/1680328/Menu-Engineering-Tool-03---Adding-meal-periods?src=iframe&oembed=1"
  89.             width="100%" height="500px" style="width: 100%; height: 500px; "
  90.             referrerpolicy="strict-origin-when-cross-origin" frameborder="0"
  91.             webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen"
  92.             allowfullscreen="allowfullscreen"></iframe>
  93. </p>