#### Adding Animation ####

* Instructions here:
http://mynameismatthieu.com/WOW/index.html
http://daneden.github.io/animate.css/

	<h1 class="animated infinite bounce">Example</h1>

* Make element only appear when scrolled in view:
	<div class="wow">
        Content to Reveal Here
    </div>

* Pick an animation style in Animate.css , then add the CSS class to the HTML element

	  <div class="wow bounceInUp">
	  Content to Reveal Here
	  </div>	

## Advanced Options ##

data-wow-duration: Change the animation duration
data-wow-delay: Delay before the animation starts
data-wow-offset: Distance to start the animation (related to the browser bottom)
data-wow-iteration: Number of times the animation is repeated


	<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
	</section>

	<section class="wow slideInRight" data-wow-offset="10"  data-wow-iteration="10">
	</section>	  

Add this to html block or at the bottom of the page:


<link href="http://ecampus.nmit.ac.nz/moodle/pluginfile.php/348564/mod_folder/content/0/Course%20Specific%20Files/JS%20and%20CSS%20%282016%29%20-%20Alan%20PT/Animation/animate.min.css" rel="stylesheet" /

<script src="http://ecampus.nmit.ac.nz/moodle/pluginfile.php/348564/mod_folder/content/0/Course%20Specific%20Files/JS%20and%20CSS%20%282016%29%20-%20Alan%20PT/Animation/wow.min.js" type="text/javascript"></script>


<script>
new WOW().init();
</script>