Text Styles

Quotes

To add a quote to your text you can use the “quote” button in the visual editor or the “b-quote” button in the text editor. To add the author you can wrap the author name in a cite tag. you can use the Velit habitasse ac dolor! Sed. Nascetur! Nisi ac massa lundium a placerat porttitor massa platea nec scelerisque porttitor ultrices urna augue turpis? Est risus dignissim? Vel etiam, urna diam! Ridiculus mid dolor odio. Mus porttitor nascetur integer, nisi cum penatibus nec, auctor dolor rhoncus, aliquam pid adipiscing montes scelerisque, duis penatibus rhoncus habitasse?

 

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”

by Federico Rosse – Duchamp Art Magazine

 

You can highlight an important quote or sentence by adding it in a pull quote and wrap the text in ap tag with the CSS class of pull-left or pull-right.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lectus phasellus urna aenean velit porttitor phasellus aenean porta lacus sagittis adipiscing in ut amet, pellentesque, vel? Vut dignissim, proin, cras diam, scelerisque aenean cras sed, pulvinar turpis? Enim in nascetur. Proin? A placerat lacus diam penatibus! Mus lorem lorem nisi vel habitasse montes! Lacus platea. Natoque sed montes. Nisi duis mus tincidunt ultrices sociis habitasse mid. Ut dis, pulvinar lorem sociis et.

 

You can highlight an important quote or sentence by adding it in a pull quote and wrap the text in a p tag with the CSS class of pull-left or pull-right.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lectus phasellus urna aenean velit porttitor phasellus aenean porta lacus sagittis adipiscing in ut amet, pellentesque, vel? Vut dignissim, proin, cras diam, scelerisque aenean cras sed, pulvinar turpis? Enim in nascetur. Proin? A placerat lacus diam penatibus! Mus lorem lorem nisi vel habitasse montes! Lacus platea. Natoque sed montes. Nisi duis mus tincidunt ultrices sociis habitasse mid. Ut dis, pulvinar lorem sociis et.

 

Button:

BUTTON

 

Big text:

You can add an intro text in a bigger font size to your posts and pages. Lectus nibh pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget tortor risus. Donec rutrum congue leo eget malesuada. Vivamus suscipit tortor eget felis porttitor volutpat.

 

2 columns:

Mauris blandit aliquet elit, eget tincidunt nibh pulvinar. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur arcu erat.

Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla porttitor accumsan tincidunt. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

 

3 columns:

Mauris blandit aliquet elit, eget tincidunt nibh pulvinar. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur arcu erat.

Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla porttitor accumsan tincidunt. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur arcu erat. Donec velit neque, auctor sit amet aliquam vel.

 

Dropcap:

Dropcap can be added by wrapping the first letter of the first word in a paragraph in a span tag with the CSS class of “dropcap”. In ultrices dis lectus, dictumst turpis, sociis tempor, pellentesque ultrices ac elit eros ut, rhoncus odio enim nec porta etiam. Sed ac lorem hac lorem. Rhoncus. Egestas non? Augue, magnis mus enim pulvinar duis odio! Ac. Amet phasellus elementum! Massa! Ac dolor. Lorem in integer augue magna hac! Quis massa, augue et pulvinar porta. Integer habitasse hac sed purus ut magna, ultrices, nisi risus porttitor cum aliquet aliquam, amet, rhoncus amet tincidunt, eros eu tempor vel! Urna integer? Arcu eros, sit augue purus pulvinar, augue montes? Proin egestas amet facilisis tincidunt, est mattis ac scelerisque elit elementum odio amet dolor? Cum nec, montes pellentesque?

 

Code:


<span class="dropcap">D</span>ropcap can be added by wrapping the first letter of the first word in a paragraph in a span tag with the CSS class of "dropcap".

 

Lists:

Amet, nisi rhoncus parturient mattis! Adipiscing augue sit odio amet. Porta cras, proin mid lacus dolor sed vel? Odio urna eros pellentesque ultricies urna, pulvinar tortor, ac, tempor rhoncus porta egestas dictumst! Lectus odio facilisis sit. Augue habitasse! Magna porttitor, amet amet nec turpis! Cum? Odio, elit, vel elementum cras vel mattis magna enim velit, lectus tristique penatibus lundium nascetur a. Ut? Scelerisque, porttitor cursus lectus ultricies auctor sociis, porta porta dapibus cum dis sit! Ut parturient, risus turpis scelerisque, ut in.

  • Lacus dictumst mid est, hac in ac urna scelerisque mid adipiscing.
  • Integer augue aenean tortor parturient pulvinar adipiscing proin amet.
  • Magna platea habitasse mid turpis dis montes eros diam.
  • Sed elementum porttitor, pulvinar, ultricies lacus sociis auctor.

Next to unordered lists with the ul tag, of course you can also add an ordered list with the ol tag. Lists make your content more readable and it will be easier for your readers to gather the important facts.

  1. Lacus dictumst mid est, hac in ac urna scelerisque mid adipiscing.
  2. Integer augue aenean tortor parturient pulvinar adipiscing proin amet.
  3. Proin ut lacus pulvinar turpis egestas nascetur hac, ultricies, rhoncus nunc sit mauris eros dignissim tortor. Dignissim cras nisi.
  4. Magna platea habitasse mid turpis dis montes eros diam
  5. Sed elementum porttitor, pulvinar, ultricies lacus sociis auctor.

 

Tables:

Year Job Description
2017 Web designer Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
2016 Front-end developper Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.
2015 Programmer Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
2014 Creative Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Definition Lists:

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

 

Some Default Text Styles

Mus, ultricies sed elementum egestas ut! Porta nascetur purus integer, lundium nec, adipiscing et, lundium. Mattis integer vel cum odio sagittis augue? Urna magnis sit a tempor mauris, platea amet magnis scelerisque in a, ultrices mus massa placerat nec, augue penatibus habitasse ultricies augue augue magna sit. Pid quis dignissim. Tincidunt ac odio dictumst!

Ut sit pulvinar nec mark your text in a light green color by adding an “ins” tag. Scelerisque pulvinar etiam enim scelerisque, rhoncus ultricies massa porta mauris ultricies elit vel cras platea urna? Et ultrices sagittis cursus, massa amet! Rhoncus dapibus massa et dolor, tortor sociis, nisi placerat nascetur sociis elementum habitasse diam ultrices, quis vut, porta risus massa eu egestas augue! Eros habitasse augue dapibus!