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.

286 lines
11 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">Theme Extensions</h3>
  96. <div id="apps" class="row carousel slide mb16" data-ride="carousel">
  97. <div class="carousel-inner">
  98. <div class="carousel-item active" style="min-height: 0px;">
  99. <div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
  100. <a href="https://apps.odoo.com/apps/modules/12.0/muk_web_theme_mail/" target="_blank">
  101. <div class="oe_screenshot">
  102. <img class="img img-fluid img-responsive center-block"
  103. src="theme_mail_banner.png">
  104. </div>
  105. <h4 style=" padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
  106. Mail Extension
  107. </h4>
  108. </a>
  109. </div>
  110. <div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
  111. <a href="https://apps.odoo.com/apps/modules/12.0/muk_web_theme_branding/" target="_blank">
  112. <div class="oe_screenshot">
  113. <img class="img img-fluid img-responsive center-block"
  114. src="theme_branding_banner.png">
  115. </div>
  116. <h4 style=" padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
  117. Branding Extension
  118. </h4>
  119. </a>
  120. </div>
  121. <div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
  122. <a href="https://apps.odoo.com/apps/modules/12.0/muk_web_theme_website/" target="_blank">
  123. <div class="oe_screenshot">
  124. <img class="img img-fluid img-responsive center-block"
  125. src="theme_website_banner.png">
  126. </div>
  127. <h4 style=" padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
  128. Website Extension
  129. </h4>
  130. </a>
  131. </div>
  132. </div>
  133. <div class="carousel-item" style="min-height: 0px;">
  134. <div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
  135. <a href="https://apps.odoo.com/apps/modules/12.0/muk_mail_branding/" target="_blank">
  136. <div class="oe_screenshot">
  137. <img class="img img-fluid img-responsive center-block"
  138. src="branding_mail_banner.png">
  139. </div>
  140. <h4 style=" padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
  141. Mail Branding
  142. </h4>
  143. </a>
  144. </div>
  145. <div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
  146. <a href="https://apps.odoo.com/apps/modules/12.0/muk_website_branding/" target="_blank">
  147. <div class="oe_screenshot">
  148. <img class="img img-fluid img-responsive center-block"
  149. src="branding_website_banner.png">
  150. </div>
  151. <h4 style=" padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
  152. Website Branding
  153. </h4>
  154. </a>
  155. </div>
  156. <div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
  157. <a href="https://apps.odoo.com/apps/modules/12.0/muk_saas_branding/" target="_blank">
  158. <div class="oe_screenshot">
  159. <img class="img img-fluid img-responsive center-block"
  160. src="branding_saas_banner.png">
  161. </div>
  162. <h4 style=" padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
  163. SaaS Branding
  164. </h4>
  165. </a>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <a class="carousel-control-prev" href="#apps" data-slide="prev" style="margin: 30px 0 0 40px; color: #000;">
  171. <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size: 24px"></i></span>
  172. </a>
  173. <a class="carousel-control-next" href="#apps" data-slide="next" style="margin: 30px 40px 0 0; color: #000;">
  174. <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size: 24px"></i></span>
  175. </a>
  176. </div>
  177. </div>
  178. </section>
  179. <section class="oe_container oe_dark">
  180. <div class="oe_row oe_spaced">
  181. <h3 class="oe_slogan">Our Services</h3>
  182. <div
  183. style="display: flex; padding-top: 20px; justify-content: space-between;">
  184. <div style="flex-basis: 18%;">
  185. <a href="https://mukit.at/r/MQ5" target="_blank">
  186. <div
  187. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  188. <img src="service_implementation.png"
  189. style="width: 100%; border-radius: 100%;">
  190. </div>
  191. <h3 class="oe_slogan"
  192. 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;">
  193. Odoo <br>Implementation
  194. </h3>
  195. </a>
  196. </div>
  197. <div style="flex-basis: 18%;">
  198. <a href="https://mukit.at/r/u7c" target="_blank">
  199. <div
  200. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  201. <img src="service_integration.png"
  202. style="width: 100%; border-radius: 100%;">
  203. </div>
  204. <h3 class="oe_slogan"
  205. 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;">
  206. Odoo <br>Integration
  207. </h3>
  208. </a>
  209. </div>
  210. <div style="flex-basis: 18%;">
  211. <a href="https://mukit.at/r/xDJ" target="_blank">
  212. <div
  213. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  214. <img src="service_customization.png"
  215. style="width: 100%; border-radius: 100%;">
  216. </div>
  217. <h3 class="oe_slogan"
  218. 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;">
  219. Odoo <br>Customization
  220. </h3>
  221. </a>
  222. </div>
  223. <div style="flex-basis: 18%;">
  224. <a href=" https://mukit.at/r/J3A" target="_blank">
  225. <div
  226. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  227. <img src="service_development.png"
  228. style="width: 100%; border-radius: 100%;">
  229. </div>
  230. <h3 class="oe_slogan"
  231. 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;">
  232. Odoo <br>Development
  233. </h3>
  234. </a>
  235. </div>
  236. <div style="flex-basis: 18%;">
  237. <a href=" https://mukit.at/r/R1v" target="_blank">
  238. <div
  239. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  240. <img src="service_support.png"
  241. style="width: 100%; border-radius: 100%;">
  242. </div>
  243. <h3 class="oe_slogan"
  244. 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;">
  245. Odoo <br>Support
  246. </h3>
  247. </a>
  248. </div>
  249. </div>
  250. </div>
  251. </section>
  252. <section class="oe_container" style="padding: 32px 0;">
  253. <div class="oe_row oe_spaced" style="margin: auto;">
  254. <div class="oe_demo oe_picture oe_screenshot">
  255. <a href="https://mukit.at/r/SgN" target="_blank"> <img src="preview.png">
  256. </a>
  257. </div>
  258. </div>
  259. </section>
  260. <section class="oe_container oe_dark">
  261. <h3 class="oe_slogan">Help and Support</h3>
  262. <h5 class="oe_slogan" style="font-size: 20px;">Feel free to
  263. contact us, if you need any help with your Odoo integration or
  264. addiontal features.</h5>
  265. <div class="oe_slogan">
  266. <a class="btn btn-primary btn-lg mt8" href="https://mukit.at" target="_blank">
  267. <i class="fa fa-globe"></i> Website
  268. </a>
  269. <a class="btn btn-primary btn-lg mt8" href="mailto:sale@mukit.at">
  270. <i class="fa fa-envelope"></i> Contact Us
  271. </a>
  272. <a class="btn btn-primary btn-lg mt8" href="https://github.com/muk-it" target="_blank">
  273. <i class="fa fa-github"></i> Issues
  274. </a>
  275. </div>
  276. <img src="logo.png"
  277. style="width: 200px; margin-bottom: 20px; display: block;"
  278. class="mx-auto center-block">
  279. </section>