templates/iorad/tutorial.create.project.html.twig line 1

Open in your IDE?
  1. <h3 style="display: none; font-size: 18px; padding-bottom: 20px; color: #000000"> Here's an interactive tutorial </h3>
  2. <p style="display: none;"><a href="https://www.iorad.com/player/1679150/Menu-Engineering-Tool-01---Create-Project">https://www.iorad.com/player/1679150/Menu-Engineering-Tool-01---Create-Project</a>
  3. </p>
  4. <p style="border: 0; min-width: 100%; margin-bottom: 0; height: 501px;">
  5.     <iframe src="https://www.iorad.com/player/1679150/Menu-Engineering-Tool-01---Create-Project?src=iframe&oembed=1"
  6.             width="100%" height="500px" style="width: 100%; height: 500px; "
  7.             referrerpolicy="strict-origin-when-cross-origin" frameborder="0"
  8.             webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen"
  9.             allowfullscreen="allowfullscreen"></iframe>
  10. </p>
  11. <div style="display: none;"><p style="display: none; text-align: center;"><i
  12.                 style="font-style: italic; font-weight: bold; color: #CCCCCC; font-size: 18px;">10 STEPS</i></p>
  13.     <br/>
  14.     <p style="font-size: 18px; display: table-row;"><b
  15.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  16.             <span style="line-height: 37px;">1</span> </b> <span
  17.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">The first step is to open <b
  18.                     style="font-weight:bold;color:#ff8400"><a target="_blank" rel="nofollow"
  19.                                                               href="https://menu.engineer">menu.enginee</a><a
  20.                         target="_blank" rel="nofollow" href="https://menu.engineer">r</a></b> and click <b
  21.                     style="font-weight:bold;color:#ff8400">Create a new project</b></span></p>
  22.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  23.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=1&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%;padding: 4px;border: none;" alt="Step 1 image"/></p>
  25.     <p style="font-size: 18px; display: table-row;"><b
  26.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  27.             <span style="line-height: 37px;">2</span> </b> <span
  28.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">Type <b
  29.                     style="font-weight:bold;color:#ff8400">Name of the project.</b> Recommendation: Take name of the establishment.</span>
  30.     </p>
  31.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  32.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=2&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%;padding: 4px;border: none;" alt="Step 2 image"/></p>
  34.     <p style="font-size: 18px; display: table-row;"><b
  35.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  36.             <span style="line-height: 37px;">3</span> </b> <span
  37.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">Click <b
  38.                     style="font-weight:bold;color:#ff8400">please select</b></span></p>
  39.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  40.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=3&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  41.                 style="max-width: 100%;max-height: 100%;padding: 4px;border: none;" alt="Step 3 image"/></p>
  42.     <p style="font-size: 18px; display: table-row;"><b
  43.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  44.             <span style="line-height: 37px;">4</span> </b> <span
  45.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">Select the <b
  46.                     style="font-weight:bold;color:#ff8400">POS system</b> from list.<br/>Note: You can use 'custom import' to proceed when the POS system is not listed.</span>
  47.     </p>
  48.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  49.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=4&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  50.                 style="max-width: 100%;max-height: 100%;padding: 4px;border: none;" alt="Step 4 image"/></p>
  51.     <p style="font-size: 18px; display: table-row;"><b
  52.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  53.             <span style="line-height: 37px;">5</span> </b> <span
  54.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">Click <b
  55.                     style="font-weight:bold;color:#ff8400">Create new project</b></span></p>
  56.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  57.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=5&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%;padding: 4px;border: none;" alt="Step 5 image"/></p>
  59.     <p style="font-size: 18px; display: table-row;"><b
  60.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  61.             <span style="line-height: 37px;">6</span> </b> <span
  62.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">Click <b
  63.                     style="font-weight:bold;color:#ff8400">Manage imports</b></span></p>
  64.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  65.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=6&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  66.                 style="max-width: 100%;max-height: 100%;padding: 4px;border: none;" alt="Step 6 image"/></p>
  67.     <p style="font-size: 18px; display: table-row;"><b
  68.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  69.             <span style="line-height: 37px;">7</span> </b> <span
  70.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">Click <b
  71.                     style="font-weight:bold;color:#ff8400">Import project data </b>to add POS data to the project.</span>
  72.     </p>
  73.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  74.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=7&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  75.                 style="max-width: 100%;max-height: 100%;padding: 4px;border: none;" alt="Step 7 image"/></p>
  76.     <p style="font-size: 18px; display: table-row;"><b
  77.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  78.             <span style="line-height: 37px;">8</span> </b> <span
  79.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">Type <b
  80.                     style="font-weight:bold;color:#ff8400">Description </b>of the import. Remember, there will be probably more imports in future. </span>
  81.     </p>
  82.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  83.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=8&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  84.                 style="max-width: 100%;max-height: 100%;padding: 4px;border: none;" alt="Step 8 image"/></p>
  85.     <p style="font-size: 18px; display: table-row;"><b
  86.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  87.             <span style="line-height: 37px;">9</span> </b> <span
  88.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">Click <b
  89.                     style="font-weight:bold;color:#ff8400">Select Zip archive to upload. </b>This Zip has to be in the format which is dedicated to the POS system</span>
  90.     </p>
  91.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  92.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=9&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  93.                 style="max-width: 100%;max-height: 100%;padding: 4px;border: none;" alt="Step 9 image"/></p>
  94.     <p style="font-size: 18px; display: table-row;"><b
  95.                 style="font-weight: normal; width: 40px; height: 40px; display: inline-block; border: 2px solid #CCCCCC; color: #CCCCCC; border-radius: 100%; text-align: center; box-sizing: border-box; padding-left: 1px; margin-right: 24px;">
  96.             <span style="line-height: 37px;">10</span> </b> <span
  97.                 style="display: table-cell; vertical-align: middle; line-height: 23px;">That's it. You're done. Click <b
  98.                     style="font-weight:bold;color:#ff8400">Import project data</b> to proceed.</span></p>
  99.     <p style="text-align: center; padding-bottom: 42px; padding-top: 20px;"><img
  100.                 src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1679150&step_number=10&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  101.                 style="max-width: 100%;max-height: 100%;padding: 4px;border: none;" alt="Step 10 image"/></p></div>