From 9c4f2b201ad429d16abc1a497a9fcc5998b0a410 Mon Sep 17 00:00:00 2001
From: Stephani McGrath <silentsoundz1977@gmail.com>
Date: Tue, 7 Mar 2017 17:47:01 -0800
Subject: [PATCH] day two headings and body copy

---
 Building-Bootstrap |  1 +
 demo.html          | 79 +++++++++++++++++++++++++++++++++++++++-------
 style.css          |  1 +
 3 files changed, 70 insertions(+), 11 deletions(-)
 create mode 160000 Building-Bootstrap

diff --git a/Building-Bootstrap b/Building-Bootstrap
new file mode 160000
index 0000000..87aa026
--- /dev/null
+++ b/Building-Bootstrap
@@ -0,0 +1 @@
+Subproject commit 87aa0266848157a669cc5cf4fdd8a3832ee10abf
diff --git a/demo.html b/demo.html
index 293a5ad..d15a6ff 100644
--- a/demo.html
+++ b/demo.html
@@ -9,7 +9,10 @@
   <div>
     <header>
       <h1 class="section-title">Headings</h1>
-      <p>To style headings in various sizes, add the <code class="class-name">.headings</code> class to your <code class="element-in-text">&lt;h1&gt;</code> through <code class="element-in-text">&lt;h6&gt;</code> tags.</p>
+      <p>To style headings in various sizes, add the
+        <code class="class-name">.headings</code> class to your
+        <code class="element-in-text">&lt;h1&gt;</code> through
+        <code class="element-in-text">&lt;h6&gt;</code> tags.</p>
       <div class="primary-text">
         <h1 class="headings">h1. Vast Quoll</h1>
         <h2 class="headings">h2. Vast Quoll</h2>
@@ -18,21 +21,75 @@ <h4 class="headings">h4. Vast Quoll</h4>
         <h5 class="headings">h5. Vast Quoll</h5>
         <h6 class="headings">h6. Vast Quoll</h6>
       </div>
+
       <code>
-        <span class="element-color">&lt;h1</span> <span class="class">class=</span><span class="className">"headings"</span><span class="element-color">&gt;</span>h1. Vast Quoll<span class="element-color">&lt;/h1&gt;</span>
+         <p>
+           <span class="element-color">&lt;h1</span>
+           <span class="class">class=</span><!--
+        --><span class="class-name">"headings"</span><!--
+        --><span class="element-color">&gt;</span>h1. Vast Quoll<!--
+        --><span class="element-color">&lt;/h1&gt;</span>
+         </p>
+         <p>
+           <span class="element-color">&lt;h2</span>
+           <span class="class">class=</span><!--
+        --><span class="class-name">"headings"</span><!--
+        --><span class="element-color">&gt;</span>h2. Vast Quoll<!--
+        --><span class="element-color">&lt;/h2&gt;</span>
+         </p>
+         <p>
+           <span class="element-color">&lt;h3</span>
+           <span class="class">class=</span><!--
+        --><span class="class-name">"headings"</span><!--
+        --><span class="element-color">&gt;</span>h3. Vast Quoll<!--
+        --><span class="element-color">&lt;/h3&gt;</span>
+         </p>
+         <p>
+           <span class="element-color">&lt;h4</span>
+           <span class="class">class=</span><!--
+        --><span class="class-name">"headings"</span><!--
+        --><span class="element-color">&gt;</span>h4. Vast Quoll<!--
+        --><span class="element-color">&lt;/h4&gt;</span>
+        </p>
+        <p>
+           <span class="element-color">&lt;h5</span>
+           <span class="class">class=</span><!--
+        --><span class="class-name">"headings"</span><!--
+        --><span class="element-color">&gt;</span>h5. Vast Quoll<!--
+        --><span class="element-color">&lt;/h5&gt;</span>
+        </p>
+        <p>
+           <span class="element-color">&lt;h6</span>
+           <span class="class">class=</span><!--
+        --><span class="class-name">"headings"</span><!--
+        --><span class="element-color">&gt;</span>h6. Vast Quoll<!--
+        --><span class="element-color">&lt;/h6&gt;</span>
+        </p>
       </code>
+      <!--
       <div class="secondary-text">
-        <h2 class="section-title"><small>Secondary Heading Text</small></h1>
-        <p>Here is secondary text:</p>
-        <h1>h1. Vast Quoll <small>Secondary text</small></h1>
-        <h2>h2. Vast Quoll <small>Secondary text</small></h2>
-        <h3>h3. Vast Quoll <small>Secondary text</small></h3>
-        <h4>h4. Vast Quoll <small>Secondary text</small></h4>
-        <h5>h5. Vast Quoll <small>Secondary text</small></h5>
-        <h6>h6. Vast Quoll <small>Secondary text</small></h6>
-        <!-- example code -->
+        <h2 class="section-title"><small>Secondary Headings</small></h1>
+        <p>To create secondary text, add the <code class= "class-name">.small</code> class to your <code class= "element-in-text">&lt;h1&gt;</code> through <code class= "element-in-text">&lt;h6&gt;</code> tags.</p>
+        <h1 class= "headings">h1. Vast Quoll <small>Secondary text</small></h1>
+        <h2 class= "headings">h2. Vast Quoll <small>Secondary text</small></h2>
+        <h3 class= "headings">h3. Vast Quoll <small>Secondary text</small></h3>
+        <h4 class= "headings">h4. Vast Quoll <small>Secondary text</small></h4>
+        <h5 class= "headings">h5. Vast Quoll <small>Secondary text</small></h5>
+        <h6 class= "headings">h6. Vast Quoll <small>Secondary text</small></h6>
+         -->
+
       </div>
     </header>
+    <header class = "body copy">
+      <h1 class ="section-title">Body copy</h1>
+      <p>Vast CSS global default<!--
+      --><code class = "element-in-text"> font-size</code> is <!--
+      --><b>13px</b>, with a <!--
+      --><code class ="element-in-text">line-height</code> of<!--
+      --><b> 1.5</b>. This is applied to the <!--
+      --><code class = "element-in-text">&lt;body&gt;</code> and all paragraphs. Including, <!--
+      --><code class = "element-in-text">&lt;p&gt;</code> (paragraphs) receive a bottom margin of 10px.
+    </header>
   </div>
 </body>
 </html>
diff --git a/style.css b/style.css
index 97d9ae5..03a123c 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,4 @@
+
 .section-title {
   color: blue;
   background-color: #d6e2ed;