From 314811d702b28bf0f2bee3f63a944894b11b3a79 Mon Sep 17 00:00:00 2001
From: Stephani McGrath <silentsoundz1977@gmail.com>
Date: Thu, 9 Mar 2017 12:02:58 -0800
Subject: [PATCH] added buttons in html

---
 demo.html | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)

diff --git a/demo.html b/demo.html
index fab331c..b407614 100644
--- a/demo.html
+++ b/demo.html
@@ -195,5 +195,70 @@ <h1 class="section-title">Addresses</h1>
           </code>
         </div>
       </header>
+
+      <header id ="Buttons">
+        <h1 class="section-title">Buttons</h1>
+
+        <div class="breakdown">
+          <p>Use the button classes on an
+            <code class="element-in-text">&lt;a&gt;</code>,
+            <code class="element-in-text">&lt;button&gt;</code>, or
+            <code class="element-in-text">&lt;input&gt;</code>element.
+          </p>
+      </div>
+
+      <div class ="sample text">
+        <p id="btn tags">
+          <a href="#" class="btn btn-default" role="button">Link</a>
+          <button class="btn btn-default" type="submit">Button</button>
+          <input class="btn btn-default" type="button" value="Input">
+          <input class="btn btn-default" type="submit" value="Submit">
+        </p>
+      </div>
+      <div class="sample-code">
+        <code>
+          <p>
+            <span class="element-color">&lt;a</span>
+            <span class="class">class=</span><!--
+         --><span class="class-name">"btn btn-default"</span>
+            <span class="class">href=</span><!--
+         --><span class="class-name">"#"</span>
+            <span class="class">role=</span><!--
+         --><span class="class-name">"button"</span><!--
+         --><span class="element-color">&gt;</span>Link<!--
+         --><span class="element-color">&lt;/a&gt;</span>
+          </p>
+          <p>
+            <span class="element-color">&lt;button</span>
+            <span class="class">class=</span><!--
+         --><span class="class-name">"btn btn-default"</span>
+            <span class="class">type=</span><!--
+         --><span class="class-name">"submit"</span><!--
+         --><span class="element-color">&gt;</span>Button<!--
+         --><span class="element-color">&lt;/button&gt;</span>
+         </p>
+         <p>
+           <span class="element-color">&lt;input</span>
+           <span class="class">class=</span><!--
+        --><span class="class-name">"btn btn-default"</span>
+           <span class="class">type=</span><!--
+        --><span class="class-name">"button"</span>
+           <span class="class">value=</span>
+           <span class="class-name">"Input"</span><!--
+        --><span class="element-color">&gt;</span>
+       </p>
+       <p>
+         <span class="element-color">&lt;input</span>
+         <span class="class">class=</span><!--
+      --><span class="class-name">"btn btn-default"</span>
+         <span class="class">type=</span><!--
+      --><span class="class-name">"submit"</span>
+         <span class="class">value=</span><!--
+      --><span class="class-name">"Submit"</span><!--
+      --><span class="element-color">&gt;</span>
+       </p>
+     </code>
+   </div>
+ </header>
 </body>
 </html>