From b2788db404c0e9f86e4abd48e8d33d3280f12bff Mon Sep 17 00:00:00 2001
From: Tomasz Szewcow <tomasz.szewcow@capgemini.com>
Date: Thu, 26 Feb 2015 13:24:55 +0100
Subject: [PATCH] demo of generating application template and installation
 ng-modules added

---
 oasp4js/index.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/oasp4js/index.html b/oasp4js/index.html
index 196f6d7e5..f1b50992b 100644
--- a/oasp4js/index.html
+++ b/oasp4js/index.html
@@ -72,11 +72,21 @@ <h1>Application Template</h1>
             <p>oasp4js offers you a template for building JavaScript client applications. The application template defines a structure as well as integrates best-in-class frameworks, libraries and oasp4js extensions (as AngularJS modules). In addition to this, the template includes a Grunt script which supports developers in their activities such as coding, testing and building the application. The application built from the template looks like <a target="_blank" href="app-template">this</a></p>
             <p><a class="btn btn-default" href="https://github.com/oasp/generator-oasp" role="button"><img src="../img/GitHub-Mark-32px.png">&nbsp;&nbsp;View details &raquo;</a></p>
         </div>
+        <div class="col-md-6">
+            <h3>Watch how to generate application template</h3>
+            <iframe width="356" height="200" src="https://www.youtube.com/embed/mmyUo3iiBXs" frameborder="0" allowfullscreen></iframe>
+        </div>
+    </div>
+	 <div class="row">
         <div class="col-md-6">
             <h1>ng-modules</h1>
             <p>oasp4js offers solutions to typical issues, such as authentication and authorization, internationalization, etc. which are not addressed by AngularJS out of the box. These solutions built on top of industry proven practices are available in the form of AngularJS modules available as bower components; consequently you can make use of them in your application (even without going for the application template).</p>
             <p><a class="btn btn-default" href="https://github.com/oasp/oasp4js-bower" role="button"><img src="../img/GitHub-Mark-32px.png">&nbsp;&nbsp;View details &raquo;</a></p>
         </div>
+        <div class="col-md-6">
+            <h3>Watch how to install OASP4JS ng-modules</h3>
+            <iframe width="356" height="200" src="https://www.youtube.com/embed/Xp5Ho1lPSl4" frameborder="0" allowfullscreen></iframe>
+        </div>
     </div>
     <div class="row">
         <div class="col-md-12">