Typography
Paragraphs and Headings h1-h6
Duis mi nibh, varius sed suscipit sed, pretium eget nulla. Praesent faucibus libero nec imperdiet euismod. Suspendisse ut erat sed diam pretium cursus quis blandit lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam non consequat nunc, vel sagittis tellus. In ultrices leo quis metus posuere suscipit. Duis sollicitudin, dui non faucibus imperdiet, justo sapien aliquet sapien, vitae scelerisque enim tortor non ipsum. Donec libero neque, elementum nec faucibus quis, tempor id felis.
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 still want your text to be displayed inline.
Example of h1 tag
Example of h2 tag
Example of h3 tag
Example of h4 tag
Example of h5 tag
Example of h6 tag
Span inside Heading
Alignment classes
Easily realign text to components with text alignment classes.
Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
Blockquotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
Reversed blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
Blockquote in Box
Example of emphasisied paragraph: I’ve gotten burned lorem ipsum over Cheryl Tiegs, blown up for Raquel Welch. But when I end up in the hay.
Quotes Left/Right alignment
Example of emphasisied paragraph: I’ve gotten burned lorem ipsum over Cheryl Tiegs, blown up for Raquel Welch. But when I end up in the hay.
Conveniently target standardized technology without integrated processes. Appropriately plagiarize plug-and-play growth strategies vis-a-vis B2C expertise. Collaboratively productivate B2C communities whereas emerging benefits. Appropriately repurpose customer directed architectures via worldwide systems. Conveniently formulate cross-platform information before user friendly methodologies.
Continually develop mission-critical manufactured products vis-a-vis impactful architectures. Assertively disseminate principle-centered platforms with out-of-the-box outsourcing. Enthusiastically syndicate web-enabled channels rather than value-added innovation. Quickly incentivize timely products after client-centered vortals. Monotonectally actualize multimedia based value without 24/7 testing procedures. Uniquely harness cross-platform opportunities via professional.
Drop Caps
Thunder, thunder, thundercats, Ho! Thundercats are on the move, Thundercats are loose. Feel the magic, hear the roar, Thundercats are loose. Thunder, thunder, thunder, Thundercats! Thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thundercats!
Hey there where ya goin’, not exactly knowin’, who says you have to call just one place home. He’s goin’ everywhere, B.J. McKay and his best friend Bear. He just keeps on movin’, ladies keep improvin’, every day is better than the last. New dreams and lorem ipsum better scenes.
Text Styles
Example of link text.
Strong Text eample
Example of emphasised text
Example of deleted text
Example of mark text
Example of ins text
this is sup and sub text
Text highlights
highlight primary
highlight warning
highlight info
highlight danger
highlight brown
highlight blue
highlight yellow
highlight green
highlight black
highlight purple
Emphasis classes for coloring text
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Nullam id dolor id nibh ultricies vehicula ut id elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Maecenas sed diam eget risus varius blandit sit amet non magna.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.