templates/iorad/tutorial.setup.data.import.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;">8 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=1680327&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=1680327&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">Aggregate data </b></p>
  17.         <p style="text-align: center;"><img
  18.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680327&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">Download aggregated data to add food cost and categories to
  22.                 the data.</b></p>
  23.         <p style="text-align: center;"><img
  24.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680327&step_number=4&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  25.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 4 image"/></p>
  26.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 5. Click <b
  27.                     style="font-weight:normal;color:#ff8400">Upload file &amp; import data to upload the edited file to
  28.                 the tool.</b></p>
  29.         <p style="text-align: center;"><img
  30.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680327&step_number=5&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  31.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 5 image"/></p>
  32.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 6. Click <b
  33.                     style="font-weight:normal;color:#ff8400">Select csv file to upload. Note: the file has to be named
  34.                 like the downloaded file.</b></p>
  35.         <p style="text-align: center;"><img
  36.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680327&step_number=6&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  37.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 6 image"/></p>
  38.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 7. Click <b
  39.                     style="font-weight:normal;color:#ff8400">Import project data</b></p>
  40.         <p style="text-align: center;"><img
  41.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680327&step_number=7&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 7 image"/></p>
  43.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 8. That's it. You're
  44.             done. </p>
  45.         <p style="text-align: center;"><img
  46.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680327&step_number=8&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 8 image"/></p></div>
  48. </div>        <h3 style="display: none; font-size: 18px; margin-top: 89px; margin-bottom: 43px;"> Here's an interactive
  49.     tutorial </h3>    <p style="display: none;"><a
  50.             href="https://www.iorad.com/player/1680327/Menu-Engineering-Tool-02---Setup-the-data-import">https://www.iorad.com/player/1680327/Menu-Engineering-Tool-02---Setup-the-data-import</a>
  51. </p>
  52. <p style="border: 0; min-width: 100%; margin-bottom: 0; height: 501px;">
  53.     <iframe src="https://www.iorad.com/player/1680327/Menu-Engineering-Tool-02---Setup-the-data-import?src=iframe&oembed=1"
  54.             width="100%" height="500px" style="width: 100%; height: 500px; "
  55.             referrerpolicy="strict-origin-when-cross-origin" frameborder="0"
  56.             webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen"
  57.             allowfullscreen="allowfullscreen"></iframe>
  58. </p>