diff --git a/README.md b/README.md
index a8667d4..440fa9a 100644
--- a/README.md
+++ b/README.md
@@ -8,4 +8,8 @@ Example usage:
 <mat-form-field class="example-full-width">
     <input mat-timepicker matInput placeholder="Click to get the time" value="0:0">
 </mat-form-field>
-``` 
\ No newline at end of file
+``` 
+
+Online demo
+
+https://owsolutions.github.io/angular-material-clock-time-picker/
\ No newline at end of file
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 08430ef..307a54c 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,4 +1,22 @@
+<h1>Angular Material 5 Time Picker</h1>
+
+This is a lightweight time picker for angular material 5, with a clock shape, based on material dialog.
+
 <mat-form-field class="example-full-width">
     <input mat-timepicker matInput placeholder="Click to get the time" value="0:0">
 </mat-form-field>
-    
\ No newline at end of file
+
+
+<h2>Installing</h2>
+Install this dependecy for your existing angualar project:
+
+<pre>
+    npm install angular-material-clock-time-picker --save
+</pre>
+
+and then import it into your <b>app.module.ts</b>
+
+import { MatTimePickerModule } from 'angular-material-clock-time-picker';
+
+and add it into your imports section.
+