muk_web/muk_web_preview_attachment/static/description/index.html

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<h2 class="oe_slogan">Attachment Preview Dialog</h2>
		<h3 class="oe_slogan">Preview your attachments directly in Odoo.</h3>
		<h4 class="oe_slogan" style="font-size: 23px;">MuK IT GmbH -
			www.mukit.at</h4>
		<div class="oe_demo oe_picture oe_screenshot">
			<img src="demo.gif">
		</div>
	</div>
</section>

<section class="oe_container">
	<div class="oe_row oe_spaced">
		<div class="oe_picture">
			<h3 class="oe_slogan">Overview</h3>
			<p class="oe_mt32">Adds a button to the Attachment Sidebar to
				preview the content directly in the browser. The module also enables
				the possibility to preview attachment in the Odoo Chat Widgets.</p>
		</div>
	</div>
</section>

<section class="oe_container oe_dark">
	<div class="oe_row oe_spaced">
		<h3 class="oe_slogan">Sidebar Preview</h3>
		<div class="oe_span6">
			<p class="oe_mt32 text-justify">
				The extra button in the sidebar triggers the preview dialog. 
			</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">Chatter Preview</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">
				All Chatter Widgets support the preview dialog.
			</p>
		</div>
	</div>
</section>


<section class="oe_container oe_dark">
	<h3 class="oe_slogan">Help and Support</h3>
	<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>
	</div>
	<img src="logo.png" style="width: 200px; margin-bottom: 20px;"
		class="center-block">
</section>