<head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>:: Navin Designs :: Creating Your Home On The Web</title> <link rel="stylesheet" type="text/css" href="main.css" />
<LINK href="css/style.css" rel="stylesheet" type="text/css"> <SCRIPT language="javascript" type="text/javascript" src="js/ jquery-1.3.2.min.js"></SCRIPT> <SCRIPT language="javascript" type="text/javascript" src="js/ jquery.easing.1.3.js"></SCRIPT> <SCRIPT type="text/javascript" language="javascript"> $(document).ready(function(){ var hover_in_easing="easeOutExpo"; var hover_out_easing="easeOutBounce"; $(".info_container").show(); $("div.portfolio_div").hover(function(){ $(this).find(".info_container").animate({top:"0px"},{duration: 400, easing: hover_in_easing}); },function(){ $(this).find(".info_container").animate({top:"100px"},{duration: 500, easing: hover_out_easing}); }); }); </SCRIPT> <link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen"> <script type="text/javascript" src="jquery.easing.min.js"></ script> <script type="text/javascript" src="jquery.lavalamp.min.js"></ script> <script type="text/javascript"> $(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 700, click: function(event, menuItem) { return false; } }); }); </script> <style type="text/css"> <!-- body { background-image: url(images/bg-gradient.gif); } --> </style> </head>