API tools faq
paste
Advertisement
jackofspadesman

Codename Steam SC

jackofspadesman
Apr 1st, 2015
287
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]>      <html class="no-js ie6 ie home"> <![endif]-->
  3. <!--[if IE 7]>         <html class="no-js ie7 ie home"> <![endif]-->
  4. <!--[if IE 8]>         <html class="no-js ie8 ie home"> <![endif]-->
  5. <!--[if IE 9]>         <html class="no-js ie9 ie home"> <![endif]-->
  6. <!--[if gt IE 8]><!--> <html class="no-js home"> <!--<![endif]-->
  7.  
  8. <head>
  9.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.   <meta charset="utf-8">
  11.     <title>
  12.                                     Official Site - Code Name: S.T.E.A.M. for Nintendo 3DS - Home                       </title>
  13.     <meta name="description" content="Get all the official details on Code Name: S.T.E.A.M. for Nintendo 3DS. Check out screenshots, learn about game features, and more.">
  14.     <meta name="keywords" content="Nintendo games, Intelligent Systems, strategy games, turn-based strategy games, Abraham Lincoln, historical games, fantasy games, science fiction games">
  15.     <meta name="viewport" content="width=device-width, initial-scale=1">
  16.    
  17.     <meta name="apple-mobile-web-app-capable" content="yes" />
  18.     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  19.     <meta name="format-detection" content="telephone=no">
  20.    
  21.   <meta property="fb:app_id" content="775678255785283">
  22.     <meta property="og:site_name" content="Official Site - Code Name: S.T.E.A.M. for Nintendo 3DS" />
  23.   <meta id="fbogimage" property="og:image" content="http://codenamesteam.nintendo.com/img/og-image.jpg" />
  24.   <meta property="og:title" content="Official Site - Code Name: S.T.E.A.M. for Nintendo 3DS" />
  25.   <meta property="og:description" content="Get the official details on Code Name: S.T.E.A.M. for Nintendo 3DS, straight from Nintendo." />
  26.   <meta id="ogurl" property="og:url" content="http://codenamesteam.nintendo.com/" />
  27.   <meta property="og:type" content="website" />
  28.  
  29.   <meta name="google-site-verification" content="lcC2m3GxLFXRpw4s4cKbn8Q6jDs8zHPXp9CC1xHn70c" />
  30.  
  31.     <link rel="apple-touch-icon" href="/apple-touch-icon-precomposed.png">
  32.   <link rel="stylesheet" href="/css/styles.css">
  33.  
  34.   <script src="/js/vendor/modernizr-2.6.2.min.js"></script>
  35.  
  36.   <script>   
  37.           //Detect 3ds
  38.     (function() {
  39.       "use strict";
  40.       var is3DS = (navigator.platform.indexOf('Nintendo 3DS')>=0 && navigator.platform.indexOf('New Nintendo 3DS') === -1) ? true : false ;
  41.       var isNew3DS = (navigator.platform === "New Nintendo 3DS") ? true : false ;
  42.       // 3DS detection redirect
  43.       if( is3DS ) {
  44.         //not really necessary, as none of the sites have 3ds in their directory names
  45.         //but putting in just in case to prevent looping
  46.         if(window.location.href.indexOf('/threeds') === -1 ) window.location.href = '/threeds';
  47.       }
  48.       if( isNew3DS ) {
  49.         //setTimeout(function(){
  50.           document.documentElement.classList.add('new-threeds');
  51.           document.getElementById('nclude-global-nav').classList.remove('pin');          
  52.         //}, 1000);
  53.       }
  54.     }());
  55.     </script>
  56.    
  57. </head>    
  58. <body>
  59.     <!-- PointRoll Page Tracking -->
  60.             <script language='JavaScript'>
  61.          var prd=new Date(),pru=Date.UTC(prd.getUTCFullYear(),prd.getUTCMonth(),prd.getUTCDay(),prd.getUTCHours(),prd.getUTCMinutes(),prd.getUTCSeconds(),prd.getUTCMilliseconds());
  62.          var pr_eid=pru+Math.random();
  63.          var pr_event='';
  64.          var pr_item='';
  65.          var pr_quantity='';
  66.          var pr_value='';
  67.          var px=new Image(1,1);px.src='http://ev.ads.pointroll.com/event/?ss=8FC55585-DC74-4327-BEF1-A437FA6399DE&av=777&eid='+pr_eid+'&ev='+pr_event+'&item='+pr_item+'&q='+pr_quantity+'&val='+pr_value+'&r='+Math.random();
  68.         </script>
  69.        
  70.         <!-- Nintendo Generated -->
  71.         <div id="nin-global-nav" class="global-nintendo-nav"></div>
  72.         <!-- Nintendo Generated -->
  73.    
  74.     <!-- Mobile Navigation -->
  75. <nav class="mobile-site-navigation--holder hidden">
  76.     <div class="mobile-site-navigation">
  77.         <a class="button mobile-site-navigation--toggle">Menu <i class="fi-list"></i></a>
  78.     </div>
  79.    
  80.     <div class="mobile-site-navigation--contain">      
  81.         <ul class="mobile-site-navigation--main-nav">
  82.             <li>
  83.                 <a class="home steam-logo-nav" href="/" title="Code Name: S.T.E.A.M.">
  84.                     <img class="steam-logo" src="/img/logo__code-name-steam.png" alt="Code Name: S.T.E.A.M.">
  85.                 </a>
  86.             </li>
  87.             <li><a class="age-of-steam " href="/age-of-steam/">Age of Steam</a></li>
  88.             <li><a class="agents  " href="/agents/">Agents</a></li>
  89.             <li><a class="combat-tactics " href="/combat-tactics/">Combat Tactics</a></li>
  90.             <li><a class="arsenal " href="/arsenal/">Arsenal</a></li>
  91.             <li><a class="alien-menace " href="/alien-menace/">Aliens</a></li>
  92.             <li><a class="multiplayer " href="/multiplayer/">Multiplayer</a></li>
  93.             <li><a class="fancybox-modal base buy-now js-evar pointroll--buy-now " data-vars="Code Name: S.T.E.A.M., 14, 12" href="#buynow">Buy Now</a></li>
  94.         </ul>
  95.     </div>
  96.     <a class="mobile-threeds-logo hidden" href="http://www.nintendo.com/3ds" target="_blank" title="Nintendo 3DS">
  97.         <img src="/img/logo__nintendo-3ds.png" width="210" height="90" alt="Nintendo 3DS">
  98.     </a>
  99. </nav>
  100.  
  101. <!-- Main Navigation -->
  102. <nav class="site-navigation">
  103.     <div class="site-navigation--contain">     
  104.         <div class="decor cogs--l"></div>
  105.         <div class="decor tentacle--l"></div>
  106.        
  107.         <ul class="site-navigation--main-nav">
  108.             <li><a class="age-of-steam " href="/age-of-steam/">Age of Steam</a></li>
  109.             <li><a class="agents " href="/agents/">Agents</a></li>
  110.             <li><a class="combat-tactics " href="/combat-tactics/">Combat Tactics</a></li>
  111.            
  112.             <li>
  113.                                 <a href="/" class="steam-logo-nav" title="Code Name: S.T.E.A.M." alt="Code Name: S.T.E.A.M.">
  114.                     <img src="/img/logo__steam-eagle@2x.png" alt="Code Name: S.T.E.A.M. Eagle" width="208" height="98">
  115.                 </a>
  116.                             </li>
  117.            
  118.             <li><a class="arsenal " href="/arsenal/">Arsenal</a></li>
  119.             <li><a class="alien-menace " href="/alien-menace/">Aliens</a></li>
  120.             <li><a class="multiplayer " href="/multiplayer/">Multiplayer</a></li>
  121.             <li><a class="fancybox-modal base button buy-now js-evar pointroll--buy-now " data-vars="Code Name: S.T.E.A.M., 14, 12" href="#buynow">Buy</a></li>
  122.         </ul>
  123.        
  124.         <div class="decor cogs--r"></div>
  125.         <div class="decor tentacle--r"></div>
  126.        
  127.         <a class="threeds-logo" href="http://www.nintendo.com/3ds" target="_blank" title="Nintendo 3DS">
  128.             <img src="/img/logo__nintendo-3ds.png" width="161" height="26" alt="Nintendo 3DS">
  129.         </a>
  130.     </div>
  131. </nav>
  132.  
  133. <div class="display-none">
  134.     <div id="buynow" class="modal">
  135.         <div class="modal--interior">
  136.             <div class="modal--pre-header">
  137.                 <h2 class="header--comic-giza--shadow">Buy Now</h2>
  138.                 <h2 class="header--comic-giza">Buy Now</h2>
  139.             </div>
  140.             <div class="modal--gold-col left">
  141.                 <h2 class="header--giza-black">Downloadable Version</h2>
  142.                 <img class="modal--eshop-img" src="/img/logo__nintendo-eshop-border.png" alt="Nintendo eShop">
  143.                 <p class="p--georgia first">Purchase directly from Nintendo.com to get your code right away.</p>
  144.                 <div class="modal--bottom">
  145.                     <h3 class="header--giza-black small">Select your location to get started:</h3>
  146.                     <a class="button js-evar" data-vars="us:download, 35, 24" href="https://checkout.nintendo.com/#/item/CTRNAY6A?lytic_locale=en-US&ms=code_name_steam" target="_blank">USA</a>
  147.                     <a class="button js-evar" data-vars="ca:download, 35, 24" href="https://checkout.nintendo.com/#/item/CTRNAY6A?lytic_locale=en-CA&ms=code_name_steam" target="_blank">Canada</a>
  148.                     <p class="p--georgia small"><a class="js-evar" data-vars="eshop, 35, 24" href="http://www.nintendo.com/eshop/how-to-shop/#/how-to-3ds" target="_blank" title="Shop & Download from your Nintendo system">or shop &amp; download from your Nintendo system</a>.</p>
  149.                 </div>
  150.             </div>
  151.             <div class="modal--gold-col right">
  152.                 <h2 class="header--giza-black">Retail Version</h2>
  153.                 <img class="modal--package-img" src="/img/package__steam@2x.png" alt="Code Name: S.T.E.A.M. Retail Packaging" width="130" height="auto">
  154.                 <p class="p--georgia">Buy the game at your favorite online store.</p>
  155.                 <div class="modal--bottom">
  156.                     <h3 class="header--giza-black small">Select your location to get started:</h3>
  157.                     <a class="button js-evar" data-vars="us, 35, 24" href="http://www.nintendo.com/consumer/retail/retail_retailers_product.jsp?itemid=JqkGN0p5yPN-mzaWdc2kpJPUIDcSA7NI&title=Code+Name+S.T.E.A.M.&platform=Nintendo+3DS%27%29%3B" target="_blank">USA</a>
  158.                     <a class="button js-evar" data-vars="ca, 35, 24" href="http://www.nintendo.com/consumer/retail/retail_retailers_product_ca.jsp?itemid=JqkGN0p5yPN-mzaWdc2kpJPUIDcSA7NI&title=Code+Name+S.T.E.A.M.&platform=Nintendo+3DS%27%29%3B" target="_blank">Canada</a>
  159.                 </div>
  160.             </div>
  161.         </div>
  162.     </div>
  163. </div>
  164.  
  165. <div class="display-none">
  166.     <div id="demo" class="modal">
  167.         <div class="modal--interior">
  168.             <div class="modal--pre-header">
  169.                 <img src="/img/logo__code-name-steam.png" alt="Code Name: S.T.E.A.M. Logo" width="320" height="auto">
  170.             </div>
  171.             <div class="modal--content">
  172.                 <div class="modal--header">
  173.                     <h2 class="header--comic-giza--shadow">Try It Free</h2>
  174.                     <h2 class="header--comic-giza">Try It Free</h2>
  175.                     <p class="p--georgia-yellow">Experience the star-spangled strategy and gameplay of Code Name: S.T.E.A.M. for yourself!</p>
  176.                 </div>
  177.                 <div class="modal--list">
  178.                     <h2 class="header--comic-giza--shadow small">A boiler full of features:</h2>
  179.                     <h2 class="header--comic-giza small">A boiler full of features:</h2>
  180.                     <ul>
  181.                         <li class="p--georgia-yellow">Battle through four maps across the first two missions in London!</li>
  182.                         <li class="p--georgia-yellow">Take command of a four-agent team: Henry Fleming, John Henry, Lion and Tiger Lily!</li>
  183.                         <li class="p--georgia-yellow">Transfer over medals and sub weapons earned in the demo to the full game!</li>
  184.                     </ul>
  185.                 </div>
  186.                 <div class="modal--shop">
  187.                     <a class="float-left js-evar" data-vars="eshop demo, 35, 24" href="http://www.nintendo.com/popup/howto/eshopdemo/JqkGN0p5yPN-mzaWdc2kpJPUIDcSA7NI" target="_blank">
  188.                         <img src="/img/logo__nintendo-eshop-box@2x.png" alt="Available on Nintendo eShop">
  189.                     </a>
  190.                     <p class="p--georgia-yellow">Visit Nintendo eShop to get started.</p>
  191.                 </div>
  192.             </div>
  193.             <img class="modal--breakout-img" src="/img/char__henry-fleming--action@2x.png" alt="Henry Fleming" width="420" height="auto">
  194.         </div>
  195.     </div>
  196. </div>
  197. <!-- Markup goes here -->
  198.  
  199. <div class="homepage-content-container js-home-stage">
  200.     <div class="homepage--contain">
  201.         <div class="homepage--logo hide">
  202.             <img src="/img/logo__code-name-steam--glow@2x.png" alt="Code Name: S.T.E.A.M." width="580" height="281">
  203.         </div>
  204.        
  205.         <div class="homepage--chars">
  206.             <div class="homepage--char-container">
  207.                 <img class="homepage--char--lockup hide" src="/img/char__hero.png" alt="Henry Fleming, John Henry, The Fox & Tom Sawyer">
  208.             </div>
  209.         </div>
  210.        
  211.         <div class="homepage--trailer hide">
  212.             <a href="#pleDZ1czqVaG1vBUBislaUvcBVWcMIJ-" class="trailer-modal-element full-width video-link pointroll--watch-trailer js-trailer" title="Watch the Trailer">
  213.                 <img class="trailer-shot" src="/img/decor-2x/video__watch-trailer.png" alt="Watch Trailer" width="265" height="179">
  214.                 <h3 class="header--comic-giza--shadow">Watch Trailer</h3>
  215.                 <h3 class="header--comic-giza">Watch Trailer</h3>
  216.             </a>
  217.         </div>
  218.        
  219.         <div class="homepage--availability hide">
  220.             <h2>Available Now</h2>
  221.             <div class="decor comic--chat-bubble"></div>
  222.             <div class="decor abe-lincoln"></div>
  223.         </div>
  224.        
  225.         <div class="homepage--demo--shadow hide">
  226.             <div class="homepage--demo">
  227.                 <div class="decor demo-backer"></div>
  228.                 <h3 class="header--comic-giza--shadow"><span class="large-text arc-text--line-1">Heroes</span> <span class="arc-text--line-2">Under Pressure</span></h3>
  229.                 <h3 class="header--comic-giza"><span class="large-text arc-text--line-1">Heroes</span> <span class="arc-text--line-2">Under Pressure</span></h3>
  230.                
  231.                 <div class="homepage--demo-contain">
  232.                     <p class="p--copperplate">When creatures from beyond our world threaten the human race, President Abraham Lincoln turns to a team of extraordinary individuals to save the earth: the agents of S.T.E.A.M.</p>
  233.                     <a class="fancybox-modal demo button js-evar pointroll--free-demo" data-vars="demo, 35, 24" href="#demo">Get the Free Demo</a>
  234.                 </div>
  235.             </div>
  236.         </div>
  237.        
  238.     </div>
  239. </div>
  240.  
  241. <div class="homepage-footer-decor">
  242.     <div class="decor tentacle-long--l"></div>
  243.     <img class="site-tagline" src="/img/footer__site-tagline.png" width="700" height="45">
  244.     <div class="decor tentacle-long--r"></div>
  245. </div>
  246.  
  247.         <footer class="site-footer--container">
  248.             <div class="site-footer">
  249.                 <div class="site-footer--contain">
  250.                     <div class="row promotion--contain">
  251.                        
  252.                         <div class="promotion--left">
  253.                             <a href="#demo" class="fancybox-modal demo promotion-contain--link js-evar" data-vars="demo, 35, 24">
  254.                                 <div class="decor polygon--demo">
  255.                                     <h3 class="header--comic-giza--shadow">Free Demo</h3>
  256.                                     <h3 class="header--comic-giza">Free Demo</h3>
  257.                                 </div>
  258.                             </a>
  259.                         </div>
  260.                        
  261.                         <div class="promotion--right">
  262.                             <a href="http://nintendo.com/amiibo/line-up/#/codename_steam" target="_blank" class="promotion-contain--link">
  263.                                 <div class="decor polygon--amiibo"></div>
  264.                             </a>
  265.                         </div>
  266.                     </div>
  267.                    
  268.                     <div class="site-footer--social">
  269.                         <h2 class="social--heading">Share This Site</h2>
  270.                        
  271.                         <div class="social--contain">
  272.                             <!-- Nintendo Generated -->
  273.                             <div id="social"></div>
  274.                             <!-- Nintendo Generated -->
  275.                         </div>
  276.                     </div>
  277.                    
  278.                     <div class="nintendo-footer--contain">
  279.                         <!-- Nintendo Generated -->
  280.                         <div id="nin-global-footer" class="site-footer--brand-elements"></div>
  281.                         <!-- Nintendo Generated -->
  282.                     </div>
  283.                     <p class="site-footer--legal">Wireless broadband Internet access required for online play. For more info, go to <a href="http://support.nintendo.com" target="_blank">support.nintendo.com</a>.</p>
  284.                     <p class="site-footer--legal">&copy; 2015 Nintendo / INTELLIGENT SYSTEMS. Nintendo 3DS is a trademark of Nintendo. &copy; 2015 Nintendo.</p>
  285.                 </div>
  286.             </div>
  287.         </footer>
  288.        
  289.         <div class="video-modal-contain hidden">
  290.             <a class="close-modal modal-close-button"></a>
  291.             <div class="inner-container">
  292.                 <div class="video-holder">
  293.                     <div class="video-swap">
  294.                         <div id="modal-video-element" class="video-element">
  295.                         </div>
  296.                         <img src="/img/blank_video.gif">
  297.                     </div>
  298.                 </div>
  299.             </div>
  300.         </div>
  301.        
  302.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  303.         <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
  304.        
  305.                                 <script src="/js/vendor/jquery.fancybox.pack.js"></script>                          <script src="/js/vendor/jquery.arctext.js"></script>                            <script src="/js/vendor/tweenmax.min.js"></script>                          <script src="/js/arc-text.js"></script>                         <script src="/js/animate.js"></script>                          <script src="/js/main.js"></script>                        
  306.                 <script>
  307.            
  308.    
  309.         $(document).ready(function(){  
  310.             arcText.homePageText();
  311.            
  312.             if((window.innerWidth >= 980) && (!$('html').hasClass('ie9'))){
  313.                 animateJs.animateHome();
  314.             }
  315.         });
  316.        
  317.         $(window).on('resize', function(){
  318.             if (window.innerWidth <= 979){
  319.                 animateJs.resetHomeAnimations();
  320.             }
  321.         });
  322.        
  323.         $(window).load(function(){
  324.             Omniture.trackPage('home', true);
  325.         });
  326.             </script>
  327.            
  328.         <script>
  329.             $(document).ready(function(){
  330.                 mainJs.nClood({
  331.                     navTarget:'#nin-global-nav',
  332.                     navShare:true,
  333.                     navPin:true,
  334.                     navLang:true,
  335.                     navActive:'threeds',
  336.                     footerTarget:'#nin-global-footer',
  337.                     footerEsrb:'../img/esrb.jpg',
  338.                     footerEsrbBlurb:"Blood<br/>Fantasy Violence<br/>Mild Suggestive Themes",
  339.                     footerEsrbRating:'t',
  340.                     footerAll:'wiiu',
  341.                     footerLight:true,
  342.                     footerNewsletter:true  
  343.                 });
  344.             });
  345.         </script>
  346.        
  347.   </body>
  348. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!