update comments to reflect code

Author: soumak77

docs/index.html

@@ -26,31 +26,31 @@
       </div>
     </div>
 
-    <!-- Right Off Canvas -->
+    <!-- Top Off Canvas -->
     <ba-offcanvas id="example-canvas-top" position="top">
       <div class="grid-content">
         <a href="" ba-close class="close-button">&times;</a>
         <h3>This is a top off-canvas menu.</h3>
       </div>
     </ba-offcanvas>
 
-    <!-- Bottom Off Canvas -->
+    <!-- Right Off Canvas -->
     <ba-offcanvas id="example-canvas-right" position="right">
       <div class="grid-content">
         <a href="" ba-close class="close-button">&times;</a>
         <h3>This is a right off-canvas menu.</h3>
       </div>
     </ba-offcanvas>
 
-    <!-- Left Off Canvas -->
+    <!-- Bottom Off Canvas -->
     <ba-offcanvas id="example-canvas-bottom" position="bottom">
       <div class="grid-content">
         <a href="" ba-close class="close-button">&times;</a>
         <h3>This is a bottom off-canvas menu.</h3>
       </div>
     </ba-offcanvas>
 
-    <!-- Top Off Canvas -->
+    <!-- Left Off Canvas -->
     <ba-offcanvas id="example-canvas-left" position="left" class="detached">
       <div class="grid-content">
         <a href="" ba-close class="close-button">&times;</a>