You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
2.6 KiB

  1. <section class="oe_container">
  2. <div class="oe_row oe_spaced">
  3. <div class="oe_span12">
  4. <h2 class="oe_slogan">Popup Attachments</h2>
  5. <h3 class="oe_slogan">Open attachments in popup</h3>
  6. </div>
  7. </div>
  8. </section>
  9. <section class="oe_container">
  10. <div class="oe_row oe_spaced">
  11. <div class="oe_span12">
  12. <p class="oe_mt32">
  13. The module allows to open attachments (images) in popup. It is convenient if you want to display them only without downloading.
  14. </p>
  15. </div>
  16. </div>
  17. </section>
  18. <section class="oe_container oe_dark">
  19. <div class="oe_row oe_spaced">
  20. <div class="oe_span12">
  21. <h3 class="oe_slogan">How it works</h3>
  22. </div>
  23. </div>
  24. </section>
  25. <section class="oe_container">
  26. <div class="oe_row oe_spaced">
  27. <div class="oe_span6">
  28. <p class="oe_mt32">
  29. Go to "Messaging" menu and open email that contains image(s) in attachment.
  30. </p>
  31. </div>
  32. <div class="oe_span6">
  33. <div class="oe_row_img oe_centered">
  34. <img class="oe_demo oe_picture oe_screenshot" src="attach_image.png"/>
  35. </div>
  36. </div>
  37. </div>
  38. </section>
  39. <section class="oe_container oe_dark">
  40. <div class="oe_row oe_spaced">
  41. <div class="oe_span6">
  42. <div class="oe_row_img oe_centered">
  43. <img class="oe_demo oe_picture oe_screenshot" src="popup.png"/>
  44. </div>
  45. </div>
  46. <div class="oe_span6">
  47. <p class="oe_mt32">
  48. Click on the image and see how popup is appear.
  49. </p>
  50. </div>
  51. </div>
  52. </section>
  53. <section class="oe_container">
  54. <div class="oe_row oe_spaced">
  55. <div class="oe_span6">
  56. <p class="oe_mt32">
  57. Moreover, you can download it to your device by clicking on the "Download" button if needed.
  58. </p>
  59. </div>
  60. <div class="oe_span6">
  61. <div class="oe_row_img oe_centered">
  62. <img class="oe_demo oe_picture oe_screenshot" src="download.png"/>
  63. </div>
  64. </div>
  65. </div>
  66. </section>
  67. <section class="oe_container">
  68. <div class="oe_row oe_spaced">
  69. <div class="oe_span12">
  70. <h2>Need our service?</h2>
  71. <p class="oe_mt32">Contact us by <a href="mailto:apps@it-projects.info">email</a> or fill out <a href="https://www.it-projects.info/page/website.contactus " target="_blank">request form</a></p>
  72. <ul>
  73. <li><a href="mailto:apps@it-projects.info">apps@it-projects.info <i class="fa fa-envelope-o"></i></a></li>
  74. <li><a href="https://www.it-projects.info/page/website.contactus " target="_blank">https://www.it-projects.info/page/website.contactus <i class="fa fa-list-alt"></i></a></li>
  75. </ul>
  76. </div>
  77. </div>
  78. </section>