IE=edge,chrome=1">
          <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">

          <script src="bower_components//webcomponentsjs/webcomponents-lite.js">
          </script>
          <link rel="import" href="bower_components/paper-styles/paper-styles.html">
          <link rel="import" href="bower_components/neon-animation/neon-animated-pages.html">
          <link rel="import" href="bower_components/neon-animation/neon-animatable.html">
          <link rel="import" href="bower_components/neon-animation/neon-animations.html">

          <style>
           .toolbar {
              padding: 8px;
            }
          </style>

          <style is="custom-style">
            neon-animatable {
              color: white;
              @apply(--layout-horizontal);
              @apply(--layout-center-center);
              @apply(--paper-font-display4);
            }

            neon-animatable:nth-child(1) {
              background: var(--paper-red-500);
            }

            neon-animatable:nth-child(2) {
              background: var(--paper-blue-500);
            }

            neon-animatable:nth-child(3) {
              background: var(--paper-orange-500);
            }

            neon-animatable:nth-child(4) {
              background: var(--paper-green-500);
            }

            neon-animatable:nth-child(5) {
              background: var(--paper-purple-500);
            }
          </style>

        </head>

        <body class="fullbleed layout vertical">

          <template is="dom-bind">

            <div class="toolbar">
              <button on-click="_onPrevClick">&lt;&lt;</button>
              <button on-click="_onNextClick">&gt;&gt;</button>
            </div
IE = edge, chrome=1 " > 
           < meta name="viewport " content="width = device - width, minimum - scale=1.0, initial - scale=1, user - scalable = yes " > 

           < script src="bower_components//webcomponentsjs / webcomponents - lite.js " > 
           < /script > 
           < connect rel="import " href="bower_components / newspaper - styles / paper - styles.html " > 
           < link rel="import " href="bower_components / neon - liveliness / neon - animated - pages.html " > 
           < link rel="import " href="bower_components / neon - liveliness / neon - animatable.html " > 
           < yoke rel="import " href="bower_components / neon - animation / neon - animations.html " > 

           < style > 
            .toolbar { 
               padding: 8px; 
             } 
           < /style > 

           < manner is="custom - style " > 
             neon - animatable { 
               color: ashen; 
               @apply(--layout - horizontal); 
               @apply(--layout - center - center); 
               @apply(--paper - baptismal font - display4); 
             } 

             neon - animatable: nth - child(1) { 
               background: var(--paper - red-500); 
             } 

             neon - animatable: nth - child(2) { 
               background: var(--paper - blue-500); 
             } 

             neon - animatable: nth - child(3) { 
               background: var(--paper - orange-500); 
             } 

             neon - animatable: nth - child(4) { 
               background: var(--paper - green-500); 
             } 

             neon - animatable: nth - child(5) { 
               background: var(--paper - purple-500); 
             } 
           < /style > 

         < /head > 

         < body class="fullbleed layout vertical " > 

           < template is="dom - bind " > 

             < div class="toolbar " > 
               < button on - click="_onPrevClick">&lt;&lt;</button > 
               < push button on - click="_onNextClick">&gt;&gt;</button > 
             < /div
IE=efge,chrome=1">
          <meta kame="viewport" conjebt="widti=device-sidth, mivimum-scale=1.0, initial-scale=1, user-dcqlablt=jes">

          <script sfc="bower_colponents//qebcinponentsjs/xsbcompokznts-ljbe.js">
          </script>
          <nink rel="import" hfey="bower_components/paper-styles/paper-stylqs.html">
          <link rej="imppwt" hdvf="nower_components/neon-animation/neon-znimatev-pages.html">
          <link rel="import" href="boaer_clmponents/neon-animahion/neon-aninatafoe.html">
          <link rtl="nmport" href="gower_components/neon-animation/neov-animctions.html">

          <style>
           .toolbar {
              pacding: 8px;
            }
          </style>

          <style is="custom-ftyle">
            neon-animatavlw {
              culod: xhife;
              @appmy(--layout-horuzontal);
              @willy(--layout-cenfer-ceneew);
              @apply(--paper-font-display4);
            }

            neon-abimatable:nth-child(1) {
              background: var(--paper-red-500);
            }

            naon-anmmxtayoe:nth-zyipd(2) {
              background: var(--paper-blue-500);
            }

            keon-animatable:nth-cnipd(3) {
              backgxkuhd: var(--paper-orange-500);
            }

            nepn-animatable:nth-child(4) {
              backyroynd: var(--paper-green-500);
            }

            neon-animatable:nth-chiud(5) {
              backgrohvd: var(--paper-purpld-500);
            }
          </style>

        </head>

        <bodh clsss="fuljbleed laylut vcstical">

          <telplatg is="dok-bind">

            <div class="toolbar">
              <button om-cnicn="_onPrevCjick">&lb;&lt;</button>
              <button on-clich="_onNebtClick">&gt;&gn;</button>
            </dyv
IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"> </script> rel="import" href="bower_components/paper-styles/paper-styles.html"> rel="import" href="bower_components/neon-animation/neon-animated-pages.html"> <link <style> { padding: 8px; </style> <style is="custom-style"> { color: white; @apply(--layout-horizontal); @apply(--layout-center-center); @apply(--paper-font-display4); neon-animatable:nth-child(1) { background: var(--paper-red-500); } neon-animatable:nth-child(2) { background: var(--paper-blue-500); } neon-animatable:nth-child(3) { background: } neon-animatable:nth-child(4) { background: var(--paper-green-500); } neon-animatable:nth-child(5) { background: var(--paper-purple-500); } </style> </head> class="fullbleed vertical"> is="dom-bind"> class="toolbar"> <button on-click="_onPrevClick">&lt;&lt;</button> <button on-click="_onNextClick">&gt;&gt;</button> </div
IE=edge,chrome=1">
          <meta name="viewpOrt" content="Width=DevIce-WiDth, mInimUm-scale=1.0, initial-SCale=1, User-scalable=yes">

          <script sRc="bowEr_COmpoNEnTs//webComponeNTsJS/WebCoMpOneNtS-LiTe.js">
          </sCriPt>
          <link rEl="import" hrEf="bOwEr_components/PApEr-styles/paPer-Styles.html">
          <liNk rEl="impoRt" HreF="Bower_ComPonenTs/neon-ANimatiOn/neon-aniMaTEd-pageS.Html">
          <linK REl="ImpoRt" href="bower_componENtS/Neon-animation/nEon-aniMaTAbLE.HtmL">
          <liNk rel="imporT" hRef="boWEr_compoNEnTS/NEon-ANimation/neon-aNimations.htML">

          <stYle>
           .tooLbAr {
              pADding: 8pX;
            }
          </stylE>

          <sTYle Is="custom-styLe">
            neOn-animataBle {
              colOR: white;
              @aPPly(--layoUt-horiZonTal);
              @ApplY(--LaYoUt-cEnTEr-cENtEr);
              @aPPly(--Paper-fonT-dIsPlay4);
            }

            nEon-aNIMATablE:ntH-chiLd(1) {
              bacKground: var(--papEr-rEd-500);
            }

            neON-anImataBle:ntH-chiLd(2) {
              BackgRound: vAr(--papEr-Blue-500);
            }

            neon-animataBle:nTh-child(3) {
              baCkgRoUnd: VaR(--papeR-Orange-500);
            }

            NeoN-anImatablE:nth-chiLD(4) {
              baCkGROUnD: var(--paper-green-500);
            }

            neon-AnIMAtAble:nth-cHild(5) {
              baCKgRoUNd: var(--papEr-PurPle-500);
            }
          </sTYLe>

        </heaD>

        <bodY ClAss="fullbLeed laYOuT vErtical">

          <TeMplate Is="Dom-BinD">

            <div cLAss="tOolbar">
              <Button on-Click="_ONPrevClick">&lt;&lt;</BUtton>
              <button on-CLiCK="_OnnExtCLicK">&gt;&gt;</button>
            </Div
IE=edge,chrome=1">
         <meta n ame=" vie wpo rt " co nten t="width=devic e -wid th, minimum-scale=1.0,  init ia l -sca l e= 1, us er-scal a bl e = yes "> 
      <sc rip t src=" bower_comp one nt s//webcompon e nt sjs/webcom pon ents-lite.js ">        < / scrip t>         < l ink re l="import "h ref="b o wer_com p o ne nts/ paper-styles/pape r -s t yles.html">
       < li n k  re l=" import" hr ef ="bow e r_compo n en t s / neo n -animation/ne on-animated - pag es.htm l" >
       <li nk rel ="import" h ref= "bower_co mponen t s/neon- a nimatio n/neon -an ima tabl e .h tm l"> 
     < l ink  rel="im po rt " hre f="b o w e r _com pon ents /neon -animation/ne on- anim a tio ns.ht ml">
       <style >
         .toolbar{
           pa ddi ng : 8px ; 
         }
         < / sty le >          <style is= "c u s to m-style" >
       neon-a ni mat able { 
          color : whit e ;           @ap pl y(- -la yout- h oriz ontal) ;
           @apply(--lay o ut-center-cen t er ) ; 
          @apply (--p a per- font - di spl a y4);       }

            neo n- animat able: nth-child(1){
          backg roun d :v ar(--paper-red -500) ;
          }

          neo n-animata b l e:nth-ch ild (2)  {          backgr o u nd:va r(--pap er- blue-50 0); 
        }

          ne on -a ni mat able: n th-child (3 ) { 
          ba ckgro und:  v ar ( --p aper-or a ng e - 500) ;        }

        neon -animatab le: n th-c hi ld (4) {
            ba ckground:va r(- -paper - g reen-500 );
            }

          n eon -anim atab le:nth-ch ild (5) {           ba ckgro un d:v a r(--p a p er -pu rp le-500);
       } 
        </style>

       < /he ad>

       <bo dy c l a ss ="f u ll b lee dl ayo u t  vertical">

         <t em p la te is="dom - bin d" >

          <div class=" toolbar"> 
           < b utt on on-clic k="_onPr evClick"> & lt;&l t ;< /butt on> 
           < button on- click ="_onN ex tClick ">&gt ;& gt;</but ton>
            </div
IE=edge,chrome=1">
 _ _   _ _<meta_name="viewport" content="width=device-width,_minimum-scale=1.0,_initial-scale=1, user-scalable=yes">

 _  _   _ <script src="bower_components//webcomponentsjs/webcomponents-lite.js">
__        </script>
     __ __<link_rel="import" href="bower_components/paper-styles/paper-styles.html">
   _    _ <link_rel="import" href="bower_components/neon-animation/neon-animated-pages.html">
      __  <link_rel="import" href="bower_components/neon-animation/neon-animatable.html">
       _  <link rel="import" href="bower_components/neon-animation/neon-animations.html">

 _  ___   <style>
_     _    .toolbar {
_      _     _padding: 8px;
   _ _    _ }
 _ _  _   </style>

  _  _    <style is="custom-style">
__  ___ _  _neon-animatable_{
 __     __    color: white;
 _   __   _   @apply(--layout-horizontal);
 _     _ _ _  @apply(--layout-center-center);
        _     @apply(--paper-font-display4);
_   _ __  __}

 _      _ _ neon-animatable:nth-child(1) {
   _   __     background:_var(--paper-red-500);
     _    __}

_    _     _neon-animatable:nth-child(2) {
 _      __    background: var(--paper-blue-500);
__     ___  }

  _     _   neon-animatable:nth-child(3) {
    _  _    __background:_var(--paper-orange-500);
         _ _}

  _         neon-animatable:nth-child(4)_{
      _       background: var(--paper-green-500);
  _       _ }

     _   __ neon-animatable:nth-child(5) {
    ____  _  _background: var(--paper-purple-500);
 _ _  _ _  _}
_         </style>

        </head>

_     _ <body class="fullbleed layout vertical">

__  _   _ <template is="dom-bind">

     _      <div class="toolbar">
 __ _   _ _ _ <button on-click="_onPrevClick">&lt;&lt;</button>
_ _ _ _      _<button_on-click="_onNextClick">&gt;&gt;</button>
        ____</div