TYPOGRAPHY
Headings
All HTML headings, <h1>
through <h6>
, are available. .h1
through .h6
classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Lead
Make a paragraph stand out by adding .lead
.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
Inline text elements
Styling for common inline HTML5 elements.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
IMAGE + CONTENT
We deliver inspiration
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis commodo tortor a mi auctor dapibus. Morbi rutrum, nisi eu sodales.
- Lorem ipsum dolor sit amet
Quisque ultricies quam in rhoncus dictum. Morbi viverra mi non ex auctor, sit amet efficitur sem. - Vestibulum ante ipsum
Donec consequat ultrices nunc eget faucibus. Suspendisse placerat. - Mauris turpis mi
Nunc tortor eros, posuere in nibh non, ornare fermentum leo. Nulla sit amet erat a tortor egestas. - Phasellus pulvinar euismod
Phasellus quis vehicula metus. Vivamus pulvinar vulputate sapien, id bibendum urna rutrum.
We deliver inspiration
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis commodo tortor a mi auctor dapibus. Morbi rutrum, nisi eu sodales.
- Lorem ipsum dolor sit amet
Quisque ultricies quam in rhoncus dictum. Morbi viverra mi non ex auctor, sit amet efficitur sem. - Vestibulum ante ipsum
Donec consequat ultrices nunc eget faucibus. Suspendisse placerat. - Mauris turpis mi
Nunc tortor eros, posuere in nibh non, ornare fermentum leo. Nulla sit amet erat a tortor egestas. - Phasellus pulvinar euismod
Phasellus quis vehicula metus. Vivamus pulvinar vulputate sapien, id bibendum urna rutrum.
IMAGE CAROUSEL
FLEXIBLE COLUMNS
Behind the scenes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus et ante ex. Proin sed velit dapibus, maximus ipsum in, congue mi. Suspendisse massa leo, pharetra lacinia ultrices ac, volutpat sit amet magna. In et dictum arcu, vel bibendum elit. Mauris dapibus libero quis faucibus tempus. Nam enim velit, tincidunt et fermentum laoreet vitae.
“Sed ut hendrerit turpis. Nulla a odio id arcu faucibus luctus eu sit amet ipsum. Phasellus eu imperdiet sapien, velti blandit felis. Etiam blandit eu ipsum.”
ACCORDION
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquet ultricies dui, finibus scelerisque massa facilisis in. Etiam semper turpis nec maximus mattis. Aliquam molestie blandit pellentesque. Aenean ornare dui id feugiat pulvinar. Ut efficitur eros eu purus ultricies venenatis.
Proin et nibh arcu. Nunc hendrerit pharetra purus, in euismod ex posuere id. Duis lectus magna, vestibulum sed egestas quis, semper et nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet leo volutpat, faucibus neque vel, elementum sapien. Praesent orci magna, gravida at varius ac, ullamcorper eget purus. Sed venenatis diam id quam laoreet sagittis. Fusce vitae posuere tortor. Pellentesque faucibus nulla eget eros venenatis, a ultrices mi scelerisque.