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.

178 lines
6.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. <h3 class="oe_slogan">Our Services</h3>
  76. <div
  77. style="display: flex; padding-top: 20px; justify-content: space-between;">
  78. <div style="flex-basis: 18%;">
  79. <a href="https://mukit.at/r/MQ5" target="_blank">
  80. <div
  81. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  82. <img src="service_implementation.png"
  83. style="width: 100%; border-radius: 100%;">
  84. </div>
  85. <h3 class="oe_slogan"
  86. 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;">
  87. Odoo <br>Implementation
  88. </h3>
  89. </a>
  90. </div>
  91. <div style="flex-basis: 18%;">
  92. <a href="https://mukit.at/r/u7c" target="_blank">
  93. <div
  94. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  95. <img src="service_integration.png"
  96. style="width: 100%; border-radius: 100%;">
  97. </div>
  98. <h3 class="oe_slogan"
  99. 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;">
  100. Odoo <br>Integration
  101. </h3>
  102. </a>
  103. </div>
  104. <div style="flex-basis: 18%;">
  105. <a href="https://mukit.at/r/xDJ" target="_blank">
  106. <div
  107. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  108. <img src="service_customization.png"
  109. style="width: 100%; border-radius: 100%;">
  110. </div>
  111. <h3 class="oe_slogan"
  112. 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;">
  113. Odoo <br>Customization
  114. </h3>
  115. </a>
  116. </div>
  117. <div style="flex-basis: 18%;">
  118. <a href=" https://mukit.at/r/J3A" target="_blank">
  119. <div
  120. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  121. <img src="service_development.png"
  122. style="width: 100%; border-radius: 100%;">
  123. </div>
  124. <h3 class="oe_slogan"
  125. 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;">
  126. Odoo <br>Development
  127. </h3>
  128. </a>
  129. </div>
  130. <div style="flex-basis: 18%;">
  131. <a href=" https://mukit.at/r/R1v" target="_blank">
  132. <div
  133. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  134. <img src="service_support.png"
  135. style="width: 100%; border-radius: 100%;">
  136. </div>
  137. <h3 class="oe_slogan"
  138. 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;">
  139. Odoo <br>Support
  140. </h3>
  141. </a>
  142. </div>
  143. </div>
  144. </div>
  145. </section>
  146. <section class="oe_container" style="padding: 32px 0;">
  147. <div class="oe_row oe_spaced" style="margin: auto;">
  148. <div class="oe_demo oe_picture oe_screenshot">
  149. <a href="https://mukit.at/r/SgN" target="_blank"> <img src="preview.png">
  150. </a>
  151. </div>
  152. </div>
  153. </section>
  154. <section class="oe_container oe_dark">
  155. <h3 class="oe_slogan">Help and Support</h3>
  156. <h5 class="oe_slogan" style="font-size: 20px;">Feel free to
  157. contact us, if you need any help with your Odoo integration or
  158. addiontal features.</h5>
  159. <div class="oe_slogan">
  160. <a class="btn btn-primary btn-lg mt8" href="https://mukit.at" target="_blank">
  161. <i class="fa fa-globe"></i> Website
  162. </a>
  163. <a class="btn btn-primary btn-lg mt8" href="mailto:sale@mukit.at">
  164. <i class="fa fa-envelope"></i> Contact Us
  165. </a>
  166. <a class="btn btn-primary btn-lg mt8" href="https://github.com/muk-it" target="_blank">
  167. <i class="fa fa-github"></i> Issues
  168. </a>
  169. </div>
  170. <img src="logo.png"
  171. style="width: 200px; margin-bottom: 20px; display: block;"
  172. class="mx-auto center-block">
  173. </section>