<title>&lt;to-do&gt;</title>

<meta name=viewport content=width=device-width,initial-scale=1>

<script src=/snuggsi.es></script>
<script name=polyfill src=//cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.0/webcomponents-hi-ce.js></script>

<link rel=import href=header-group>
<link rel=import href=to-do/template.html>
<link rel=stylesheet href=//www.devpunks.com/typography.css>

<header-group>
  <h2 slot=header>&lt;to-do&gt;</h2>
  <a  slot=subheader title='See more component examples' href=/examples>See more component examples</a>
</header-group>

<to-do></to-do>

<script src=/browser-sync.es></script>

<title>&lt;to-do&gt;</title>

<meta name=viewport content=width=device-width,initial-scale=1>

<script src=/snuggsi.es></script>
<script name=polyfill src=//cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.0/webcomponents-hi-ce.js></script>

<link rel=import href=header-group>
<link rel=import href=to-do/template.html>
<link rel=stylesheet href=//devpunks.herokuapp.com/typography.css>
<link rel=stylesheet href=//devpunks.herokuapp.com/form.css>

<header-group>
  <h2 slot=header>&lt;to-do&gt;</h2>
  <a  slot=subheader title='See more component examples' href=/examples>See more component examples</a>
</header-group>

<to-do></to-do>

<script src=/browser-sync.es></script>

Add form styles to to-do component
Add form styles to to-do component
