sprites

Flags

All of the flags included in the language drop down

English 

<p>English
<i class="icn icn-flag-eng"></i>
</p>

Other Icons

The social media icons used throughout the website.

Search icon

Read more arrow

Play icon 

<p>Search icon
<i class="icn icn-search"></i>
</p>

<p>Read more arrow
<i class="icn icn-readmore"></i>
</p>

<p>Play icon
<i class="icn icn-play"></i>
</p>

Social Media

The social media icons used throughout the website.

Social media icons

Social media icons in colour

<p> Social media icons</p>
<div style="background-color: #333; padding: 20px; margin-bottom: 20px;">
    <i class="icn icn-facebook"></i>
    <i class="icn icn-google"></i>
    <i class="icn icn-twitter"></i>
    <i class="icn icn-youtube"></i>
</div>

<p>Social media icons in colour</p>
<i class="icn icn-facebook-color"></i>
<i class="icn icn-google-color"></i>
<i class="icn icn-twitter-color"></i>
<i class="icn icn-youtube-color"></i>

Sprites

All of the image assets found inside of the sprite sheet. To hide text within the element, wrap it inside of a span.

Logos

Header Logo

footer Logo

Logo emblem, no text 

<p>Logos</p>
<header>
    <p>
        Header Logo
        <i class="icn icn-logo"></i>
    </p>
</header>
<footer style="text-align: left; background-color: #333; color: #fff; padding: 20px;">
    <p>
        footer Logo
        <i class="icn icn-logo"></i>
    </p>
</footer>

<p>
    Logo emblem, no text
    <i class="icn icn-logo-emblem"></i>
</p>