Font Link not working

Community
1

http://imgur.com/a/Vjj3w

so here is the image
the font is from a page called Font Awesome
this is the link to it

And this is the class im suposed to put in order for the h1 to present it
.

im thinking the link doesnt work but i dont know why.

also this JQuery link isnt working either. I thought i followed the instructions correctly. obviously not .can someone help pls

http://imgur.com/a/y5aNW

Image Gallery
Toggle navigation Images

The image Gallery

A bunch of random text that nobody cares about but is there for a purpose

<div class="row">
    <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
        <img src="http://i.imgur.com/wbl1MoN.jpg">
        </div>
    </div>
    <div class="col-lg-4 col-sm-6" >
        <div class="thumbnail">
            <img src="http://i.imgur.com/wbl1MoN.jpg">
        </div>
    </div>
    <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
            <img src="http://i.imgur.com/wbl1MoN.jpg">
        </div>
    </div>

    <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
            <img src="http://i.imgur.com/wbl1MoN.jpg">
        </div>
    </div>
    <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
            <img src="http://i.imgur.com/wbl1MoN.jpg">
        </div>
    </div>
    <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
            <img src="http://i.imgur.com/wbl1MoN.jpg">
        </div>
    </div>

    <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
            <img src="http://i.imgur.com/wbl1MoN.jpg">
        </div>
    </div>
    <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
            <img src="http://i.imgur.com/wbl1MoN.jpg">
        </div>
    </div>
    <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
            <img src="http://i.imgur.com/wbl1MoN.jpg">
        </div>
    </div>

</div>