<content>
  <header>
    <nav>
      <b><Icon name="instagram" color="var(--color-text)" /> Instagram</b>
      <input placeholder="Search">
      <ul>
        <li><button>Log In</button></li>
        <li><a>Sign Up</a></li>
      </ul>
    </nav>
  </header>

  <profile>
  <figure>
    <img alt="Zed's Face" src="https://via.placeholder.com/256x256?text=Zed's Face">
  </figure>

  <info>
    <p>
      <b>zedshaw</b> <button>follow</button>
    </p>

    <p>
      <b>280</b> posts <b>4,695 followers</b> <b>1,778 following</b>
    </p>

    <p><b>Zed A. Shaw</b></p>
    <p>Painter in oil, watercolor, and pastel. I’m doing live streams of little paintings on Twitch:<br>
      <a href="www.twitch.tv/zedashaw">www.twitch.tv/zedashaw</a>
    </p>
  </info>
  </profile>

  <pins>
    {#each pins as pin}
    <figure>
      <img alt="Stock photo" src="https://via.placeholder.com/82x82?text=Story">
    </figure> 
    {/each}
  </pins>

  <tabs>
    <nav>
      <ul>
        <li><Icon name="grid" color="var(--color-text)" /> POSTS</li>
        <li><Icon name="movie" color="var(--color-text)" /> REELS</li>
        <li><Icon name="tv" color="var(--color-text)" /> TV</li>
        <li><Icon name="user" color="var(--color-text)" /> TAGGED</li>
      </ul>
    </nav>
  </tabs>

  <posts>
    {#each posts as post}
    <figure>
      <img alt="Stock photo" src="https://via.placeholder.com/300x300?text=Post Image">
    </figure> 
    {/each}
  </posts>
</content>