<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>D-link</title>
<link href="<?php echo Yii::app()->baseUrl ?>/css/front/2/layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<?php echo Yii::app()->baseUrl ?>/assets2/css/styles.css" />
<link rel="stylesheet" href="<?php echo Yii::app()->baseUrl ?>/assets2/jquery.bubbleSlideshow/jquery.bubbleSlideshow.css" />
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->baseUrl ?>/css/front/2/demo.css" />
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->baseUrl ?>/css/front/2/style.css" />
<?php Yii::app()->clientScript->registerCoreScript('jquery'); ?>
<script type="text/javascript" language="JavaScript" src="<?php echo Yii::app()->baseUrl ?>/js/front/2/flipmenu.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->baseUrl ?>/js/front/2/jmpress.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->baseUrl ?>/js/front/2/jquery.jmslideshow.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->baseUrl ?>/js/front/2/modernizr.custom.48780.js"></script>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<meta charset="utf-8" />
<title>Bubble Slideshow Effect with jQuery | Tutorialzine Demo</title>
<noscript>
<style>
.step {
	width: 100%;
	position: relative;
}
 .step:not(.active) {
 opacity: 1;
 filter: alpha(opacity=99);
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
}
 .step:not(.active) a.jms-link {
 opacity: 1;
 margin-top: 40px;
}
</style>
</noscript>
</head>
<body onload="MM_preloadImages('<?php echo Yii::app()->baseUrl ?>/images/front/2/homeuserhover_01.jpg','<?php echo Yii::app()->baseUrl ?>/images/front/2/button_07.jpg','<?php echo Yii::app()->baseUrl ?>/images/front/2/servicehover.jpg')">
<div id="maincontainer">
  <div id="header">
    <div id="press"> <a href="#">Press</a>&nbsp;  | &nbsp;<a href="#">Learning Center</a>
      </ul>
    </div>
    <a href="#">
    <div id="support_button"> </div>
    </a> <a href="http://bluesky.ae/staging/dlink/partner/home.html">
    <div id="partner_button"> </div>
    </a>
    <div id="header_shadow"></div>
    <div id="header_bottom">
      <div id="logo1"><a href="index.html"><img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/logo_05.jpg" width="166" height="63" /></a></div>
      <div id="products_submenu">
        <ul class="flipMenu" type="none">
          <li ">&nbsp;All Products<img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/productsicon_11.jpg" width="9" height="6" style="margin-left:5px;" />
            <ul style="list-style:none">
              <li style="margin-left:-100px">
                <div id="product_listbox">
                  <div id="product_list">
                    <h1 style="font-size:15px; color:#069; margin-top:0px; margin-bottom:5px;"> Home User</h1>
                    <a href="#">Access Points, Range Extenders & Bridges</a> <br />
                    <a href="#">Accessories</a><br />
                    <a href="#">Network Adapters</a> <br />
                    <a href="#">Cloud Access Points</a> <br />
                    <a href="#">KVM Switches</a> <br />
                    <a href="#">Media Players</a> <br />
                    <a href="#"></a> <br />
                    <a href="#"></a> <br />
                  </div>
                  <div id="product_list"><br />
                    <a href="#">MoCA</a> <br />
                    <a href="#">Modems and Gateways</a> <br />
                    <a href="#">Network Cameras</a> <br />
                    <a href="#">PowerLine</a> <br />
                    <a href="#">Print Servers</a> <br />
                    <a href="#">Switches</a> <br />
                    <a href="#">USB Hubs</a> <br />
                    <a href="#">Wireless Mobile Broadband</a> </div>
                  <div id="product_list">
                    <h1 style="font-size:15px; color:#069; margin-top:0px; margin-bottom:5px;">Business User</h1>
                    <a href="#">Access Points</a> <br />
                    <a href="#">Business IP Cameras</a> <br />
                    <a href="#">Chassis Switches</a> <br />
                    <a href="#">Managed Switches</a> <br />
                    <a href="#">Network and Switch Accessories</a> <br />
                    <a href="#">Network Video Recorders</a><br />
                    <a href="#">Smart Switches</a> <br />
                  </div>
                  <div id="product_list"><br />
                    <a href="#">iSCSI SAN</a><br />
                    <a href="#">Services Routers</a> <br />
                    <a href="#">Unified Network Storage</a> <br />
                    <a href="#">Unmanaged Switches</a> <br />
                    <a href="#">Video Storage</a> </div>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
      <div id="search_box">
        <div id="search_field">
          <form action="" method="get">
            <input name="" type="text" size="33" />
          </form>
        </div>
        <div id="search_icon"><img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/searchicon_08.jpg" width="61" height="26" /></div>
      </div>
    </div>
    <div id="slider">
      <div class="container"> 
        <!-- Codrops top bar --><!--/ Codrops top bar -->
        <section id="jms-slideshow" class="jms-slideshow">
          <div class="step" data-color="color-2">
            <div class="jms-content">
              <h3>Building Networks for People</h3>
              <p>Integrated IP Surveillance. <br />
                The intelligent security solution</p>
              <a class="jms-link" href="#">Read more</a> </div>
            <img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/1.png" /> </div>
          <div class="step" data-color="color-3" data-y="900" data-rotate-x="80">
            <div class="jms-content">
              <h3>Building Networks for People</h3>
              <p>Integrated IP Surveillance. <br />
                The intelligent security solution</p>
              <a class="jms-link" href="#">Read more</a> </div>
            <img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/2.png" /> </div>
          <div class="step" data-color="color-4" data-x="-100" data-z="1500" data-rotate="170">
            <div class="jms-content">
              <h3>Building Networks for People</h3>
              <p>Integrated IP Surveillance. <br />
                The intelligent security solution</p>
              <a class="jms-link" href="#">Read more</a> </div>
            <img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/3.png" /> </div>
          <div class="step" data-color="color-5" data-x="3000">
            <div class="jms-content">
              <h3>Building Networks for People</h3>
              <p>Integrated IP Surveillance. <br />
                The intelligent security solution</p>
              <a class="jms-link" href="#">Read more</a> </div>
            <img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/4.png" /> </div>
          <div class="step" data-color="color-1" data-x="4500" data-z="1000" data-rotate-y="45">
            <div class="jms-content">
              <h3>Did you know that...</h3>
              <p>Thou that art now the world's fresh ornament and only herald to the gaudy spring</p>
              <a class="jms-link" href="#">Read more</a> </div>
            <img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/5.png" /> </div>
        </section>
      </div>
      <script type="text/javascript">
			$(function() {
				
				var jmpressOpts	= {
					animation		: { transitionDuration : '0.8s' }
				};
				
				$( '#jms-slideshow' ).jmslideshow( $.extend( true, { jmpressOpts : jmpressOpts }, {
					autoplay	: true,
					bgColorSpeed: '0.8s',
					arrows		: false
				}));
				
			});
		</script> 
    </div>
    <div id="content">
      <div id="sider_shadow"> </div>
      <div id="content_box">
        <div id="content_menubox">
          <div id="footer_link"><a href="final_home-solution.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','<?php echo Yii::app()->baseUrl ?>/images/front/2/homeuserhover_01.jpg',1)"><img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/homeuserbutton_01.jpg" alt="home user" name="Image9" width="297" height="131" border="0" id="Image9" /></a></div>
          <div id="footer_link"><a href="final_home-solution.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','<?php echo Yii::app()->baseUrl ?>/images/front/2/businessuserhover.jpg',1)"><img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/businessuserbutton.jpg" alt="business user" name="Image10" width="297" height="131" border="0" id="Image10" /></a></div>
          <div id="footer_link"><a href="final_home-solution.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','<?php echo Yii::app()->baseUrl ?>/images/front/2/servicehover.jpg',1)"><img src="<?php echo Yii::app()->baseUrl ?>/images/front/2/serviceprovider.jpg" alt="service provider" name="Image11" width="297" height="131" border="0" id="Image11" /></a></div>
        </div>
      </div>
    </div>
    <div id="footer">
      <div id="footer_content">
        <div id="footer_menubox"> <a href="#">Contact Us</a>&nbsp;&nbsp;   |   &nbsp;&nbsp;<a href="#">Privacy</a> |  &nbsp;&nbsp; <a href="#">Terms of use</a> |   &nbsp;&nbsp;<a href="#">Sitemap</a></div>
        <div id="copyright"> Copyright © 2012    N-Core Corporation/N-Core Systems, Inc. </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>