muk_web/muk_web_theme/static/description/index.html

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<h2 class="oe_slogan">MuK Backend Theme</h2>
		<h3 class="oe_slogan">Odoo Community Backend Theme</h3>
		<h4 class="oe_slogan" style="font-size: 23px;">MuK IT GmbH -
			www.mukit.at</h4>
		<div class="oe_demo oe_screenshot"
			style="max-width: 84%; margin: 16px 8%;">
			<img src="screenshot.png">
		</div>
	</div>
</section>

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
			<h3 class="oe_slogan">Overview</h3>
			<p class="oe_mt32">This module offers a mobile compatible design
				for Odoo Community. Furthermore it allows the
				user to define some design preferences. So he can choose the size of
				the sidebar and the position of the chatter. In addition, the
				background image of the app menu can be set for each company.</p>
		</div>
	</div>
</section>

<section class="oe_container oe_dark">
	<div class="oe_row oe_spaced">
		<div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
			<h3 class="oe_slogan">Desktop Interface</h3>
			<div class="row">
				<div class="mb16 col-lg-6">
					<div class="oe_demo oe_screenshot">
						<img src="screenshot_apps.png">
					</div>
				</div>
				<div class="mb16 col-lg-6">
					<div class="oe_demo oe_screenshot">
						<img src="screenshot_chatter.png">
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
			<h3 class="oe_slogan">Mobile Interface</h3>
			<div class="row">
				<div class="mb16 col-md-4 col-lg-3">
					<div class="oe_demo oe_screenshot">
						<img src="screenshot_mobile_apps.png">
					</div>
				</div>
				<div class="mb16 col-md-4 col-lg-3">
					<div class="oe_demo oe_screenshot">
						<img src="screenshot_mobile_search.png">
					</div>
				</div>
				<div class="mb16 col-md-4 col-lg-3">
					<div class="oe_demo oe_screenshot">
						<img src="screenshot_mobile_menu.png">
					</div>
				</div>
				<div class="mb16 col-md-4 col-lg-3">
					<div class="oe_demo oe_screenshot">
						<img src="screenshot_mobile_kanban.png">
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="oe_container oe_dark">
	<div class="oe_row oe_spaced">
		<div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
			<h3 class="oe_slogan">Fully Customizable</h3>
			<div class="row">
				<div class="mb16 col-lg-6">
					<div class="oe_demo oe_screenshot">
						<img src="screenshot_customize.png">
					</div>
				</div>
				<div class="mb16 col-lg-6">
					<div class="oe_demo oe_screenshot">
						<img src="screenshot_settings.png">
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
			<h3 class="oe_slogan">Theme Extensions</h3>
			<div id="apps" class="row carousel slide mb16" data-ride="carousel">
				<div class="carousel-inner">
					<div class="carousel-item active" style="min-height: 0px;">
						<div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
							<a
								href="https://apps.odoo.com/apps/modules/12.0/muk_web_theme_mail/"
								target="_blank">
								<div class="oe_screenshot">
									<img class="img img-fluid img-responsive center-block"
										src="theme_mail_banner.png">
								</div>
								<h4
									style="padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
									Mail Extension</h4>
							</a>
						</div>
						<div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
							<a
								href="https://apps.odoo.com/apps/modules/12.0/muk_web_theme_branding/"
								target="_blank">
								<div class="oe_screenshot">
									<img class="img img-fluid img-responsive center-block"
										src="theme_branding_banner.png">
								</div>
								<h4
									style="padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
									Branding Extension</h4>
							</a>
						</div>
						<div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
							<a
								href="https://apps.odoo.com/apps/modules/12.0/muk_web_theme_website/"
								target="_blank">
								<div class="oe_screenshot">
									<img class="img img-fluid img-responsive center-block"
										src="theme_website_banner.png">
								</div>
								<h4
									style="padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
									Website Extension</h4>
							</a>
						</div>
					</div>
					<div class="carousel-item" style="min-height: 0px;">
						<div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
							<a
								href="https://apps.odoo.com/apps/modules/12.0/muk_mail_branding/"
								target="_blank">
								<div class="oe_screenshot">
									<img class="img img-fluid img-responsive center-block"
										src="branding_mail_banner.png">
								</div>
								<h4
									style="padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
									Mail Branding</h4>
							</a>
						</div>
						<div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
							<a
								href="https://apps.odoo.com/apps/modules/12.0/muk_website_branding/"
								target="_blank">
								<div class="oe_screenshot">
									<img class="img img-fluid img-responsive center-block"
										src="branding_website_banner.png">
								</div>
								<h4
									style="padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
									Website Branding</h4>
							</a>
						</div>
						<div class="col-xs-12 col-sm-4 col-md-4" style="float: left;">
							<a
								href="https://apps.odoo.com/apps/modules/12.0/muk_saas_branding/"
								target="_blank">
								<div class="oe_screenshot">
									<img class="img img-fluid img-responsive center-block"
										src="branding_saas_banner.png">
								</div>
								<h4
									style="padding: 6% 4%; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;">
									SaaS Branding</h4>
							</a>
						</div>
					</div>
				</div>
			</div>
			<a class="carousel-control-prev" href="#apps" data-slide="prev"
				style="margin-left: 40px; color: #000;"> <span
				class="carousel-control-prev-icon"><i
					class="fa fa-chevron-left" style="font-size: 24px"></i></span>
			</a> <a class="carousel-control-next" href="#apps" data-slide="next"
				style="margin-right: 40px; color: #000;"> <span
				class="carousel-control-next-icon"><i
					class="fa fa-chevron-right" style="font-size: 24px"></i></span>
			</a>
		</div>
	</div>
</section>

<section class="oe_container oe_dark">
	<div class="oe_row oe_spaced">
		<h3 class="oe_slogan">Our Services</h3>
		<div
			style="display: flex; padding-top: 20px; justify-content: space-between;">
			<div style="flex-basis: 18%;">
				<a href="https://mukit.at/r/MQ5" target="_blank">
					<div
						style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
						<img src="service_implementation.png"
							style="width: 100%; border-radius: 100%;">
					</div>
					<h3 class="oe_slogan"
						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;">
						Odoo <br>Implementation
					</h3>
				</a>
			</div>
			<div style="flex-basis: 18%;">
				<a href="https://mukit.at/r/u7c" target="_blank">
					<div
						style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
						<img src="service_integration.png"
							style="width: 100%; border-radius: 100%;">
					</div>
					<h3 class="oe_slogan"
						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;">
						Odoo <br>Integration
					</h3>
				</a>
			</div>
			<div style="flex-basis: 18%;">
				<a href="https://mukit.at/r/xDJ" target="_blank">
					<div
						style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
						<img src="service_customization.png"
							style="width: 100%; border-radius: 100%;">
					</div>
					<h3 class="oe_slogan"
						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;">
						Odoo <br>Customization
					</h3>
				</a>
			</div>
			<div style="flex-basis: 18%;">
				<a href="	https://mukit.at/r/J3A" target="_blank">
					<div
						style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
						<img src="service_development.png"
							style="width: 100%; border-radius: 100%;">
					</div>
					<h3 class="oe_slogan"
						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;">
						Odoo <br>Development
					</h3>
				</a>
			</div>
			<div style="flex-basis: 18%;">
				<a href="	https://mukit.at/r/R1v" target="_blank">
					<div
						style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
						<img src="service_support.png"
							style="width: 100%; border-radius: 100%;">
					</div>
					<h3 class="oe_slogan"
						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;">
						Odoo <br>Support
					</h3>
				</a>
			</div>
		</div>
	</div>
</section>

<section class="oe_container" style="padding: 32px 0;">
	<div class="oe_row oe_spaced" style="margin: auto;">
		<div class="oe_demo oe_picture oe_screenshot">
			<a href="https://mukit.at/r/SgN" target="_blank"> <img
				src="preview.png">
			</a>
		</div>
	</div>
</section>

<section class="oe_container oe_dark">
	<h3 class="oe_slogan">Help and Support</h3>
	<h5 class="oe_slogan" style="font-size: 20px;">Feel free to
		contact us, if you need any help with your Odoo integration or
		addiontal features.</h5>
	<div class="oe_slogan">
		<a class="btn btn-primary btn-lg mt8" href="https://mukit.at"
			target="_blank"> <i class="fa fa-globe"></i> Website
		</a> <a class="btn btn-primary btn-lg mt8" href="mailto:sale@mukit.at">
			<i class="fa fa-envelope"></i> Contact Us
		</a> <a class="btn btn-primary btn-lg mt8"
			href="https://github.com/muk-it" target="_blank"> <i
			class="fa fa-github"></i> Issues
		</a>
	</div>
	<img src="logo.png"
		style="width: 200px; margin-bottom: 20px; display: block;"
		class="mx-auto center-block">
</section>