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.

218 lines
7.1 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">
  93. <div class="oe_row oe_spaced">
  94. <div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
  95. <h3 class="oe_slogan">Menu Search &amp; More</h3>
  96. <div class="row">
  97. <div class="mb16 col-lg-6">
  98. <div class="oe_demo oe_screenshot">
  99. <img src="screenshot_search.png">
  100. </div>
  101. </div>
  102. <div class="mb16 col-lg-6">
  103. <div class="oe_demo oe_screenshot">
  104. <img src="screenshot_more.png">
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </section>
  111. <section class="oe_container oe_dark">
  112. <div class="oe_row oe_spaced">
  113. <h3 class="oe_slogan">Our Services</h3>
  114. <div
  115. style="display: flex; padding-top: 20px; justify-content: space-between;">
  116. <div style="flex-basis: 18%;">
  117. <a href="https://mukit.at/r/MQ5" target="_blank">
  118. <div
  119. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  120. <img src="service_implementation.png"
  121. style="width: 100%; border-radius: 100%;">
  122. </div>
  123. <h3 class="oe_slogan"
  124. 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;">
  125. Odoo <br>Implementation
  126. </h3>
  127. </a>
  128. </div>
  129. <div style="flex-basis: 18%;">
  130. <a href="https://mukit.at/r/u7c" target="_blank">
  131. <div
  132. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  133. <img src="service_integration.png"
  134. style="width: 100%; border-radius: 100%;">
  135. </div>
  136. <h3 class="oe_slogan"
  137. 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;">
  138. Odoo <br>Integration
  139. </h3>
  140. </a>
  141. </div>
  142. <div style="flex-basis: 18%;">
  143. <a href="https://mukit.at/r/xDJ" target="_blank">
  144. <div
  145. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  146. <img src="service_customization.png"
  147. style="width: 100%; border-radius: 100%;">
  148. </div>
  149. <h3 class="oe_slogan"
  150. 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;">
  151. Odoo <br>Customization
  152. </h3>
  153. </a>
  154. </div>
  155. <div style="flex-basis: 18%;">
  156. <a href=" https://mukit.at/r/J3A" target="_blank">
  157. <div
  158. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  159. <img src="service_development.png"
  160. style="width: 100%; border-radius: 100%;">
  161. </div>
  162. <h3 class="oe_slogan"
  163. 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;">
  164. Odoo <br>Development
  165. </h3>
  166. </a>
  167. </div>
  168. <div style="flex-basis: 18%;">
  169. <a href=" https://mukit.at/r/R1v" target="_blank">
  170. <div
  171. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  172. <img src="service_support.png"
  173. style="width: 100%; border-radius: 100%;">
  174. </div>
  175. <h3 class="oe_slogan"
  176. 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;">
  177. Odoo <br>Support
  178. </h3>
  179. </a>
  180. </div>
  181. </div>
  182. </div>
  183. </section>
  184. <section class="oe_container" style="padding: 32px 0;">
  185. <div class="oe_row oe_spaced" style="margin: auto;">
  186. <div class="oe_demo oe_picture oe_screenshot">
  187. <a href="https://mukit.at/r/SgN" target="_blank"> <img src="preview.png">
  188. </a>
  189. </div>
  190. </div>
  191. </section>
  192. <section class="oe_container oe_dark">
  193. <h3 class="oe_slogan">Help and Support</h3>
  194. <h5 class="oe_slogan" style="font-size: 20px;">Feel free to
  195. contact us, if you need any help with your Odoo integration or
  196. addiontal features.</h5>
  197. <div class="oe_slogan">
  198. <a class="btn btn-primary btn-lg mt8" href="https://mukit.at" target="_blank">
  199. <i class="fa fa-globe"></i> Website
  200. </a>
  201. <a class="btn btn-primary btn-lg mt8" href="mailto:sale@mukit.at">
  202. <i class="fa fa-envelope"></i> Contact Us
  203. </a>
  204. <a class="btn btn-primary btn-lg mt8" href="https://github.com/muk-it" target="_blank">
  205. <i class="fa fa-github"></i> Issues
  206. </a>
  207. </div>
  208. <img src="logo.png"
  209. style="width: 200px; margin-bottom: 20px; display: block;"
  210. class="mx-auto center-block">
  211. </section>