diff --git a/docs/50_Components/Alert.md b/docs/50_Components/Alert.md
index 822bf1bc0c7c6662b59b6c4c8eadc977c47a267a..8fabc38a0a2c807f754fbc2bb6d2140964d98ed6 100644
--- a/docs/50_Components/Alert.md
+++ b/docs/50_Components/Alert.md
@@ -2,6 +2,8 @@
 
 An alert is a colored box with title and text.
 
+![Alert](../images/examples_alert.png)
+
 ### Syntax
 
 ```php
@@ -43,5 +45,5 @@ $renderAdminLTE->getAlert(array (
   'title' => 'I need your attention',
   'dismissible' => 1,
   'text' => 'Please check it. Maybe there is something wrong here.',
-))
+));
 ```
diff --git a/docs/50_Components/Badge.md b/docs/50_Components/Badge.md
index 8269e6dd919a440442116098976ef82e76a6e5eb..6aaa7662bf77556a368348f411a30b23103827de 100644
--- a/docs/50_Components/Badge.md
+++ b/docs/50_Components/Badge.md
@@ -2,6 +2,8 @@
 
 A badge is a small counter or info next to a text info,
 
+![Badge](../images/examples_badge.png)
+
 ### Syntax
 
 ```php
@@ -44,5 +46,5 @@ $renderAdminLTE->getBadge([
     'type'=>'danger',
     'title'=>'Errors: 5',
     'text'=>'5',
-])
+]);;
 ```
diff --git a/docs/50_Components/Button.md b/docs/50_Components/Button.md
index 006e776f76dccbad14cac02794b8b6f3b0a7ee3e..c327a11f4ee807f21b3ba725943ba49449eec260 100644
--- a/docs/50_Components/Button.md
+++ b/docs/50_Components/Button.md
@@ -3,7 +3,9 @@
 An html button tag with formatting.
 
 You can use any other key that are not named here. Those keys will be rendered as additional html attributes without modification.
+button
 
+![Button](../images/examples_button.png)
 
 ### Syntax
 
@@ -40,5 +42,5 @@ $renderAdminLTE->getButton([
         'class'=>'primary',
         'text'=>'Click me',
         'onclick'=>'alert(\'Hello!\');'
-    ])
+    ]);
 ```
diff --git a/docs/50_Components/Callout.md b/docs/50_Components/Callout.md
index 2d23a33920c79fbde44dc94afb7af3a0c416e01c..0ffde9578401ebfd93210db6b3f9642beaeaefd3 100644
--- a/docs/50_Components/Callout.md
+++ b/docs/50_Components/Callout.md
@@ -2,6 +2,8 @@
 
 A box with colored left border. It has type, title + text.
 
+![Callout](../images/examples_callout.png)
+
 ### Syntax
 
 ```php
@@ -37,5 +39,5 @@ $renderAdminLTE->getCallout(array (
   'type' => 'success',
   'title' => 'I am a success callout',
   'text' => 'This is a gren callout.',
-))
+));
 ```
diff --git a/docs/50_Components/Card.md b/docs/50_Components/Card.md
index 2cb8563e23d2ae05455ac76c8df92bc4df615cc2..f87efe03a8dfc67d0bcf643647c6f3536889bf9b 100644
--- a/docs/50_Components/Card.md
+++ b/docs/50_Components/Card.md
@@ -4,6 +4,8 @@ A div to display boxed content.
 
 It has header, main text and a footer.
 
+![Card](../images/examples_card.png)
+
 ### Syntax
 
 ```php
@@ -60,5 +62,5 @@ $renderAdminLTE->getCard(array (
   'tools' => '123',
   'text' => 'Hello everybody out there!',
   'footer' => '© Axel',
-))
+));
 ```
diff --git a/docs/50_Components/Infobox.md b/docs/50_Components/Infobox.md
index 6a1770466c34b356a852e1309bf36adeb7064b89..6ce5e79d71b00987d048bc2d546c0f45ccd12e4d 100644
--- a/docs/50_Components/Infobox.md
+++ b/docs/50_Components/Infobox.md
@@ -2,10 +2,12 @@
 
 A div box - kind of a tile - to show an icon, text, value; optional with a progress bar.
 
+![Infobox](../images/examples_infobox.png)
+
 ### Syntax
 
 ```php
-$renderAdminLTE->getCard($aOptions);
+$renderAdminLTE->getInfobox($aOptions);
 ```
 
 ### Return
@@ -46,5 +48,5 @@ $renderAdminLTE->getInfobox(array (
   'number' => '41,410',
   'progressvalue' => 70,
   'progresstext' => '70% Increase in 30 Days',
-))
+));
 ```
diff --git a/docs/50_Components/Smallbox.md b/docs/50_Components/Smallbox.md
index a57f687c2630165c2026b824af1797b28c1d1eaa..9393b4f705c31f681c951dc1ae9432542f9fb8c3 100644
--- a/docs/50_Components/Smallbox.md
+++ b/docs/50_Components/Smallbox.md
@@ -2,6 +2,8 @@
 
 Solid colored box to highlight a single value; optional with a link
 
+![Smallbox](../images/examples_smallbox.png)
+
 ### Syntax
 
 ```php
@@ -43,5 +45,5 @@ $renderAdminLTE->getSmallbox(array (
   'number' => '150',
   'url' => '#',
   'linktext' => 'More info',
-))
+));
 ```
diff --git a/docs/images/examples_alert.png b/docs/images/examples_alert.png
new file mode 100644
index 0000000000000000000000000000000000000000..42b58bce83a29a705ca2aefd991b4774fe97add1
Binary files /dev/null and b/docs/images/examples_alert.png differ
diff --git a/docs/images/examples_badge.png b/docs/images/examples_badge.png
new file mode 100644
index 0000000000000000000000000000000000000000..66e5adfa455ea7cc41caa2e381d037ef05a34045
Binary files /dev/null and b/docs/images/examples_badge.png differ
diff --git a/docs/images/examples_button.png b/docs/images/examples_button.png
new file mode 100644
index 0000000000000000000000000000000000000000..644dca097bbadbaa5fea26021220ecf910ea1916
Binary files /dev/null and b/docs/images/examples_button.png differ
diff --git a/docs/images/examples_callout.png b/docs/images/examples_callout.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6247d3467f0d35ec335c1af36b732f7f7054f62
Binary files /dev/null and b/docs/images/examples_callout.png differ
diff --git a/docs/images/examples_card.png b/docs/images/examples_card.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcf7c07a238db05045def6aae57277f7e474ffde
Binary files /dev/null and b/docs/images/examples_card.png differ
diff --git a/docs/images/examples_infobox.png b/docs/images/examples_infobox.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d28b1d2e6da785b8d73ebda07b27c3f29a586e2
Binary files /dev/null and b/docs/images/examples_infobox.png differ
diff --git a/docs/images/examples_smallbox.png b/docs/images/examples_smallbox.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c44c05d2471fd0a8de7f4cff79e388803d07251
Binary files /dev/null and b/docs/images/examples_smallbox.png differ