From b56cc03e8226a2a3308b619499c3092223d238a1 Mon Sep 17 00:00:00 2001
From: Mathias Markl <mathias.markl@mukit.at>
Date: Mon, 14 May 2018 01:21:33 +0200
Subject: [PATCH] .

---
 .../static/description/index.html             | 38 +++++++++++++++++--
 1 file changed, 35 insertions(+), 3 deletions(-)

diff --git a/muk_web_preview_video/static/description/index.html b/muk_web_preview_video/static/description/index.html
index fa07df2..b66e9d9 100644
--- a/muk_web_preview_video/static/description/index.html
+++ b/muk_web_preview_video/static/description/index.html
@@ -4,15 +4,15 @@
 		<h3 class="oe_slogan">Preview your videos directly in Odoo.</h3>
 		<h4 class="oe_slogan" style="font-size: 23px;">MuK IT GmbH -
 			www.mukit.at</h4>
-		<div class="oe_demo oe_screenshot">
+		<div class="oe_demo oe_screenshot" style="max-width: 84%; margin: 16px 8%;">
 			<img src="screenshot.png">
 		</div>
 	</div>
 </section>
 
-<section class="oe_container" style="padding-top: 25px;">
+<section class="oe_container">
 	<div class="oe_row oe_spaced">
-		<div class="oe_picture">
+		<div style="max-width: 84%; margin: 16px 8%;">
 			<h3 class="oe_slogan">Overview</h3>
 			<p class="oe_mt32">Extendes the Preview Dialog to support videos.
 				Currently the following video extensions are supported:</p>
@@ -26,14 +26,46 @@
 	</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;"