<!– @license Copyright © 2016 The Polymer Project Authors. All rights reserved. This code may only be used under the BSD style license found at polymer.github.io/LICENSE.txt The complete set of authors may be found at polymer.github.io/AUTHORS.txt The complete set of contributors may be found at polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as part of the polymer project is also subject to an additional IP rights grant found at polymer.github.io/PATENTS.txt –>

<!doctype html> <html lang=“en”> <head>

<title>app-header demos</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">

<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>

<link rel="import" href="../../../paper-styles/demo-pages.html">

</head> <style>

a {
  display: block;
  margin-bottom: 10px;
}

</style> <body unresolved>

<div class="horizontal-section-container">
  <div>
    <h4>app-header demos</h4>
    <div class="horizontal-section">
      <a href="blend-background-1.html">Blend Background Image</a>
      <a href="blend-background-2.html">Blend 2 Background Images</a>
      <a href="blend-background-3.html">Blend Background Colors</a>
      <a href="contacts.html">Contacts Demo</a>
      <a href="give.html">Resize Snapped Title Demo</a>
      <a href="music.html">Reveals Demo</a>
      <a href="no-effects.html">Condenses and Reveals Demo</a>
      <a href="notes.html">Fixed with Dynamic Shadow Demo</a>
      <a href="custom-sticky-element-1.html">Custom sticky element 1</a>
      <a href="custom-sticky-element-2.html">Custom sticky element 2</a>
    </div>
  </div>
</div>

</body> </html>