<html> <head> <title>Creative Learning!</title> <table><tr><td><img src="images/atrlogo.gif"></td><td><h1>Creative Learning</font></h1> </td></tr></table> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://static.flowplayer.org/js/flowplayer-3.2.6.min.js"></script> <script src="http://static.flowplayer.org/js/flowplayer.playlist-3.0.8.js"></script> <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/css/playlist.css"/> <style> /* container has a background image */ a.player { display:block; width:500px; height:340px; text-align:center; color:#fff; text-decoration:none; cursor:pointer; background:#000 url(/img/global/gradient/h500.png) repeat-x 0 0; background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9)); -moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5); } a.player:hover { background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898)); } /* splash image */ a.player img { margin-top:125px; border:0; } a.player { margin-top:0px; } </style> <script> $(function() { // setup player without "internal" playlists $f("player2", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", { clip: {baseUrl: ''} // use playlist plugin. again loop is true }).playlist("div.petrol", {loop:true}); }); </script> </head> <body> <!-- configure entries inside playlist using standard HTML --> <div class="clips petrol" style="float:left"> <!-- single playlist entry --> <a href="movies/thermometer.flv" class="first"> <font face="Arial, Helvetica, sans-serif" size="2">Creative Learning - Thermometer</font> </a> </div> <!-- player container and a splash image (play button) --> <a class="player plain" id="player2" style="float:left"> <img src="http://static.flowplayer.org/img/player/btn/play_text_large.png" /> </a> <!-- let rest of the page float normally --> <br clear="all"/> <table> <tr> <td valign="top" class="style7" >&nbsp;</td> </tr> </table> <!--table width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="top" class="style7" > <img src="images/thermometerText.jpg" /> </td> </tr> <tr> <td valign="top" class="style7" >&nbsp;</td> </tr> </table--> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="top" class="style7" > <p>By a few dedicated science activists, teachers, educationists and others, voluntarily put their service to promote and popularize science education through sharing methods, exposure to innovative learning and emphasizing and promoting low cost and no cost materials in science experiments primarily at the level of elementary education. </td> </tr> <tr> <td valign="top" class="style7" >&nbsp;</td> </tr> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="top" class="style7" ><u><br> &copy; 2005-2012 ATR, Inc., Atlanta</u></td> </tr> <tr> <td valign="top" class="style7" >&nbsp;</td> </tr> </table> </body> </html>