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>
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!
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?
This is a code block following a header.
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:
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