<!doctype HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="waterFall.css" />
<title>Water fall</title>
<meta charset="utf-8">
</head>
<body>
<div id="s_waterFall">
<div class="waterDiv">
<a href="#">
<img src="images/1.png" />
</a>
<span>hello</span>
</div>
<div class="waterDiv">
<a href="#">
<img src="images/2.png" />
<span>hello</span>
</a>
</div>
<div class="waterDiv">
<a href="#">
<img src="images/3.png" />
</a>
<span>hello</span>
</div>
<div class="waterDiv">
<img src="images/4.png" />
</div>
<div class="waterDiv">
<img src="images/5.png" />
</div>
<div class="waterDiv">
<img src="images/1.png" />
</div>
<div class="waterDiv">
<img src="images/2.png" />
</div>
<div class="waterDiv">
<img src="images/3.png" />
</div>
<div class="waterDiv">
<img src="images/4.png" />
</div>
<div class="waterDiv">
<img src="images/5.png" />
</div>
<div class="waterDiv">
<img src="images/1.png" />
</div>
<div class="waterDiv">
<img src="images/2.png" />
</div>
<div class="waterDiv">
<img src="images/3.png" />
</div>
<div class="waterDiv">
<img src="images/4.png" />
</div>
<div class="waterDiv">
<img src="images/5.png" />
</div>
<div class="waterDiv">
<img src="images/1.png" />
</div>
<div class="waterDiv">
<img src="images/2.png" />
</div>
<div class="waterDiv">
<img src="images/3.png" />
</div>
<div class="waterDiv">
<img src="images/4.png" />
</div>
<div class="waterDiv">
<img src="images/5.png" />
</div>
</div>
<p id="output"></p>
</body>
<footer>
<script src="jquery-1.11.2.js"></script>
<script src="water_fall_plugin.js"></script>
<script src="app.js"></script>
</footer>
</html>
