Table Of Contents

Text can be bold, italic, or strikethrough. Links should be primary with no underlines

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Asperiores aliquid, numquam natus, magnam atque itaque cum, impedit error dolorum doloremque eos vitae fugit! Rerum dolorem ipsa consequuntur. Eos, quis necessitatibus?

Sample Blockquote - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, ex. Voluptatem at aliquam rerum consequatur!

Sample Blockquote with shadow - use .shadow class on any element to get the shadow effect.

<div class="jumbotron fluid bg-gradient">
    <div class="container">
        <h1 class="display-2 text-center text-white mb-2 weight-700">Jello Theme</h1>
        <p class="text-center text-white h4 weight-500">Simple Github Theme Built on top of Butter Cake Framework</p>

        <div class="text-center mt-5">
            <a href="#!" class="btn-primary btn-lg mx-1">Sample Button</a>
            <a href="#!" class="btn-secondary btn-lg mx-1">Sample Button</a>
        </div>
    </div>
</div>

Header 1

This is a normal paragraph following a header. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat omnis repellendus tempore accusantium deleniti impedit porro, magni temporibus nulla doloribus cumque repudiandae, optio possimus quia? Facere eius atque quaerat quia!

Header 2

This is a blockquote following a header. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit odit doloremque nihil excepturi nesciunt velit iusto commodi? Officia, explicabo ullam similique dolores odit quasi fugit deleniti harum voluptatibus perspiciatis deserunt?

Header 3

This is a code block following a header.

Header 4

• This is an unordered list following a header.
• This is an unordered list following a header.
• This is an unordered list following a header.

Header 5

1. This is an ordered list following a header.
2. This is an ordered list following a header.
3. This is an ordered list following a header.

Header 6

There's a horizontal rule above and below this.

Here is an unordered list:

• Lorem ipsum dolor sit amet.
• Lorem ipsum dolor sit amet.
• Lorem ipsum dolor sit amet.
• Lorem ipsum dolor sit amet.

And an ordered list:

1. Lorem ipsum dolor sit amet.
2. Lorem ipsum dolor sit amet.
3. Lorem ipsum dolor sit amet.
4. Lorem ipsum dolor sit amet.

And an unordered task list:

And a nested list:

• Ul Tag
  • Li Tag
  • Li Tag
  • Li Tag
  • Li Tag
  • Li Tag
• Ul Inside Li
  • li Tag
  • li Tag
  • li Tag
  • li Tag
  • li Tag

Tables should have bold headings and alternating shaded rows.

If a table is too wide, it should condense down and/or scroll horizontally.

Code snippets like var foo = "bar"; can be shown inline.

Also, this should vertically align with this and this.

Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
        

Inline code inside table cells should still be distinguishable.

Small images should be shown at their actual size.

Large images should always scale down and fit in the content container.

Use Butter Cake Cards with Butter Cake Grid Sytemt

Card Title

card body - Lorem ipsum dolor sit amet.

Card Footer

Card Title

card body - Lorem ipsum dolor sit amet.

Card Footer