This is the default drop cap; you will want to use the following formatting: <span class="dropcap">T</span>, where "t" is the letter that will be in drop cap. Traesent rutrum sapien ac felis.
This is a blue drop cap; you will want to use the following formatting: <span class="dropcap-blue">T</span>, where "t" is the letter that will be in drop cap. Traesent rutrum sapien ac felis.
This is a red drop cap; you will want to use the following formatting: <span class="dropcap-red">T</span>, where "t" is the letter that will be in drop cap. Traesent rutrum sapien ac felis.
This is a green drop cap; you will want to use the following formatting: <span class="dropcap-green">T</span>, where "t" is the letter that will be in drop cap. Traesent rutrum sapien ac felis.
This is a purple drop cap; you will want to use the following formatting: <span class="dropcap-purple">T</span> where "t" is the letter that will be in drop cap. Traesent rutrum sapien ac felis.
This is a orange drop cap; you will want to use the following formatting: <span class="dropcap-orange">T</span>, where "t" is the letter that will be in drop cap. Traesent rutrum sapien ac felis.
This is a brown drop cap; you will want to use the following formatting: <span class="dropcap-brown">T</span>, where "t" is the letter that will be in drop cap. Traesent rutrum sapien ac felis.
T>his is a grey drop cap; you will want to use the following formatting: <span class="dropcap-grey">T</span>, where "t" is the letter that will be in drop cap. Traesent rutrum sapien ac felis.
-
view code
<p><span class="dropcap">T</span>Your paragraph here</p>
block numbers
1Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.
2Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.
3Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.
4Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.
-
view code
<p><span class="block-number"><span class="digit">1</span><span class="bottom"></span></span>Your block content here. </p>
Block dates
-
view code
<div class="event"> <p class="event-time"><span class="date">24</span><span class="month">Jul</span></p> <a href="#">Event title</a><br> Event description here </div>