<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<header>
<h1>Animate on scroll with wow.js</h1>
</header>
<div class="wow fadeInUp" data-wow-duration="2s">
<h4>Credits: <a href="http://lorempixel.com/" target="_blank">Images</a> |
<a href="http://fontawesome.io/icons/" target="_blank">Icons</a> |
<a href="http://mynameismatthieu.com/WOW/" target="_blank">WOW JS</a> | <a href="http://daneden.github.io/animate.css/" target="_blank">Animate CSS</a></h4>
</div>
<div id="main">
<div class="col_third">
<i class="fa fa-heart fa-5x icn_red wow pulse" data-wow-iteration="infinite" data-wow-duration="500ms"></i>
</div>
<div class="col_third">
<i class="fa fa-heart fa-5x icn_blue wow shake" data-wow-iteration="infinite" data-wow-duration="1500ms"></i>
</div>
<div class="col_third end">
<i class="fa fa-heart fa-5x icn_green wow bounce" data-wow-iteration="infinite" data-wow-duration="800ms"></i>
</div>
<div class="clear"></div>
<div class="col_third">