<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>