Jam Theme

A Responsive Github Theme Built on top of Butter Cake Framework

All Butter Cake Components and Utilities Available on this Theme, Learn More on - Butter Cake Official Website
Feel Free to give a star on Github.

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.

Copy Button actually Works


<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

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
Title Title
A table A header
A table A header
A table A header

There's a horizontal rule above and below this.


Here is an unordered list:

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:


Tables should have bold headings and alternating shaded rows.

Artist Album Year
Michael Jackson Thriller 1982
Prince Purple Rain 1984
Beastie Boys License to Ill 1986

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

Title Title Title Title Title
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

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.

Language Code
Javascript var foo = "bar";
Ruby foo = "bar"

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.