Quotes and callouts
There are several tags for quotes and callouts.
Tag: blockquote-img
These are for where we have an actual quote from someone, plus a photo.
This is a **very short** quote "from someone".Dan Matthews
Guest Writer
Has to also support multi-paragraph quotes.
This is an **actual quote** from someone, but this time longer so it takes up more than just the one line. This is an **actual quote** from someone, but this time longer so it takes up more than just the one line. This is an **actual quote** from someone, but this time longer so it takes up more than just the one line.This is an actual quote from someone, but this time longer so it takes up more than just the one line. This is an actual quote from someone, but this time longer so it takes up more than just the one line. This is an actual quote from someone, but this time longer so it takes up more than just the one line.
Dan Matthews
Guest Writer
This is a **very short** quote "from someone".Dan Matthews
Guest Writer
Has to also support multi-paragraph quotes.
This is an **actual quote** from someone, but this time longer so it takes up more than just the one line. This is an **actual quote** from someone, but this time longer so it takes up more than just the one line. This is an **actual quote** from someone, but this time longer so it takes up more than just the one line.This is an actual quote from someone, but this time longer so it takes up more than just the one line. This is an actual quote from someone, but this time longer so it takes up more than just the one line. This is an actual quote from someone, but this time longer so it takes up more than just the one line.
Dan Matthews
Guest Writer
Tag: blockquote-img-full
A full width blockquote, for high-res images as background or grey
This is an **actual quote** from someone, but this time longer so it takes up more than just the one line. This is an **actual quote** from someone, but this time longer so it takes up more than just the one line. This is an **actual quote** from someone, but this time longer so it takes up more than just the one line.Dan Matthews
Guest Writer
Tag: blockquote-no-img
Same thing, but where we don't have an image of the person.
A _very short_ one.Dan Matthews
Guest Writer
Again supporting multiple lines.
The future can go one of two ways. The first is a utopian vision where the hard work is done by machines, creative industries and entrepreneurs thrive… The second looks a bit like _Blade Runner_.The future can go one of two ways. The first is a utopian vision where the hard work is done by machines, creative industries and entrepreneurs thrive… The second looks a bit like Blade Runner.
Dan Matthews
Guest Writer
A _very short_ one.Dan Matthews
Guest Writer
Again supporting multiple lines.
The future can go one of two ways. The first is a utopian vision where the hard work is done by machines, creative industries and entrepreneurs thrive… The second looks a bit like _Blade Runner_.The future can go one of two ways. The first is a utopian vision where the hard work is done by machines, creative industries and entrepreneurs thrive… The second looks a bit like Blade Runner.
Dan Matthews
Guest Writer
Tag: user-description
This isn't actually a quote, but an image of someone and some stuff about them.
The future can go one of two ways. The first is a utopian vision where the hard work is done by machines, creative industries and entrepreneurs thrive… The second looks a bit like Blade Runner. The future can go one of two ways. The first is a utopian vision where the hard work is done by machines, creative industries and entrepreneurs thrive… The second looks a bit like Blade Runner.
The future can go one of two ways. The first is a utopian vision where the hard work is done by machines, creative industries and entrepreneurs thrive… The second looks a bit like Blade Runner. The future can go one of two ways. The first is a utopian vision where the hard work is done by machines, creative industries and entrepreneurs thrive… The second looks a bit like Blade Runner.
Tag: callout
Sometimes it's nice to highlight a bit of text from a longer article like this:
HTML blockquote
What happens if you just use a standard HTML blockquote? You probably shouldn't be, and use one of our custom tags instead…
this is a blockquote isn't it nice this is a blockquote isn't it nice this is a blockquote isn't it nice this is a blockquote isn't it nice and shiny and stuff
this is a blockquote isn't it nice and shiny and stuff
And now the rest…
Lorem ipsum dolor sit amet, I am a link and I am bold and I am italic and I am bold italic.
h3 is second biggest
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et mollis ligula, varius accumsan felis. In hac habitasse platea dictumst. Pellentesque suscipit sem at velit laoreet, eu egestas orci dignissim. Aliquam lobortis malesuada purus, a vulputate felis dictum id.
This should be prominent and can have markdown in it.
This should be a disclaimer and can have markdown in it.
This is in a quote and it is great
really really great
h4 is third biggest
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et mollis ligula, varius accumsan felis. In hac habitasse platea dictumst. Pellentesque suscipit sem at velit laoreet, eu egestas orci dignissim. Aliquam lobortis malesuada purus, a vulputate felis dictum id. Curabitur et interdum est. Ut commodo quam non massa imperdiet, ac ultricies eros pulvinar.
OMG we can have full-width coming straight from the Markdown .md file!!! Woot! Nullam pretium erat id ornare porttitor. Cras malesuada erat et ligula vestibulum, a venenatis ligula malesuada. Quisque auctor enim a sagittis hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi blandit ullamcorper quam quis imperdiet. In ac metus sit amet lectus euismod faucibus.
Pigs are cool.
Should be a horizontal line right above.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et mollis ligula, varius accumsan felis. In hac habitasse platea dictumst. Pellentesque suscipit sem at velit laoreet, eu egestas orci dignissim. Aliquam lobortis malesuada purus, a vulputate felis dictum id. Curabitur et interdum est. Ut commodo quam non massa imperdiet, ac ultricies eros pulvinar.
- Some list item
- Another list item
- A third list item
And now for an ordered one:
- Should have a 1 next to it
- And this one a two
- You get the idea
Image examples:
