polymer hello-world

gistfile1.html

<polymer-element name="post-card">
  <template>
    <style>
    :host {
      display: block;
      position: relative;
      background-color: white;
      padding: 20px;
      width: 100%;
      font-size: 1.2rem;
      font-weight: 300;
    }
    .card-header {
      margin-bottom: 10px;
    }
    </style>

    <div class="card-header" layout horizontal center>
      <content select="img"></content>
      <content select="h2"></content>
    </div>
    <content></content>
  </template>
</polymer-element>

<post-card>
  <img src="profile-picture.png">
  <h2>A. Developer</h2>
  <p>Something really profound about code.</p>
</post-card>