<div class="panel panel-default">
    <div class="panel-body">
        <h1>
            Lists
        </h1>
        <h3>
            Ordered Lists
        </h3>
        <p>
            Ordered lists are created by prefixing each list item with a number followed by a period. Markdown automatically numbers the items sequentially.
        </p>
        <pre><code>1. First item
2. Second item
3. Third item</code></pre>
        <h4>
            Example
        </h4>
        <ol>
            <li>First item</li>
            <li>Second item</li>
            <li>Third item</li>
          </ol> 
        <hr>

        <h3>
            Unordered Lists
        </h3>
        <p>
            Unordered lists are created by prefixing each list item with a hyphen, asterisk, or plus sign. Markdown treats all three symbols as equivalent and creates a bulleted list.
        </p>
        <pre><code>- First item
- Second item
- Third item</code></pre>
        <h4>
            Example
        </h4>
        <ul>
            <li>First item</li>
            <li>Second item</li>
            <li>Third item</li>
        </ul> 
    </div>
</div>