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.

198 lines
6.6 KiB

  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. <h4 class="oe_slogan" style="font-size: 23px;">MuK IT GmbH -
  6. 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 user to define some
  19. design preferences. So he can choose the size of the sidebar and the
  20. position of the chatter. In addition, the background image of the app
  21. menu can be set for each company.</p>
  22. </div>
  23. </div>
  24. </section>
  25. <section class="oe_container oe_dark">
  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_search.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 oe_dark">
  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 class="oe_container oe_dark">
  93. <div class="oe_row oe_spaced">
  94. <h3 class="oe_slogan">Our Services</h3>
  95. <div
  96. style="display: flex; padding-top: 20px; justify-content: space-between;">
  97. <div style="flex-basis: 18%;">
  98. <a href="https://mukit.at/r/MQ5" target="_blank">
  99. <div
  100. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  101. <img src="service_implementation.png"
  102. style="width: 100%; border-radius: 100%;">
  103. </div>
  104. <h3 class="oe_slogan"
  105. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  106. Odoo <br>Implementation
  107. </h3>
  108. </a>
  109. </div>
  110. <div style="flex-basis: 18%;">
  111. <a href="https://mukit.at/r/u7c" target="_blank">
  112. <div
  113. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  114. <img src="service_integration.png"
  115. style="width: 100%; border-radius: 100%;">
  116. </div>
  117. <h3 class="oe_slogan"
  118. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  119. Odoo <br>Integration
  120. </h3>
  121. </a>
  122. </div>
  123. <div style="flex-basis: 18%;">
  124. <a href="https://mukit.at/r/xDJ" target="_blank">
  125. <div
  126. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  127. <img src="service_customization.png"
  128. style="width: 100%; border-radius: 100%;">
  129. </div>
  130. <h3 class="oe_slogan"
  131. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  132. Odoo <br>Customization
  133. </h3>
  134. </a>
  135. </div>
  136. <div style="flex-basis: 18%;">
  137. <a href=" https://mukit.at/r/J3A" target="_blank">
  138. <div
  139. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  140. <img src="service_development.png"
  141. style="width: 100%; border-radius: 100%;">
  142. </div>
  143. <h3 class="oe_slogan"
  144. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  145. Odoo <br>Development
  146. </h3>
  147. </a>
  148. </div>
  149. <div style="flex-basis: 18%;">
  150. <a href=" https://mukit.at/r/R1v" target="_blank">
  151. <div
  152. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  153. <img src="service_support.png"
  154. style="width: 100%; border-radius: 100%;">
  155. </div>
  156. <h3 class="oe_slogan"
  157. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  158. Odoo <br>Support
  159. </h3>
  160. </a>
  161. </div>
  162. </div>
  163. </div>
  164. </section>
  165. <section class="oe_container" style="padding: 32px 0;">
  166. <div class="oe_row oe_spaced" style="margin: auto;">
  167. <div class="oe_demo oe_picture oe_screenshot">
  168. <a href="https://mukit.at/r/SgN" target="_blank"> <img src="preview.png">
  169. </a>
  170. </div>
  171. </div>
  172. </section>
  173. <section class="oe_container oe_dark">
  174. <h3 class="oe_slogan">Help and Support</h3>
  175. <h5 class="oe_slogan" style="font-size: 20px;">Feel free to
  176. contact us, if you need any help with your Odoo integration or
  177. addiontal features.</h5>
  178. <div class="oe_slogan">
  179. <a class="btn btn-primary btn-lg mt8" href="https://mukit.at" target="_blank">
  180. <i class="fa fa-globe"></i> Website
  181. </a>
  182. <a class="btn btn-primary btn-lg mt8" href="mailto:sale@mukit.at">
  183. <i class="fa fa-envelope"></i> Contact Us
  184. </a>
  185. <a class="btn btn-primary btn-lg mt8" href="https://github.com/muk-it" target="_blank">
  186. <i class="fa fa-github"></i> Issues
  187. </a>
  188. </div>
  189. <img src="logo.png"
  190. style="width: 200px; margin-bottom: 20px; display: block;"
  191. class="mx-auto center-block">
  192. </section>