I need some help getting this running the way I want to, I'm very new to JavaScript and webdev in general. I want to get an image to display next to my javascript application that was written with Turn.js.
Here is my HTML code which I believe is right:
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<img class="img-responsive" src="http://www.bandanaworld.com/20108.JPG" alt="img"></img>
</div>
<div class="col-md-4">
<div class="t">
<div class="tc rel">
<div class="book" id="book">
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/01.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/02.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/03.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/04.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/05.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/06.jpg" alt="" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
I've set up a JFiddle with an example here: https://jsfiddle.net/gpheob5r/