Dropcaps

What’s this?

It’s a typography tool. The Dropcaps shorcode simply makes a character larger for the start of new paragraphs or start of a page. Check out the examples below.

React. Lorem ipsum dolor sit amet, arcu dignissim pellentesque, enim felis risus, quisque at. Sodales at, placerat commodo rhoncus, molestie vitae ut. In egestas cum, magna leo, diam felis. Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.

[dropcap  class="highlighted-text"] ... [/dropcap]

Lorem ipsum dolor sit amet, arcu dignissim pellentesque, enim felis risus, quisque at. Sodales at, placerat commodo rhoncus, molestie vitae ut. In egestas cum, magna leo, diam felis. Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.

[dropcap  class="text-prime"] ... [/dropcap]

Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.

[dropcap  class="text-alt"] ... [/dropcap]

Shortcodes. Est dui, adipiscing integer. Laoreet neque. Mauris nascetur vitae. In vitae. Convallis elit iaculis, litora sollicitudin nulla. Ligula et aliquet.

In egestas cum, magna leo, diam felis. Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.

[dropcap] ... [/dropcap]
X

Variations

Change the Skin for this Case Study

Case Studies

Design demos for React