The Easiest Way to Save and Share Code Snippets on the web

Untitled

apache

posted: Jan, 27th 2012 | jump to bottom

  1.  
  2. <html>
  3.  
  4. 	<head>
  5.  
  6. 		<title>IRIS HOMEPAGE</title>
  7.  
  8. 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  9.  
  10. 		<link type="text/css" rel="stylesheet" href="css/index.css" media="all"></link>
  11.  
  12. 		<link type="text/css" rel="stylesheet" href="css/styles.css" media="all"></link>
  13.  
  14. <link type="text/css" rel="stylesheet" href="css/home-nav-bar.css" media="all"></link>
  15.  
  16. <!--[if IE]>
  17.  
  18. <link type="text/css" rel="stylesheet" href="css/ie.css" media="all"></link>
  19.  
  20. <![endif]-->		<script src="js/swap.js" type="text/javascript"></script>
  21.  
  22. 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  23.  
  24. 		<style type="text/css">
  25.  
  26. 		html {
  27.  
  28. 			overflow-y: scroll;
  29.  
  30. 		}
  31.  
  32. 		</style>
  33.  
  34. 		<script>
  35.  
  36. 			$(document).ready(function(){
  37.  
  38. 				var videoEl = $("#rjn_video .viewport");
  39.  
  40.  
  41.  
  42. 				videoEl.find(".video-toggle").click(function() {
  43.  
  44. 					if(videoEl.hasClass("collapsed")) {
  45.  
  46. 						videoEl.find(".background.color").fadeIn(500).delay(500);
  47.  
  48. 						videoEl.animate({height:"485px"}, 500);
  49.  
  50. 						videoEl.removeClass("collapsed").addClass("expanded").delay(500);
  51.  
  52. 						$("iframe").contents().find("video")[0].play();
  53.  
  54. 					} else {
  55.  
  56. 						videoEl.animate({height:"150px"}, 500).delay(500);
  57.  
  58. 						videoEl.find(".background.color").fadeOut(500);
  59.  
  60. 						videoEl.addClass("collapsed").removeClass("expanded");
  61.  
  62. 						$("iframe").contents().find("video")[0].pause();
  63.  
  64. 					}
  65.  
  66.  
  67.  
  68. 					return false;
  69.  
  70. 				});
  71.  
  72. 		});
  73.  
  74. 		</script>
  75.  
  76. 	</head>
  77.  
  78. 	<body onLoad="MM_preloadImages('images/chloe_chaussures-h.gif','images/john_galliano-h.gif','images/marc_jacobs-h.gif','images/paul_smith-h.gif','images/veronique_branquinho-h.gif','images/viktor_and_rolf-h.gif','images/designers_mhb.gif','images/press_mhb.gif','images/gallery_mhb.gif','images/about_mhb.gif','images/rochas-h.gif','images/michael_kors-h.gif','images/jil_sander-h.gif')">
  79.  
  80.  
  81.  
  82. 		<div id="rjn_video" style="width:1000px; margin:25px auto 0;">
  83.  
  84. 			<div class="viewport collapsed" style="position:relative; width:1000px; height:150px; overflow:hidden; z-index:1;">
  85.  
  86. 				<div class="background color" style="position:absolute; bottom:0; width:1000px; height: 485px; background:url('video/video-viewport-bg-color.jpg') no-repeat bottom center; z-index:200; display:none;">
  87.  
  88. 					<div style="position:absolute; top:20px; left:20px; width:631px; height:358px;">
  89.  
  90. 						<iframe src="/video/video.html" width="631" height="358" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
  91.  
  92. 					</div>
  93.  
  94. 					<a href="/video/video.html" class="video-toggle" style="position:absolute; bottom:0; right:0; width:188px; height:38px;" onclick="return false;"></a>
  95.  
  96. 				</div>
  97.  
  98. 				<div class="background bw" style="position:absolute; bottom:0; width:1000px; height: 485px; background:url('video/video-viewport-bg-bw.jpg') no-repeat bottom center; z-index:100;">
  99.  
  100. 					<a href="/video/video.html" class="video-toggle" style="position:absolute; bottom:0; right:0; width:1000px; height:150px;" onclick="return false;"><span style="display:none;">We don't just sell them... we make them. [PLAY VIDEO &raquo;]</span></a>
  101.  
  102. 				</div>
  103.  
  104. 			</div>		
  105.  
  106. 		</div>
  107.  
  108.  
  109.  
  110. 		<div id="wrapper">
  111.  
  112. 		<div id="banner"> </div>
  113.  
  114. 	<div id="gradline1">
  115.  
  116. 		<img src="images/gradline1.gif" width="1000" height="1" alt="">	</div>
  117.  
  118. 	<div id="logo">
  119.  
  120. 		<a href="index.php"><img src="images/logo.gif" width="119" height="31" alt="" border="0"></a>	</div>
  121.  
  122. 	<div id="home_nav">
  123.  
  124.  
  125.  
  126. 	<div id="designers-mh">
  127.  
  128. 	  <a href="index.php" ><img src="images/designers_mhb.gif" alt="Designers" name="designer-mh" width="70" height="10" border="0"></a>
  129.  
  130. 	</div>
  131.  
  132.   <div id="hnav-space-04"></div>
  133.  
  134.  
  135.  
  136. 	<div id="press-mh">
  137.  
  138. 		<a href="press.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('press-mh','','images/press_mhb.gif',1)"><img src="images/press_mh.gif" alt="Press" name="press-mh" width="42" height="10" border="0"></a>	</div>
  139.  
  140.   <div id="hnav-space-06"></div>
  141.  
  142.  
  143.  
  144. 	<div id="gallery-mh">
  145.  
  146. 		<a href="gallery.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gallery-mh','','images/gallery_mhb.gif',1)"><img src="images/gallery_mh.gif" alt="Gallery" name="gallery-mh" width="58" height="10" border="0"></a>	</div>
  147.  
  148.   <div id="hnav-space-08"></div>
  149.  
  150.  
  151.  
  152. 	<div id="about-mh">
  153.  
  154. 		<a href="about.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('about-mh','','images/about_mhb.gif',1)"><img src="images/about_mh.gif" alt="About" name="about-mh" width="43" height="10" border="0"></a>	</div>
  155.  
  156. </div><div id="gradline2">
  157.  
  158. 		<img src="images/gradline2.gif" width="1000" height="1" alt="">	
  159.  
  160. </div>		<div id="base">
  161.  
  162. 				<img src="images/base.gif" width="552" height="493" alt="">	</div>
  163.  
  164. 			<div id="cloe_logo">
  165.  
  166. 				<a href="shoes.php?designers_id=5" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','images/chloe_chaussures-h.gif',1)"><img src="images/chloe_chaussures.gif" name="Image13" width="116" height="53" border="0"></a> </div>
  167.  
  168.  
  169.  
  170. 			<div id="see_by_chloe_logo">
  171.  
  172. 				<a href="shoes.php?designers_id=14" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image122','','images/see_by_chloe_on.gif',1)"><img src="images/see_by_chloe_off.gif" name="Image122" width="233" height="25" border="0"></a> </div>
  173.  
  174.  
  175.  
  176. 			<!--div id="galliano_logo">
  177.  
  178. 				<a href="shoes.php?designers_id=6" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','images/john_galliano-h.gif',1)"><img src="images/john_galliano.gif" name="Image14" width="160" height="65" border="0"></a> </div-->
  179.  
  180.  
  181.  
  182. 		  <div id="sander_navy_logo">
  183.  
  184. 				<a href="shoes.php?designers_id=15" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','images/jil_sander_navy_on.gif',1)"><img src="images/jil_sander_navy_off.gif" name="Image14" width="180" height="52" border="0"></a> </div>
  185.  
  186.  
  187.  
  188. 			<div id="jacobs_logo">
  189.  
  190. 				<a href="shoes.php?designers_id=7" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','images/marc_jacobs-h.gif',1)"><img src="images/marc_jacobs.gif" name="Image15" width="224" height="22" border="0"></a> </div>
  191.  
  192.  
  193.  
  194. 			<div id="smith_logo">
  195.  
  196. 				<a href="shoes.php?designers_id=" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','images/paul_smith-h.gif',1)"><img src="images/paul_smith.gif" name="Image16" width="159" height="30" border="0"></a> </div>
  197.  
  198.  
  199.  
  200. 			<div id="veronique_logo">
  201.  
  202. 				<a href="shoes.php?designers_id=9" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','images/veronique_branquinho_new_on.gif',1)"><img src="images/veronique_branquinho_new_off.gif" name="Image17" width="235" height="24" border="0"></a> </div>
  203.  
  204.  
  205.  
  206. 		  <div id="michael_kors_logo">
  207.  
  208. 				<a href="shoes.php?designers_id=12" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','images/michael_kors-h.gif',1)"><img src="images/michael_kors.gif" name="Image20" width="203" height="22" border="0"></a> </div>
  209.  
  210.  
  211.  
  212. 		  <div id="rochas_logo">
  213.  
  214. 				<a href="shoes.php?designers_id=11" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','images/rochas_new_on.gif',1)"><img src="images/rochas_new_off.gif" name="Image19" width="172" height="19" border="0"></a> </div>
  215.  
  216.  
  217.  
  218. 			<div id="sander_logo">
  219.  
  220. 				<a href="shoes.php?designers_id=13" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image171','','images/jil_sander-h.gif',1)"><img src="images/jil_sander.gif" name="Image171" width="180" height="27" border="0"></a> </div>
  221.  
  222.  
  223.  
  224. 			<div id="ricci_logo">
  225.  
  226. 				<a href="shoes.php?designers_id=" onMouseOut="MM_swapImgRestore()"> <!--onMouseOver="MM_swapImage('Image171','','images/jil_sander-h.gif',1)">-->
  227.  
  228. 				<img src="images/logo-nina-ricci1.png" name="Image175"  border="0"></a> </div>
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235.  
  236. 			<div id="about_description">
  237.  
  238. 			<!--
  239.  
  240. 				<img src="images/about.gif" width="213" height="171" alt="">
  241.  
  242. 			-->
  243.  
  244. 			<p><b>WE LOVE SHOES</b>. <br />
  245.  
  246. 				IRIS is a beacon for any woman who<br />
  247.  
  248. 				demands the new, the directional, the<br />
  249.  
  250. 				impossible-to-find. Our boutique in<br />
  251.  
  252. 				Manhattan’s Meatpacking District stocks<br />
  253.  
  254. 				exclusive styles by  Chloé <br />
  255.  
  256. 				Chausseures, See by Cholé, <br />
  257.  
  258. 				Jil Sander Navy, Marc Jacobs,<br />
  259.  
  260. 				Nina Ricci, Veronique Branquihno,<br />
  261.  
  262. 				Michael Kors, ROCHAS, and Jil Sander, <br />
  263.  
  264. 				straight from the runway.<br />
  265.  
  266. 				Every shoe, every season</p>
  267.  
  268. 			</div>
  269.  
  270. 			<div id="viktor_logo">
  271.  
  272. 				<a href="shoes.php?designers_id=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','images/viktor_and_rolf-h.gif',1)"><img src="images/viktor_and_rolf.gif" name="Image18" width="201" height="28" border="0"></a> </div>
  273.  
  274. 			<div id="copyright">
  275.  
  276. 			   <p>&copy; 2011  IRIS NYC, Inc. All Right Reserved</p>
  277.  
  278. 			</div>
  279.  
  280. 		</div>
  281.  
  282. 		<script type="text/javascript">
  283.  
  284. 		  var _gaq = _gaq || [];
  285.  
  286. 		  _gaq.push(['_setAccount', 'UA-7326973-1']);
  287.  
  288. 		  _gaq.push(['_trackPageview']);
  289.  
  290.  
  291.  
  292. 		  (function() {
  293.  
  294. 			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  295.  
  296. 			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  297.  
  298. 			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  299.  
  300. 		  })();
  301.  
  302. 		</script>
  303.  
  304. 	</body>
  305.  
  306. </html>
jump to top
35 views
plaintext | download | copy to clipboard | embed