muk_web/muk_web_share/static/description/index.html

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<h2 class="oe_slogan">Web Share</h2>
		<h3 class="oe_slogan">Share Odoo Forms to your colleagues.</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">Adds a button to every form view. Go to any
				form view and in readonly mode there is a share button on the right
				side of the form sheet. By clicking on this button the share dialog
				opens and the currently active form can be shared with another user
				or into a channel.On mobile devices, the link of the form can be
				posted to Whatsapp.</p>
		</div>
	</div>
</section>

<section class="oe_container oe_dark">
	<div class="oe_row oe_spaced">
		<h3 class="oe_slogan">Form Button</h3>
		<div class="oe_span6">
			<p class="oe_mt32 text-justify">The button is added to every Odoo
				FormView and can be further customized using css or less.</p>

		</div>
		<div class="oe_span6">
			<img class="oe_picture oe_screenshot" src="screenshot_sidebar.png">
		</div>
	</div>
</section>

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<h3 class="oe_slogan">Shared Post</h3>
		<div class="oe_span6">
			<img class="oe_picture oe_screenshot" src="screenshot_chatter.png">
		</div>
		<div class="oe_span6">
			<p class="oe_mt32 text-justify">If the form is sent in a channel
				or directly to a user, the chat opens automatically. When sending it
				to a new message, the dialog is closed and the URL is saved to the
				clipboard.</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>