Skip to main content

Formatted Text Boxes

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quia studebat laudi et dignitati, multum in virtute processerat.  Quid Zeno? 

 
 

 Box Style - None

 

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lead Text Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

  • bullet one
  • bullet two vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor ivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
  • bullet three
  • bullet four
  1. bullet one
  2. bullet two vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor ivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
  3. bullet three
  4. bullet four

 

 Tables

 

#Column headingColumn headingColumn heading
1Column content Column content Column content
2Column content Column content Column content
3Column content Column content Column content
4Column content Column content Column content
5Column content Column content Column content
6Column content Column content Column content
7Column content Column content Column content
 
 

Example body text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Visited link

This line of text is meant to be treated as fine print.

The following snippet of text is rendered as bold text .

The following snippet of text is rendered as italicized text .

An abbreviation of the word attribute is attr.

 

 Emphasis classes

 

To achieve this click edit go to  tools, source code, and add the class="text-(primary,warning,danger,success or info)" 

muted Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

primary Nullam id dolor id nibh ultricies vehicula ut id elit.

warning Etiam porta sem malesuada magna mollis euismod.

danger Donec ullamcorper nulla non metus auctor fringilla.

success Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

info Maecenas sed diam eget risus varius blandit sit amet non magna.

 

Dark Background

 

heading

 

At negat Epicurus-hoc enim vestrum lumen estquemquam, qui honeste non vivat, iucunde posse vivere. Dic in quovis conventu te omnia facere, ne doleas.  Hoc non est positum in nostra actione.  Quae quidem sapientes sequuntur duce natura tamquam videntes;  Contemnit enim disserendi elegantiam, confuse loquitur.  Age, inquies, ista parva sunt.

 

At negat Epicurus-hoc enim vestrum lumen estquemquam, qui honeste non vivat, iucunde posse vivere. Dic in quovis conventu te omnia facere, ne doleas.  Hoc non est positum in nostra actione.  Quae quidem sapientes sequuntur duce natura tamquam videntes;  Contemnit enim disserendi elegantiam, confuse loquitur.  Age, inquies, ista parva sunt.

At negat Epicurus-hoc enim vestrum lumen estquemquam, qui honeste non vivat, iucunde posse vivere. Dic in quovis conventu te omnia facere, ne doleas.  Hoc non est positum in nostra actione.  Quae quidem sapientes sequuntur duce natura tamquam videntes;  Contemnit enim disserendi elegantiam, confuse loquitur.  Age, inquies, ista parva sunt.

At negat Epicurus-hoc enim vestrum lumen estquemquam, qui honeste non vivat, iucunde posse vivere. Dic in quovis conventu te omnia facere, ne doleas.  Hoc non est positum in nostra actione.  Quae quidem sapientes sequuntur duce natura tamquam videntes;  Contemnit enim disserendi elegantiam, confuse loquitur.  Age, inquies, ista parva sunt.

 

Box Style Alerts

 

Alert Success

new alert

default button

Alert Info

Heads up!  This  alert needs your attention, but it's not super important.

Alert Action

Oh snap!   Change a few things up and try submitting again.

Alert Warning

Heads up!  This  alert needs your attention, but it's not super important.

Alert Danger

Oh snap!   Change a few things up and try submitting again.

 

Box Style Panels

 
News Article 6

News Article 6

by
Managing Director - Eonic

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan

 
News Article 5

News Article 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 
News Article 4

News Article 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 

 

Panel None

 

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei   link

 

Panel Success

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei  link

 Panel Default

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei   link

panel with image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id aliis narrare gestiant?  Praeclare hoc quidem.  Nam Pyrrho, Aristo, Erillus iam diu abiecti. Duo Reges: constructio interrete. Quoniam, si dis placet, ab Epicuro loqui discimus. Nihil enim iam habes, quod ad corpus referas;

 Panel Info

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei  link

Panel Warning

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei   link

panel with image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id aliis narrare gestiant?  Praeclare hoc quidem.  Nam Pyrrho, Aristo, Erillus iam diu abiecti. Duo Reges: constructio interrete. Quoniam, si dis placet, ab Epicuro loqui discimus. Nihil enim iam habes, quod ad corpus referas;

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei   link

Panel Action

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei   link

 Panel Danger

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei  link

 

In the editing of this module you can set a setting that links the entire box, but you have to set a box style

this is the same formatted text box but the Link entire box is not tick see how the box css changes 

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Panel Well-LG

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei

Panel Well-SM

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei

Panel Well

Lorem ipsum dolor sit amet, causae assentior ut sit, no adhuc omnes est. Eos hinc atomorum ei