muk_web/muk_web_client_notification/static/description/index.html

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<h2 class="oe_slogan">MuK Web Client Notification</h2>
		<h3 class="oe_slogan">Notification Channel</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="demo.gif">
		</div>
	</div>
</section>

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<div style="max-width: 84%; margin: 16px 8%;">
			<h3 class="oe_slogan">Overview</h3>
			<p class="oe_mt32 text-justify">Adds a notification channel to
				the web client. By sending a message to this channel, a notification
				is send to the web client. Messages can either be sent via a wizard
				or directly from the python code either via a method in ResUsers or
				by an entry in the bus system.</p>
		</div>
	</div>
</section>

<section class="oe_container oe_dark">
	<div class="oe_row oe_spaced">
		<h3 class="oe_slogan">Notification Wizard</h3>
		<div class="oe_span6">
			<p class="oe_mt32 text-justify">With the Notification Wizard you
				can easily create and send new messages. If no user is selected, the
				message is sent globally to all users.</p>
		</div>
		<div class="oe_span6">
			<img class="oe_picture oe_screenshot" src="screenshot_wizard.png">
		</div>
	</div>
</section>

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<h3 class="oe_slogan">Notification</h3>
		<div class="oe_span6">
			<img class="oe_picture oe_screenshot"
				src="screenshot_notification.png">
		</div>
		<div class="oe_span6">
			<p class="oe_mt32 text-justify">A message can be either an
				information or a warning and the sticky option leaves the message
				displayed until a user action.</p>
		</div>
	</div>
</section>

<section class="oe_container oe_dark"
	style="margin-bottom: 20px; border-top: 5px solid #797979; border-bottom: 5px solid #797979;">
	<h3 class="oe_slogan" style="margin-bottom: 10px;">Demo</h3>
	<div class="row" style="margin: auto; max-width: 200px;">
		<div class="col-xs-6">
			<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">User:</h5>
		</div>
		<div class="col-xs-6">
			<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">apps</h5>
		</div>
		<div class="col-xs-6">
			<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">Password:</h5>
		</div>
		<div class="col-xs-6">
			<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">demo</h5>
		</div>
	</div>
	<div class="oe_slogan" style="margin-top: 5px;">
		<a class="btn btn-primary btn-lg mt8"
			href="https://demo.mukit.at/web/login"
			style="position: relative; overflow: hidden;"><span
			class="o_ripple"
			style="height: 138px; width: 138px; top: -35.2969px; left: -8.17188px;"></span>
			<i class="fa fa-video-camera"></i> Live Preview </a>
	</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="mailto:sale@mukit.at">
			<i class="fa fa-envelope"></i> Email
		</a> <a class="btn btn-primary btn-lg mt8"
			href="https://mukit.at/page/contactus"> <i class="fa fa-phone"></i>
			Contact
		</a> <a class="btn btn-primary btn-lg mt8" href="mailto:support@mukit.at">
			<i class="fa fa-life-ring"></i> Support
		</a>
	</div>
	<img src="logo.png" style="width: 200px; margin-bottom: 20px;"
		class="center-block">
</section>