API tools faq
paste
Advertisement
robethx

alt-j index

robethx
Apr 11th, 2017
621
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 13.09 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="robots" content="index, follow">
  6.     <title>alt-J – Official Website</title>
  7.     <meta name="description" content="The New Album RELAXER Out June 9th – Click For Streaming, Pre-order, Tour Dates and More">
  8.     <meta name="author" content="The Studio Works">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  10.     <link rel="stylesheet" href="assets/css/font-awesome.min.css">
  11.     <link rel="stylesheet" href="assets/css/jquery.fullpage.min.css">
  12.     <link rel="stylesheet" href="assets/css/style.css?v=1.0">
  13.     <link rel="icon" href="favicon.ico" type="image/x-icon" />
  14.     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  15.     <meta property="og:type" content="website">
  16.     <meta property="og:title" content="alt-j">
  17.     <meta property="og:description" content="alt-j">
  18.     <meta property="og:url" content="http://www.altjband.com">
  19.     <meta property="og:image" content="http://www.altjband.com/assets/images/share-img.jpg">
  20.     <!--[if lt IE 9]>
  21.        <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  22.    <![endif]-->
  23.     <script>document.write("<scr"+"ipt src='http://mpp2.vindicosuite.com/?nwk=1&y=2&t=j&tp=1&clid=22706&pixid=33017138&rnd=<timestamp>&u="+escape(parent.document.location)+"&r="+escape(parent.document.referrer)+"'></scri"+"pt>");</script><NOSCRIPT><IMG SRC="http://mpp2.vindicosuite.com/?nwk=1&y=2&t=i&tp=1&clid=22706&pixid=33017138&rnd=<timestamp>" width=0 height=0 border=0></NOSCRIPT>
  24.     <!-- Google Tag Manager -->
  25.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  26.     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  27.     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  28.     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  29.     })(window,document,'script','dataLayer','GTM-TNHFM53');</script>
  30.     <!-- End Google Tag Manager -->
  31.     <script>
  32.       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  33.       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  34.       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  35.       })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  36.  
  37.       ga('create', 'UA-65976468-1', 'auto');
  38.       ga('send', 'pageview');
  39.  
  40.     </script>
  41.     <!-- 00110011 01110111 01110111 00001101 00001010 01100001 01101110 01100100 00100000 01101101 01101111 01110010 01100101 00100000 01101110 01100101 01110111 01110011 00001101 00001010 00110111 01100001 01101101 00100000 01000111 01001101 01010100 00100000 00110110 00101111 00110011 00101111 00110001 00110111 -->
  42. </head>
  43.  
  44. <body>
  45.     <!-- Google Tag Manager (noscript) -->
  46.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TNHFM53"
  47.    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  48.     <!-- End Google Tag Manager (noscript) -->
  49.     <div class="loading-cover table fixed center">
  50.         <div class="table-cell vertical-middle">
  51.             <div class="loading">Loading<span>.</span><span>.</span><span>.</span></div>
  52.         </div>
  53.     </div>
  54.     <div class="fixed-page-border-cover fixed top"></div>
  55.     <div class="fixed-page-border-cover fixed bottom"></div>
  56.     <div class="fixed-page-border fixed top"></div>
  57.     <div class="fixed-page-border fixed right"></div>
  58.     <div class="fixed-page-border fixed bottom"></div>
  59.     <div class="fixed-page-border fixed left"></div>
  60.    
  61.     <div class="logo fixed">
  62.         <a href="#"><img src="assets/images/logo.png" class="img-responsive-full"></a>
  63.     </div>
  64.    
  65.     <div class="site-navigation fixed">
  66.         <ul id="menu" class="inlinelist">
  67.             <li data-menuanchor="game"><a class="transition" href="#game">Game</a></li>
  68.             <li class="menu-divider">.</li>
  69.             <!--<li data-menuanchor="music"><a class="transition" href="#music">Music</a></li>
  70.            <li class="menu-divider">.</li>-->
  71.             <li data-menuanchor="live"><a class="transition" href="#live">Live</a></li>
  72.             <li class="menu-divider">.</li>
  73.             <li data-menuanchor="signup"><a class="transition" href="#signup">Sign Up</a></li>
  74.             <li class="menu-divider">.</li>
  75.             <li><a class="transition" href="https://alt-j.lnk.to/altjStoreWE" target="_blank">Store</a></li>
  76.             <li class="menu-divider menu-item--social-divider">.</li>
  77.             <li class="menu-item--social"><a class="transition" href="javascript:void(0)">Social</a></li>
  78.         </ul>
  79.     </div>
  80.    
  81.     <div class="social-links transition social-links-mobile fixed">
  82.         <ul class="inlinelist">
  83.             <li><a class="transition" href="https://alt-j.lnk.to/profilesWE/spotify" target="_blank"><i class="fa fa-spotify" aria-hidden="true"></i></a></li>
  84.             <li><a class="transition" href="https://alt-j.lnk.to/profilesWE/applemusic" target="_blank"><i class="fa fa-apple" aria-hidden="true"></i></a></li>
  85.             <li><a class="transition" href="https://www.facebook.com/altJ.band" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
  86.             <li><a class="transition" href="https://www.instagram.com/unrealaltj/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
  87.             <li><a class="transition" href="https://twitter.com/alt_J" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
  88.             <li><a class="transition" href="https://www.youtube.com/user/Altjband" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
  89.             <li><a class="transition" href="http://altjband.tumblr.com/" target="_blank"><i class="fa fa-tumblr" aria-hidden="true"></i></a></li>
  90.         </ul>
  91.     </div>
  92.    
  93.        
  94.     <div id="fullpage">
  95.         <div id="section-intro" class="section">
  96.             <div class="section-inner">
  97.                                 <video data-autoplay loop poster="assets/images/poster.jpg" id="bgvid">
  98.                     <!--<source src="polina.webm" type="video/webm">-->
  99.                     <source data-src="https://player.vimeo.com/external/206069964.hd.mp4?s=75cd5c9862fc567b8af3ed731366b1b98fd4172c&profile_id=119" type="video/mp4">
  100.                 </video>
  101.                                 <div class="section-intro--content">
  102.                     <img src="assets/images/relaxer-title.png" class="img-responsive-full release-title">
  103.                     <p>The new album, released June 2nd.</p>
  104.                     <p>3WW &amp; In Cold Blood available to stream now <br>and instant downloads with iTunes pre-orders.</p>
  105.                     <p><a href="https://alt-j.lnk.to/RelaxerWE" target="_blank" class="btn inline-block transition">Pre-save or Pre-order</a></p>
  106.                     <!--<p class="pre-order-info">From the upcoming album <span class="relaxer-title">'Relaxer'</span>, out June 2nd<br>Scroll down to pre-order</p>-->
  107.                     <p><a data-menuanchor="signup" href="#signup" class="btn inline-block transition">Sign Up</a></p>
  108.                     <p>Scroll down to enter the world of <span class="relaxer-title">Relaxer</span></p>
  109.                 </div>
  110.                 <div class="scroll-down absolute">
  111.                     <div class="icon-scroll"></div>
  112.                 </div>
  113.                                     <a href="#" class="mute-button block absolute">Mute</a>
  114.                             </div>
  115.         </div>
  116.         <div id="section-game" class="section">
  117.             <div class="section-inner">
  118.                 <div class="section-game--content">
  119.                     <a href="http://altjband.com/relaxer/" class="inline-block btn transition">ENTER THE WORLD OF RELAXER</a>
  120.                 </div>
  121.             </div>
  122.         </div>
  123.         <!--<div id="section-music" class="section">
  124.            <div class="section-inner">
  125.                <div class="section-music--content">
  126.                    <img src="assets/images/relaxer-album-artwork.jpg" class="img-responsive-full packshot">
  127.                    <div class="release-links">
  128.                        <a href="https://alt-j.lnk.to/presaveWE" target="_blank" class="inline-block btn transition">Pre-Save On Spotify</a>
  129.                        <a href="https://alt-j.lnk.to/RelaxerWE" target="_blank" class="inline-block btn transition">Pre-Order</a>
  130.                    </div>
  131.                </div>
  132.            </div>
  133.        </div>-->
  134.         <div id="section-live" class="section">
  135.             <div class="inner-scroll-wrap">
  136.                 <div class="section-inner">
  137.                     <div class="section-live--content">
  138.                         <img src="assets/images/page-title-live.png" class="page-title">
  139.                         <div class="live-wrap">
  140.                             <a href="http://www.songkick.com/artists/4555533" class="songkick-widget" data-theme="light" data-track-button="off" data-detect-style="true" data-background-color="transparent">alt-J tour dates</a>
  141.         <script src="//widget.songkick.com/widget.js"></script>
  142.                         </div>
  143.                     </div>
  144.                 </div>
  145.             </div>
  146.         </div>
  147.         <div id="section-signup" class="section">
  148.             <div class="section-inner">
  149.                 <div class="section-signup--content">
  150.                     <img src="assets/images/page-title-signup.png" class="page-title">
  151.                     <p>Enter your details below for updates on forthcoming releases:</p>
  152.                         <iframe src="//form.warnerartists.com/iframe/altj/AltJNewsletterOptIn/" width="400" height="310" allowTransparency="true" frameborder="0"></iframe>
  153.                 </div>
  154.             </div>
  155.             <a class="block absolute site-credit" href="http://anotherkind.design" target="_blank">Site by Another Kind</a>
  156.         </div>
  157.     </div>
  158.    
  159.     <!-- Scripts -->
  160.     <script src="assets/js/jquery.min.js"></script>
  161.     <!--<script type="text/javascript" src="assets/js/scrolloverflow.min.js"></script>-->
  162.     <script src="assets/js/jquery.fullpage.min.js"></script>
  163.     <script src="assets/js/main.js"></script>
  164.  
  165. <!-- Facebook Pixel Code -->
  166. <script>
  167. !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  168. n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  169. n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
  170. t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
  171. document,'script','https://connect.facebook.net/en_US/fbevents.js');
  172. fbq('init', '1504274869862758'); // Insert your pixel ID here.
  173. fbq('track', 'PageView');
  174. </script>
  175. <noscript><img height="1" width="1" style="display:none"
  176. src="https://www.facebook.com/tr?id=1504274869862758&ev=PageView&noscript=1"
  177. /></noscript>
  178. <!-- DO NOT MODIFY -->
  179. <!-- End Facebook Pixel Code -->
  180.  
  181. <!-- Google Code for Remarketing Tag -->
  182. <!--------------------------------------------------
  183. Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
  184. --------------------------------------------------->
  185. <script type="text/javascript">
  186. /* <![CDATA[ */
  187. var google_conversion_id = 1003730144;
  188. var google_custom_params = window.google_tag_params;
  189. var google_remarketing_only = true;
  190. /* ]]> */
  191. </script>
  192. <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
  193. </script>
  194. <noscript>
  195. <div style="display:inline;">
  196. <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1003730144/?value=0&amp;guid=ON&amp;script=0"/>
  197. </div>
  198. </noscript>
  199.  
  200. <!-- Twitter universal website tag code -->
  201. <script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
  202. <script type="text/javascript">twttr.conversion.trackPid('nuo3o', { tw_sale_amount: 0, tw_order_quantity: 0 });</script>
  203. <noscript>
  204. <img height="1" width="1" style="display:none;" alt="" src="https://analytics.twitter.com/i/adsct?txn_id=nuo3o&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
  205. <img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=nuo3o&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
  206. </noscript>
  207. <!-- End Twitter universal website tag code -->
  208.  
  209. <!-- Twitter universal website tag code -->
  210. <script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
  211. <script type="text/javascript">twttr.conversion.trackPid('nuo3o', { tw_sale_amount: 0, tw_order_quantity: 0 });</script>
  212. <noscript>
  213. <img height="1" width="1" style="display:none;" alt="" src="https://analytics.twitter.com/i/adsct?txn_id=nuo3o&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
  214. <img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=nuo3o&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
  215. </noscript>
  216. <!-- End Twitter universal website tag code -->
  217. </body>
  218. </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!