Glide.js not responding

Hi i am currently building a cross platform app in cordova and have taken on the task of using Glide.js for an image slider i have followed its documentation word to word but am unable to understand why it is not working. For some reason it displays each image ontop of each other.

<div id="Glide" class="glide">
    <div class="glide__wrapper">
        <ul class="glide__track">
            <li class="glide__slide"><img src="images/Entrance_a.jpg" /></li>
            <li class="glide__slide"><img src="images/LDSAL_58.1.jpg" /></li>
            <li class="glide__slide"><img src="images/Entrance_b.jpg" /></li>
        </ul>
    </div>
</div>

and i have linked these scripts:

<link href="Glide.js-master/Glide.js-master/dist/css/glide.core.css" rel="stylesheet"/>
<link href="Glide.js-master/Glide.js-master/dist/css/glide.theme.css" rel="stylesheet"/>

<script src="jquery.mobile-1.4.5/jquery-1.12.1.min.js"></script>
<script src="Glide.js-master/Glide.js-master/dist/glide.js"></script>