improvements on some html comments.

documentation/index.html

@@ -966,7 +966,7 @@ AdminLTE/
   </div><!-- /.row -->
   <p class="lead">Markup</p>
   <pre class="prettyprint"><code class="lang-html">&LT;div class="info-box">
-  &LT;-- Apply any bg-* class to to the icon to color it -->
+  &LT;!-- Apply any bg-* class to to the icon to color it -->
   &LT;span class="info-box-icon bg-red">&LT;i class="fa fa-star-o">&LT;/i>&LT;/span>
   &LT;div class="info-box-content">
     &LT;span class="info-box-text">Likes&LT;/span>
@@ -1038,13 +1038,13 @@ AdminLTE/
     </div><!-- /.col -->
   </div><!-- /.row -->
   <p class="lead">Markup</p>
-  <pre class="prettyprint"><code class="lang-html">&LT;-- Apply any bg-* class to to the info-box to color it -->
+  <pre class="prettyprint"><code class="lang-html">&LT;!-- Apply any bg-* class to to the info-box to color it -->
 &LT;div class="info-box bg-red">
   &LT;span class="info-box-icon">&LT;i class="fa fa-comments-o">&LT;/i>&LT;/span>
   &LT;div class="info-box-content">
     &LT;span class="info-box-text">Likes&LT;/span>
     &LT;span class="info-box-number">41,410&LT;/span>
-    &LT;-- The progress section is optional -->
+    &LT;!-- The progress section is optional -->
     &LT;div class="progress">
       &LT;div class="progress-bar" style="width: 70%">&LT;/div>
     &LT;/div>
@@ -1246,9 +1246,9 @@ AdminLTE/
   <p>AdminLTE data-widget attribute provides boxes with the ability to collapse or be removed. The buttons
     are placed in the box-tools which is placed in the box-header.</p>
   <pre class="prettyprint">
-&LT;-- This will cause the box to be removed when clicked -->
+&LT;!-- This will cause the box to be removed when clicked -->
 &LT;button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">&LT;i class="fa fa-times">&LT;/i>&LT;/button>
-&LT;-- This will cause the box to collapse when clicked -->
+&LT;!-- This will cause the box to collapse when clicked -->
 &LT;button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">&LT;i class="fa fa-minus">&LT;/i>&LT;/button></pre>
   <div class="row">
     <div class="col-md-4">
@@ -1753,16 +1753,16 @@ AdminLTE/
   </div><!-- /.row -->
   <p class="lead">Direct Chat Markup</p>
   <pre class="prettyprint"><code class="html">
-&LT;-- Construct the box with style you want. Here we are using box-danger -->
-&LT;-- Then add the class direct-chat and choose the direct-chat-* contexual class -->
-&LT;-- The contextual class should match the box, so we are using direct-chat-danger -->
+&LT;!-- Construct the box with style you want. Here we are using box-danger -->
+&LT;!-- Then add the class direct-chat and choose the direct-chat-* contexual class -->
+&LT;!-- The contextual class should match the box, so we are using direct-chat-danger -->
 &LT;div class="box box-danger direct-chat direct-chat-danger">
   &LT;div class="box-header with-border">
     &LT;h3 class="box-title">Direct Chat&LT;/h3>
     &LT;div class="box-tools pull-right">
       &LT;span data-toggle="tooltip" title="3 New Messages" class='badge bg-red'>3&LT;/span>
       &LT;button class="btn btn-box-tool" data-widget="collapse">&LT;i class="fa fa-minus">&LT;/i>&LT;/button>
-      &LT;-- In box-tools add this button if you intend to use the contacts pane -->
+      &LT;!-- In box-tools add this button if you intend to use the contacts pane -->
       &LT;button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">&LT;i class="fa fa-comments">&LT;/i>&LT;/button>
       &LT;button class="btn btn-box-tool" data-widget="remove">&LT;i class="fa fa-times">&LT;/i>&LT;/button>
     &LT;/div>