blockquotes

Blockquotes

Base Components are usually small helper components to build Block Components.
These Components can be easily used and customized in any blocks.

Bootstrap Blockquotes

For quoting blocks of content from another source within your document. Wrap <blockquote class="blockquote"> around any HTML as the quote. You may check the offecial Bootstrap documentation for more details from here Bootstrap Blockquotes

Default

Includ the content into <blockquote> tag with the class blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.


Naming a source

Includ naming in <footer> tag with the class blockquote-footer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Reverse layout

Add an additional class blockquote-reverse to the <blockquote> tag.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Unify Blockquotes

Unify Blockquotes are extensions of the default Bootstrap Blockquotes. To extend, it uses Unify's global classes.

Border primary

Add some additional global classes g-brd-2 and g-brd-primary

If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on

Someone famous in Source Title

Border primary on hover

Add some additional global classes g-brd-2 and g-brd-primary--hover

Lorem ipsum dolor sit amet, consectetur adipiscing duis mollis, est non commodo luctus elit posuere erat a ante. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis lorem ipsum dolor sit amet, consectetur adipiscing

Someone famous in Source Title

Reverse border black

Add an additional bootstrap classes blockquote-reverse and global class g-brd-black black border color

That's been one of my mantras - focus and simplicity. Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple. But it's worth it in the end because once you get there, you can move mountains

Someone famous in Source Title

Reverse border black on hover

Add an additional bootstrap classes blockquote-reverse and global class g-brd-black--hover black border color

If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on

Someone famous in Source Title

Large size

Add some bootstrap utility and global classes like text-uppercase and g-font-size-22

The best ideas come as jokes. Make your thinking as funny as possible and use them in your projects.

Another Example

Reversed large size

Add an additional class blockquote-reverse to the large size blockquote example.

The best ideas come as jokes. Make your thinking as funny as possible and use them in your projects.

Another Example

Gray colored examples

Add some global classes g-bg-gray-light-v5 for backfround color and g-pa-40 for padding spacing.

If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on

Someone famous in Source Title

Black colored examples

Please click to the show code for more details under the blockquote example.

If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on

Someone famous in Source Title

Primary colored examples

Please click to the show code for more details under the blockquote example.

If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. And, like any great relationship, it just gets better and better as the years roll on

Someone famous in Source Title