Update typography doc

index.html

@@ -94,6 +94,14 @@ <h6>Heading 6</h6>
           <p><u>Underlined</u></p>
           <p><i>Italic</i></p>
           <p><mark>Highlighted</mark></p>
+          <p><a href="#" class="link">Cool link</a></p>
+          <p class="text-capitalize">capitalize</p>
+          <p class="text-lowercase">lowercase</p>
+          <p class="text-uppercase">uppercase</p>
+          <p class="text-justify">align justify: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+          <p class="text-left">align left: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+          <p class="text-center">align center: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+          <p class="text-right">align right: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
         </div>
         <div class="column-6">
           <pre><code>
@@ -112,6 +120,16 @@ <h6>Heading 6</h6>
 &ltp&gt&ltu&gtUnderlined&lt/u&gt&lt/p&gt
 &ltp&gt&lti&gtItalic&lt/i&gt&lt/p&gt
 &ltp&gt&ltmark&gtHighlighted&lt/mark&gt&lt/p&gt
+&ltp&gt&lta href="#" class="link"&gtCool link&lt/a&gt&lt/p&gt
+
+&lt!-- Utility classes --&gt
+&ltp class="text-capitalize"&gtcapitalize&lt/p&gt
+&ltp class="text-lowercase"&gtlowercase&lt/p&gt
+&ltp class="text-uppercase"&gtuppercase&lt/p&gt
+&ltp class="text-justify"&gtalign justify&lt/p&gt
+&ltp class="text-left"&gtalign left&lt/p&gt
+&ltp class="text-center"&gtalign center&lt/p&gt
+&ltp class="text-right"&gtalign right&lt/p&gt
           </code></pre>
       </section>