<div layout="notify1" id="notification1" class="hidden notification">
    <h2>Notification</h2>
    <!-- avatar -->
    <a href="#" id="notify-avatar" class="avatar_large mr20">
        <img id="avatar" />
    </a>
    <p></p>
    <div class="detail"></div>
    <div id="buttons" class="right clearall">
    </div>
</div>

<div layout="notify2" id="notification2" class="hidden notification">
    <h2>Notification</h2>
    <!-- avatar -->
    <a href="#" id="notify-avatar" class="avatar_large mr20">
        <img id="avatar" />
    </a>
    <p></p>
    <div class="detail"></div>
    <div id="buttons" class="right clearall">
    </div>
</div>

<div layout="notify3" id="notification3" class="hidden notification">
    <h2>Notification</h2>
    <!-- avatar -->
    <a href="#" id="notify-avatar" class="avatar_large mr20">
        <img id="avatar" />
    </a>
    <p></p>
    <div class="detail"></div>
    <div id="buttons" class="right clearall">
    </div>
</div>