<div class="narrow">
  <?= partial('partials/header') ?>

  <ul class="post-type-icons">
    <li><a href="/editor"><img src="/images/quill.svg" width="60"></a></li>
    <li><a href="/new"><img src="/images/note.svg" width="60"></a></li>
    <li><a href="/event"><img src="/images/calendar.svg" width="60"></a></li>
    <li><a href="/bookmark"><img src="/images/bookmark.svg" width="60"></a></li>
    <li><a href="/favorite"><img src="/images/star.svg" width="60"></a></li>
    <li><a href="/repost"><img src="/images/repost.svg" width="60"></a></li>
    <li><a href="/itinerary"><img src="/images/plane.svg" width="60"></a></li>
    <li><a href="/email"><img src="/images/email.svg" width="60"></a></li>
  </ul>

</div>
<style type="text/css">
.post-type-icons {
  margin-top: 1em; 
  list-style-type: none;
}
.post-type-icons li {
  float: left;
  margin-right: 12px;
}
</style>