Implementing CSS and JS

I am attempting to implement this feature into my bootstrap template. I have copied the necessary js and css files to my directory. I am attempting to call the such library like so:

<div id="fc-slideshow" class="fc-slideshow">
    <ul class="fc-slides">
        <li><img src="img/services/img1.jpg" /><h3>Text1</h3></li>
        <li><img src="img/services/img2.jpg" /><h3>Text2</h3></li>
    </ul>
</div>

I have implementing the css within my header like so:

<link href="css/component.css" rel="stylesheet">

and the js within my footer like so:

<script src="js/jquery.flipshow.js"></script>
<script src="js/modernizr.custom.js"></script>

The outcome I'm left with is this enter image description here

What am I doing wrong here?