argelius/header.html

## header.html
<!doctype html>
<html>
  <head>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,500,400italic,500italic,700,700italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/OnsenUI/OnsenUI-dist/2.0.0-beta.5/css/onsenui.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/OnsenUI/OnsenUI-dist/2.0.0-beta.5/css/onsen-css-components.css">
    <script src="https://cdn.rawgit.com/OnsenUI/OnsenUI-dist/2.0.0-beta.5/js/onsenui.js"></script>

    <script>
      setTimeout(function() {
        document.querySelector('ons-speed-dial').click();
      }, 1000);
    </script>
  </head>

  <body>
    <ons-speed-dial direction="right">
      M
      <ons-speed-dial-item>
        A
      </ons-speed-dial-item>
      <ons-speed-dial-item>
        T
      </ons-speed-dial-item>
      <ons-speed-dial-item>
        E
      </ons-speed-dial-item>
      <ons-speed-dial-item>
        R
      </ons-speed-dial-item>
      <ons-speed-dial-item>
        I
      </ons-speed-dial-item>
      <ons-speed-dial-item>
        A
      </ons-speed-dial-item>
      <ons-speed-dial-item>
        L
      </ons-speed-dial-item>
    </ons-speed-dial>
  </body>
</html>