Fonts and symbols

Fonts

In this lib are included:

OpenSans

MuseoSans

Symbols

      <span class="icon"> c </span>
      

This code will become as symbol:

c

Other icons

Each icon has own letter

C

D

M

E

I

T

J

N

Y

m

K

s

Syntax highlighter

You can use syntax highlighter which is included in jekyll template language (liquid). Styling is also included in this library. For usage you can use use liquid's macro {% highlight html %}{% endhighlight %}

Link with icon in circle in the middle

Choose your icon with icons attribute

    <!-- with image  -->
    <div class="col5">
      <a class="circled-icon" icons="]" href="#search">
        <img class="width-100" src="https://www.maptiler.com/press/mediakit/thumbnails/video-5.jpg" alt="Boston">
      </a>
    </div>

    <!-- with empty box  -->
    <div class="col5">
      <a class="circled-icon" icons="W" href="#download">
        <div class="box width-100">
        </div>
      </a>
    </div>