Basic structure CSS buttons

Author: andreareginato

index.html

@@ -404,10 +404,39 @@ <h1 id="templates">Customizations</h1>
       <h2>Custom CSS</h2>
 
       <p>
-      By default the directive is visible as a link. To improve its visual style add
-      some CSS. Follows some predefined styles you can copy and past to your project.
+      By default the directive is visible as a link. To improve its visual style add some
+      custom CSS. Below you can find a couple of predefined styles you can copy and past
+      to your project.
       </p>
 
+      <table class="table table-labeled">
+        <tbody class="smaller-titles">
+          <tr>
+            <td class="parameter">
+              <span>Default</span>
+            </td>
+            <td>
+            </td>
+            <td>
+              Source Code &lt;&gt;
+            </td>
+          </tr>
+          <tr>
+            <td class="parameter">
+              <span>Blue Button</span>
+            </td>
+            <td>
+            </td>
+            <td>
+              Source Code &lt;&gt;
+            </td>
+          </tr>
+         </tbody>
+      </table>
+
+      <p>
+      If you have a new one add it to the <a href="">docs repository</a>.
+      </p>
 
     </div>
     </section>