page hat

HTML

<div class="notification notification-info group">
    <p><strong>REALTOR PILOT</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempor quam at erat ullamcorper placerat.</p>
    <ul class="list-horizontal-links pull-b">
        <li><a href="#">More Info</a></li>
        <li><a data-controls-modal="BuyerGuide" data-backdrop="static" data-keyboard="true" title="Opt Out">Opt Out</a></li>
    </ul>
</div>

CSS

/* notifications */
.notification {
    padding: 5px;
    position: relative;
    background-color: #eee; border: 1px solid #ddd; 
}
.notification-centered {
    text-align: center;
    margin: 0 auto;
}
.notification p {
    margin: 0;
    font-size: 120%;
}

.notification-plain {
    background-color: #ccc;
}
.notification-info {
    background-color: #fff7c6;
    border: 0;
    border-bottom: 1px solid #b3b3b3;
}

.notification-info p { display: inline-block; }