ÿþ<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Cisco</title> <link rel="stylesheet" href="css/fonts.css" type="text/css" media="screen" charset="utf-8"> <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" charset="utf-8"> <link rel="stylesheet" href="css/touchscroll.css" type="text/css" media="screen" charset="utf-8"> <meta name="viewport" content="width=1024, height=1024, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"> <script type="text/javascript" src="js/tween.js" charset="utf-8"></script> <script type="text/javascript" src="js/zepto.js" charset="utf-8"></script> <script type="text/javascript" src="js/touch.js" charset="utf-8"></script> <script type="text/javascript" src="js/cisco.js" charset="utf-8"></script> </head> <body id="draggable"> <div id="wrapper"> <div id="container"> <div id="sky"> <div id="sun"> <img src="img/sun.png" alt="" /> </div> <div id="clouds"> <div id="cloudsInner"> <img src="img/clouds.png" alt="" /> </div> </div> </div> <div id="building1" class="building"> <img src="img/bgBuildingLeft.png" alt="" /> </div> <div id="building2" class="building"> <img src="img/bgBuidlingRight.png" alt="" /> </div> <div id="sphereMask"> <img src="img/zIndexSphere.png" alt="" /> </div> <div id="world"> <div class="world" id="world1"> <div class="scene" id="bgCity"> <img src="img/bgCity.png" alt="" /> </div> <div class="scene" id="backgroundHerd"> <img src="img/backgroundHerd.png" alt="" /> </div> <div class="scene" id="trainStraight"> <img src="img/trainStraight.png" alt="" /> </div> <div class="scene" id="fenceLeft"> <img src="img/fenceLeft2.png" alt="" /> </div> <div class="scene" id="wildWest"> <img src="img/trainRed.png" alt="" /> </div> </div> <div class="world" id="world2"> <div class="scene" id="bgCity2"> <img src="img/bgCity.png" alt="" /> </div> <div class="scene" id="trainStraight2"> <img src="img/trainStraight.png" alt="" /> </div> <div class="scene" id="bgBuildings2"> <img src="img/bgBuildings3.png" alt="" /> </div> <div class="scene" id="backgroundHerd2"> <img src="img/backgroundHerd.png" alt="" /> </div> <div class="scene" id="cowHighres"> <img src="img/cowHighres.png" alt="" /> </div> </div> <div class="world" id="world3"> <div class="scene" id="trainStraight4"> <img src="img/trainStraight.png" alt="" /> </div> <div class="scene" id="bgCity3"> <img src="img/bgCity.png" alt="" /> </div> <div class=""> <div id="dataCloud"> <img src="img/cloudHighres.png" alt="" /> </div> </div> </div> <div class="world" id="world4"> <div class="scene" id="backgroundHerd3"> <img src="img/backgroundHerd.png" alt="" /> </div> <div class="scene" id="fenceLeft2"> <img src="img/fenceLeft2.png" alt="" /> </div> <div class=""> <div class="scene" id="trainStraight3"> <img src="img/trainStraight.png" alt="" /> </div> </div> <div class="scene" id="securityCity"> <img src="img/cityHighres.png" alt="" /> </div> </div> </div> </div> </div> <div id="logo"> <img src="img/logo.png" alt="" /> </div> <div id="bottomRight"> <a href="http://www.cisco.com" target="_blank"><img src="img/bottomRight2.png" alt="" /></a> </div> <div id="copy"> <div id="headline"> <img src="img/trendingNow.png" /> <div id="trendingContainer"> <ul> <li><img src="img/securityTitle.png" alt="" /></li> <li><img src="img/cloudsTitle.png" alt="" /></li> <li><img src="img/proliferationTitle.png" alt="" /></li> <li><img src="img/networkTitle.png" alt="" /></li> </ul> </div> </div> </div> <div id="slider"> <div id="sliderLabel"> <img id="slider1" src="img/sliderLabel1.png" alt="" /> <img id="slider2" src="img/sliderLabel2b.png" alt="" /> <img id="slider3" src="img/sliderLabel3.png" alt="" /> <img id="slider4" src="img/sliderLabel4.png" alt="" /> </div> <div id="sliderBg"> <img src="img/sliderBg.png" alt="" /> </div> <div id="sliderButton" class="puslate"> <img src="img/sliderBtn.png" alt="" /> </div> <div id="sliderInstruction"> <img src="img/sliderInstuctions.png" alt="" /> </div> </div> <img id="closeBtnVideo" src="img/closeBtn2.png" alt="" /> <div id="fullVideo"> <div id="cloudFullscreen" class="popContent"> <video id="cloudVideo" controls width="1024" height="684" > <source src="video/Trending_Now_Clouds_30_Pro_Res_720p - Computer.m4v" type="video/mp4" /> </video> </div> </div> <img id="closeBtn" src="img/closeBtn2.png" alt="" /> <div id="popover"> <div class="scrollable" id="popoverInner"> <div id="network" class="popContent"> <h1>Bring everyone together.</h1> <p>What lets your people, partners and suppliers work together effortlessly, intelligently, securely, in a whole new way? It s the network.</p> <video id="networkVideo" controls width="651" height="366" > <source src="video/NETWORK_30_IPAD.mp4" type="video/mp4" /> </video> <h2>Collaborate your way.</h2> <p>Learn how to help your people work anytime, anywhere, on any device with a network designed to ensure interoperability and instant access to any type of content.</p> <p><a href="http://www.cisco.com/en/US/netsol/ns1007/index.html" target="_blank"><img src="img/learnMoreBtn.png" alt="" /></a></p> </div> <div id="devices" class="popContent"> <h1>Tame a roaming herd of devices.</h1> <p>The iPad you re holding is just one of the many devices companies need to manage today. Along with smartphones, laptops and desktops. A secure and intelligent network can help you do that. </p> <video id="devicesVideo" controls width="651" height="366" > <source src="video/QCIS0131H_Trending_Now_Device_Proliferation_30_Pro_Res_720p - Computer.m4v" type="video/mp4" /> </video> <h2>Optimize your network to support Wi-Fi enabled everything.</h2> <p>Consumer and business-ready tablets and smartphones are entering companies in droves. Learn how to manage it all with your wireless network.</p> <p><a href="http://www.cisco.com/en/US/solutions/collateral/ns340/ns394/ns348/ns767/white_paper_c11-634584_ns828_Networking_Solutions_White_Paper.html" target="_blank"><img src="img/getButton.png" alt="" /></a></p> </div> <div id="cloud" class="popContent"> <h1>It s how you cloud that counts.</h1> <p>Everyone is talking about moving to cloud computing. But how exactly do you do it easily, securely, fearlessly? With the network, of course.</p> <video id="cloudVideoPopover" controls width="651" height="366" > <source src="video/Trending_Now_Clouds_30_Pro_Res_720p - Computer.m4v" type="video/mp4" /> </video> <h2>The dollars and sense of cloud.</h2> <p>The most compelling argument for making the switch to cloud? Economics. Learn why moving out of the data center model also makes sense for your bottom line. </p> <p><a href="http://www.cisco.com/en/US/solutions/ns340/ns517/ns224/ns836/ns976/eot_cloud_shift.html" target="_blank"><img src="img/getButton.png" alt="" /></a></p> </div> <div id="security" class="popContent"> <h1>Outsmart the threats.</h1> <p>Your iPad. Gateway to the cloud? Or entryway to botnets, viruses and hackers? There s one place where security extends everywhere, to everyone, on every device. It s the network.</p> <video id="securityVideo" controls width="651" height="366" > <source src="video/QCIS0121H_Trending Now_Security_30-1 - Computer.m4v" type="video/mp4" /> </video> <h2>Secure your mobile workforce.</h2> <p>Unleash the power of today s most advanced devices without losing control of your network and the security of your enterprise. Learn why freedom does not have to mean vulnerability.</p> <p><a href="http://www.cisco.com/en/US/prod/collateral/vpndevc/ps5743/ps5699/ps10884/white_paper_c11-641140.html" target="_blank"><img src="img/getButton.png" alt="" /></a></p> </div> </div> </div> <div id="bottom"> </div> </body> </html>