HTML Elements
The style guide provides you with a blueprint of Keenr’s default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Blockquote
“A blonde ale fermented with a special strain of yeast, then aged in French oak chardonnay barrels. Flavors of wine and oak absorb into the brew throughout twelve months of aging.”
Pull Quotes
To use the pull quote, you simply need to add a class of align-right or align-left to your quotes. This can be done in the Text editor view. See an example below:
<blockquote class="pullquote alignright">Pull this blockquote to the right.</blockquote>
“Brewed with Apollo, Citra, and Simcoe hops. Dry hopped in the barrel with Citra hops.”
Belgian style double IPA with Brettanomyces. This ale is aged in french oak chardonnay barrels. Brewed with Apollo, Citra, and Simcoe hops. Dry hopped in the barrel with Citra hops. Triple fermented- First in the tank with a Belgian yeast, second in french oak chardonnay barrels with brett, and finally in the bottle with a third yeast for natural carbonation.
Pours fizzy, creating a beige/eggshell-colored foamy head that’s dense image and wonderfully laced, sticking to the glass and also retaining magnificently. In fact, the lacing stays until the end. Beneath, a deep brown brew with rich tawny hues. This beer has some serious legs. Complex aromas: soft and powdery on the nose, with aromas of malt, chocolate chip cookie dough and a deep-rooted fruitiness, notes of plum skins, spicy phenols and a soft bready yeast character.
“Brewed with Apollo, Citra, and Simcoe hops. Dry hopped in the barrel with Citra hops.”
Arriving in a 22-ounce brown bomber, this ale clocks in at 62 IBUs, which tells us there is a substantial amount of hops here, and a hefty 7.9 percent alcohol by volume speaks for itself. Decent amount of foam that holds together to form a chunky-looking head with good retention. Crystal-clear copper hue. Juicy aroma, pear-like fruity esters, rosewater, soft herbal tones and a hint of spicy alcohol in the back. Full-bodied with a syrupy mouthfeel, very smooth and creamy. Loads of hop oil up front, herbal almost like nectar. Really juicy with an intermingled fruitiness of mango, pear and melon. Then the fruity esters show their real source with a warmth and spice of balanced alcohol; and bitterness has a go on the taste buds with a semi-puckering dryness. The malt character drops in fashionably late with undertones of toasted biscuit. The finish is a tad sweet, though if the hops fade with a bit of age and the alcohol goes a bit vinous, then, with time, this beer will turn into a different beast altogether.
Delicate, crisp, and refreshing, this wit makes for a fantastic lawnmower beer, and the perfect refreshment after a day in the mountains. Pale straw in color with a fluffy white head. A distinct bready aroma from the unmalted wheat and Belgian yeast. Lightly sweet, a touch of fruity esters, and just a hint of orange and coriander, with a dry and slightly tart finish. Yes please may I have some more.
Highlighted Text
To use the highlight, you simply need to add a span with the class highlight. This can be done in the Text editor view. See an example below.
<span class="highlight">This will be highlighted.</span>
Tables
Which hero starred in what movie:
| Name | The Avengers | Age of Ultron | Infinity Wars |
|---|---|---|---|
| Captain America | Yes | Yes | Yes |
| Ironman | Yes | Yes | Yes |
| Hulk | Yes | Yes | Yes |
| Thor | Yes | Yes | Yes |
| Black Widow | Yes | Yes | Yes |
| Hawkeye | Yes | Yes | Yes |
| Vision | No | Yes | Yes |
| Black Panther | No | No | Yes |
Code Formatting
pre {
position: relative;
max-width: 100%;
background-color: rgba(0, 0, 0, 0.05);
color: #434444;
font-size: 14px;
font-size: 1.4rem;
font-family: Consolas, Monaco, Courier, monospace;
position: relative;
padding: 4%;
margin: 0 0 2rem 0;
overflow: auto;
tab-size: 4;
}
Mixed List Items
- Unordered list item one
- Unordered list item two
- Ordered list item one
- Ordered list item two
- Unordered list item one
- Unordered list item two
- Ordered list item one
- Ordered list item two
- Ordered list item three
- Unordered list item three
- Ordered list item three
- Unordered list item three