update docs: add screenshots

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.',
-))
+));
 ```

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',
-])
+]);;
 ```

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!\');'
-    ])
+    ]);
 ```

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.',
-))
+));
 ```

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',
-))
+));
 ```

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',
-))
+));
 ```

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',
-))
+));
 ```