Orange links

Contents

Default

By default, links are black, and not underlined

<a href="#">This is a sample default link</a>

Underlined

A link into a p tag become underlined, to be clearly identified.

Some text in a paragraph, and so the link are underline

<p>Some text in a paragraph, and so <a href="#">the link are underline</a></p>

With arrow

Add the class o-link-arrow to a link, add an arrow after the text link.

<a href="#" class="o-link-arrow">This is a sample link with arrow</a>

With back arrow

To convert arrow link to backward link, add back to the link with class o-link-arrow.

<a href="#" class="o-link-arrow back">This is a sample link with arrow for backward</a>