3ac9171ccdbaca5a487cf1d1610c1b99872770d6
kate
  Wed Dec 14 11:35:26 2016 -0800
Add bulleted list and table CSS. refs #18504

diff --git src/hg/htdocs/template.html src/hg/htdocs/template.html
index b61bd33..2fd5ca5 100755
--- src/hg/htdocs/template.html
+++ src/hg/htdocs/template.html
@@ -39,20 +39,47 @@
         <h2>Page section</h2>
         <p>
 This is one of two subsections, formatted as equal-sized columns via the grid layout feature of
 bootstrap.css, a commonly used style sheet.
 The grid contains 12 columns; column widths are specified using classes 'col-md-1' through 'col-md-12'.
 This example contains two divs, each assigned class 'col-md-6', within a 'row' div.
 <em>The remainder of this text is just filler</em>.
 On June 22, 2000, UCSC and the other members of the International Human Genome Project consortium
 completed the first working draft of the human genome assembly, forever ensuring
 free public access to the genome and the information it contains. 
         </p>
     </div>
     <div class="col-md-6">
         <h2>Another section</h2>
         <p>
+        Here is a bulleted list ('ul' and 'li' elements):
         </p>
+        <ul>
+            <li>red</li>
+            <li>white</li>
+            <li>blue</li>
+        </ul>
+        <p>
+        Here is a table ('table', 'tr', 'th', and 'td' elements);
+        </p>
+        <table>
+            <tr>
+                <th>Type</th>
+                <th>Total</th>
+            </tr>
+            <tr>
+                <td>Chromosomes</td>
+                <td>261</td>
+            </tr>
+            <tr>
+                <td>Haplotypes</td>
+                <td>261</td>
+            </tr>
+            <tr>
+                <td>Unlocalized contigs</td>
+                <td>1270</td>
+            </tr>
+        </table>
     </div>
 </div>
 
 <!--#include virtual="gbPageEnd.html"-->