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.

179 lines
6.0 KiB

4 years ago
4 years ago
  1. <section class="oe_container">
  2. <div class="oe_row oe_spaced">
  3. <h2 class="oe_slogan">MuK Backend Theme</h2>
  4. <h3 class="oe_slogan">Odoo Community Backend Theme</h3>
  5. <img src="logo.png" style="width: 150px;" class="mx-auto center-block">
  6. <h4 class="oe_slogan mt-0" style="font-size: 23px">MuK IT GmbH - www.mukit.at</h4>
  7. <div class="oe_demo oe_screenshot"
  8. style="max-width: 84%; margin: 16px 8%">
  9. <img src="screenshot.png">
  10. </div>
  11. </div>
  12. </section>
  13. <section class="oe_container">
  14. <div class="oe_row oe_spaced">
  15. <div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
  16. <h3 class="oe_slogan">Overview</h3>
  17. <p class="oe_mt32">This module offers a mobile compatible design
  18. for Odoo Community. Furthermore it allows the
  19. user to define some design preferences. So he can choose the size of
  20. the sidebar and the position of the chatter. In addition, the
  21. background image of the app menu can be set for each company.</p>
  22. </div>
  23. </div>
  24. </section>
  25. <section class="oe_container">
  26. <div class="oe_row oe_spaced">
  27. <div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
  28. <h3 class="oe_slogan">Desktop Interface</h3>
  29. <div class="row">
  30. <div class="mb16 col-lg-6">
  31. <div class="oe_demo oe_screenshot">
  32. <img src="screenshot_apps.png">
  33. </div>
  34. </div>
  35. <div class="mb16 col-lg-6">
  36. <div class="oe_demo oe_screenshot">
  37. <img src="screenshot_chatter.png">
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </section>
  44. <section class="oe_container">
  45. <div class="oe_row oe_spaced">
  46. <div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
  47. <h3 class="oe_slogan">Mobile Interface</h3>
  48. <div class="row">
  49. <div class="mb16 col-md-4 col-lg-3">
  50. <div class="oe_demo oe_screenshot">
  51. <img src="screenshot_mobile_apps.png">
  52. </div>
  53. </div>
  54. <div class="mb16 col-md-4 col-lg-3">
  55. <div class="oe_demo oe_screenshot">
  56. <img src="screenshot_mobile_form.png">
  57. </div>
  58. </div>
  59. <div class="mb16 col-md-4 col-lg-3">
  60. <div class="oe_demo oe_screenshot">
  61. <img src="screenshot_mobile_menu.png">
  62. </div>
  63. </div>
  64. <div class="mb16 col-md-4 col-lg-3">
  65. <div class="oe_demo oe_screenshot">
  66. <img src="screenshot_mobile_kanban.png">
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </section>
  73. <section class="oe_container">
  74. <div class="oe_row oe_spaced">
  75. <div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
  76. <h3 class="oe_slogan">Fully Customizable</h3>
  77. <div class="row">
  78. <div class="mb16 col-lg-6">
  79. <div class="oe_demo oe_screenshot">
  80. <img src="screenshot_customize.png">
  81. </div>
  82. </div>
  83. <div class="mb16 col-lg-6">
  84. <div class="oe_demo oe_screenshot">
  85. <img src="screenshot_settings.png">
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </section>
  92. <section
  93. class="oe_container oe_dark d-flex justify-content-around align-items-lg-center flex-column flex-lg-row">
  94. <div class="d-flex flex-column m-3 ml-lg-4">
  95. <h3 class="oe_slogan mb-3 mt-3 text-left">
  96. <i class="fa fa-comments mr8"></i>Want more?
  97. </h3>
  98. <p>
  99. Are you having troubles with your Odoo integration? Or do you feel
  100. your system lacks of essential features? <br>If your answer is <b>YES</b>
  101. to one of the above questions, feel free to contact us at anytime
  102. with your inquiry. <br>We are looking forward to discuss your
  103. needs and plan the next steps with you. <br>
  104. </p>
  105. </div>
  106. <div
  107. class="oe_slogan d-flex flex-column ml-1 mr-1 ml-lg-4 mr-lg-4 flex-grow-1">
  108. <a class="btn btn-primary btn-lg m-1 mt-2"
  109. href="mailto:sale@mukit.at?subject=Request%20Quote%3A%20MuK%20Grid%20Snippets"
  110. style="font-size: 1.2rem; position: relative; overflow: hidden;">
  111. <i class="fa fa-envelope mr-1"></i>REQUEST QUOTE
  112. </a>
  113. </div>
  114. </section>
  115. <section class="oe_container">
  116. <div class="oe_row oe_spaced">
  117. <h3 class="oe_slogan">Our Services</h3>
  118. <div class="d-flex justify-content-between">
  119. <div>
  120. <div>
  121. <div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
  122. <img src="/service_implementation.png" style="width: 100%; border-radius: 100%">
  123. </div>
  124. <h3 class="oe_slogan" style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px">
  125. Odoo <br>Implementation
  126. </h3>
  127. </div>
  128. </div>
  129. <div>
  130. <div>
  131. <div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
  132. <img src="/service_integration.png" style="width: 100%; border-radius: 100%">
  133. </div>
  134. <h3 class="oe_slogan" style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px">
  135. Odoo <br>Integration
  136. </h3>
  137. </div>
  138. </div>
  139. <div>
  140. <div>
  141. <div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
  142. <img src="/service_customization.png" style="width: 100%; border-radius: 100%">
  143. </div>
  144. <h3 class="oe_slogan" style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px">
  145. Odoo <br>Customization
  146. </h3>
  147. </div>
  148. </div>
  149. <div>
  150. <div>
  151. <div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
  152. <img src="/service_development.png" style="width: 100%; border-radius: 100%">
  153. </div>
  154. <h3 class="oe_slogan" style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px">
  155. Odoo <br>Development
  156. </h3>
  157. </div>
  158. </div>
  159. <div>
  160. <div>
  161. <div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
  162. <img src="/service_support.png" style="width: 100%; border-radius: 100%">
  163. </div>
  164. <h3 class="oe_slogan" style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px">
  165. Odoo <br>Support
  166. </h3>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </section>