gaf-mobile/pattern-library/components/ProjectSnapshot.html

GAF mobile Web site

<div class="ProjectSnapshot">
    <a href="#" class="ProjectSnapshot-overlayLink">
        <div class="ProjectSnapshot-promotions">
            <span class="promotion-tag promotion-tag-featured">Featured</span>
            <span class="promotion-tag promotion-tag-urgent">Urgent</span>
            <span class="promotion-tag promotion-tag-assisted">Assisted</span>
            <span class="promotion-tag promotion-tag-sealed">Sealed</span>
            <span class="promotion-tag promotion-tag-full-time">Full Time</span>
            <span class="promotion-tag promotion-tag-private">Private</span>
            <span class="promotion-tag promotion-tag-nda">NDA</span>
        </div>
        <h3 class="ProjectSnapshot-title">Design a Logo</h3>
        <p class="ProjectSnapshot-desc">I need a new logo for my company</p>
        <div class="ProjectSnapshot-tags">
            <small>Android</small>
        </div>
        <div class="ProjectSnapshot-details">
            <span class="ProjectSnapshot-budget">$0 USD</span>
            <span class="ProjectSnapshot-detail">less than a minute ago - 0 bids</span>
        </div>
    </a>
</div>