Social Links Search User Login Menu
Tools
Close
Close

Custom Typography Elements

Custom Font

Etiam condimentum ultrices est, eu dapibus magna mollis at. Donec sit amet sem ut ex gravida scelerisque at in nulla. Nulla rhoncus tortor id risus tempus egestas. Pellentesque libero diam, venenatis ac magna a, pretium blandit tortor. Vestibulum in vulputate eros.
<span class="eds_customFont">Etiam condimentum ultrices est, eu dapibus magna mollis at. Donec sit amet sem ut ex gravida scelerisque at in nulla. Nulla rhoncus tortor id risus tempus egestas. Pellentesque libero diam, venenatis ac magna a, pretium blandit tortor. Vestibulum in vulputate eros.</span>

Primary Color

Etiam condimentum ultrices est, eu dapibus magna mollis at. Donec sit amet sem ut ex gravida scelerisque at in nulla. Nulla rhoncus tortor id risus tempus egestas. Pellentesque libero diam, venenatis ac magna a, pretium blandit tortor. Vestibulum in vulputate eros.
<span class="eds_primaryColor">Etiam condimentum ultrices est, eu dapibus magna mollis at. Donec sit amet sem ut ex gravida scelerisque at in nulla. Nulla rhoncus tortor id risus tempus egestas. Pellentesque libero diam, venenatis ac magna a, pretium blandit tortor. Vestibulum in vulputate eros.</span>

Text sizes

Large Text

<p class="eds_largeText">Larger Text</p>

Extra Large Text

<p class="eds_extraLargeText">Large Text</p>

Mega Large Text

<p class="eds_megaLargeText">Extra Large Text</p>

Light text

Nulla luctus maximus fermentum. Quisque vel enim in velit tempus scelerisque nec id tellus. Vivamus turpis lectus, mollis eleifend nibh ac, condimentum eleifend nunc. Aenean bibendum risus orci, sed tempus nisl faucibus vitae. Aliquam aliquet lectus vitae lectus porttitor, sed dapibus dolor cursus. Quisque efficitur id quam in consequat. Suspendisse vehicula sollicitudin neque eu tristique.

<p class="eds_lightText">Nulla luctus maximus fermentum. Quisque vel enim in velit tempus scelerisque nec id tellus. Vivamus turpis lectus, mollis eleifend nibh ac, condimentum eleifend nunc. Aenean bibendum risus orci, sed tempus nisl faucibus vitae. Aliquam aliquet lectus vitae lectus porttitor, sed dapibus dolor cursus. Quisque efficitur id quam in consequat. Suspendisse vehicula sollicitudin neque eu tristique. </p>

White text

Etiam condimentum ultrices est, eu dapibus magna mollis at. Donec sit amet sem ut ex gravida scelerisque at in nulla. Nulla rhoncus tortor id risus tempus egestas. Pellentesque libero diam, venenatis ac magna a, pretium blandit tortor. Vestibulum in vulputate eros.
<span class="eds_whiteColor">Etiam condimentum ultrices est, eu dapibus magna mollis at. Donec sit amet sem ut ex gravida scelerisque at in nulla. Nulla rhoncus tortor id risus tempus egestas. Pellentesque libero diam, venenatis ac magna a, pretium blandit tortor. Vestibulum in vulputate eros.</span>

Dark text

Etiam condimentum ultrices est, eu dapibus magna mollis at. Donec sit amet sem ut ex gravida scelerisque at in nulla. Nulla rhoncus tortor id risus tempus egestas. Pellentesque libero diam, venenatis ac magna a, pretium blandit tortor. Vestibulum in vulputate eros.
<span class="eds_darkColor">Etiam condimentum ultrices est, eu dapibus magna mollis at. Donec sit amet sem ut ex gravida scelerisque at in nulla. Nulla rhoncus tortor id risus tempus egestas. Pellentesque libero diam, venenatis ac magna a, pretium blandit tortor. Vestibulum in vulputate eros.</span>

Anchor

Etiam condimentum ultrices est, eu dapibus magna mollis at. Donec sit amet sem ut ex gravida scelerisque at in nulla. Nulla rhoncus tortor id risus tempus egestas. Pellentesque libero diam, venenatis ac magna a, pretium blandit tortor. Vestibulum in vulputate eros.

Custom list styles

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
<ul class="eds_listCircle">
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit</li>
</ul>
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
<ul class="eds_listStar">
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit</li>
</ul>
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
<ul class="eds_listCheckSquare">
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit</li>
</ul>
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
<ul class="eds_listChevronCircle">
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit</li>
</ul>
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
<ul class="eds_listCircleO">
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit</li>
</ul>
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
<ul class="eds_listCheck">
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit</li>
</ul>
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
<ul class="eds_listCheckSquareO">
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit</li>
</ul>
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
<ul class="eds_listPaperclip">
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit</li>
</ul>

Horizontal rules


<hr>

<hr class="eds_style1">
Back To Top