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.

80 lines
2.7 KiB

  1. <section class="oe_container">
  2. <div class="oe_row oe_spaced">
  3. <div class="oe_span12">
  4. <h2 class="oe_slogan">Mail recovery</h2>
  5. <h3 class="oe_slogan">Backup and recover unsent message</h3>
  6. </div>
  7. </div>
  8. </section>
  9. <section class="oe_container oe_dark">
  10. <div class="oe_row oe_spaced">
  11. <div class="oe_span4">
  12. <p class="oe_mt32">
  13. Imagine that you are typing a message to someone. Probably a big message.
  14. </p>
  15. </div>
  16. <div class="oe_span8">
  17. <div class="oe_row_img oe_centered">
  18. <img class="oe_demo oe_picture oe_screenshot" src="typing.png"/>
  19. </div>
  20. </div>
  21. </div>
  22. </section>
  23. <section class="oe_container">
  24. <div class="oe_row oe_spaced">
  25. <div class="oe_span8">
  26. <div class="oe_row_img oe_centered">
  27. <img class="oe_demo oe_picture oe_screenshot" src="black.png"/>
  28. </div>
  29. </div>
  30. <div class="oe_span4">
  31. <p class="oe_mt32">
  32. And then something wrong happens. You close browser, electricity is turned off or whatever.
  33. </p>
  34. </div>
  35. </div>
  36. </section>
  37. <section class="oe_container oe_dark">
  38. <div class="oe_row oe_spaced">
  39. <div class="oe_span4">
  40. <p class="oe_mt32">
  41. Don't worry! Open browser again and click Reply icon.
  42. </p>
  43. </div>
  44. <div class="oe_span8">
  45. <div class="oe_row_img oe_centered">
  46. <img class="oe_demo oe_picture oe_screenshot" src="reopen.png"/>
  47. </div>
  48. </div>
  49. <div class="oe_span4">
  50. <p class="oe_mt32">
  51. You can finish your message from point where it was interrupted.
  52. </p>
  53. </div>
  54. <div class="oe_span8">
  55. <div class="oe_row_img oe_centered">
  56. <img class="oe_demo oe_picture oe_screenshot" src="continue.png"/>
  57. </div>
  58. </div>
  59. </div>
  60. </section>
  61. <section class="oe_container">
  62. <div class="oe_row oe_spaced">
  63. <div class="oe_span12">
  64. <h2>Need our service?</h2>
  65. <p class="oe_mt32">Contact us by <a href="mailto:it@it-projects.info">email</a> or fill out <a href="https://www.it-projects.info/page/website.contactus " target="_blank">request form</a></p>
  66. <ul>
  67. <li><a href="mailto:it@it-projects.info">it@it-projects.info <i class="fa fa-envelope-o"></i></a></li>
  68. <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>
  69. </ul>
  70. </div>
  71. </div>
  72. </section>