News Feed Items

The News Feed Item is a common thing in The City. News Feed Items hold lots of small bits of content, and typically link off to pages.

As a result of the prominence of the News Feed Item in The City, there are several typographic styles that apply to it specifically.

Example of a News Feed Item

Last updated at 9:51am

I'm the title of this news feed item

Hey guys. I just wanted to demonstrate some copy in a News Feed Item. It's pretty rad. If I go on for days and days, it won't show here. Just a blurb. That's all. And that's all folks need to see.
<article class="feed_item clearfix">
    <div class="thumb">
      <a href="#">
        <img src="images/50x50_thumb.jpg" alt="" />
      </a>
    </div>
    <p class="updated_badge">
      Last updated at 9:51am
    </p>
    <h1 class="title">I'm the title of this news feed item</h1>
    <div class="meta"><a href="#">Tom Waits</a> in <a href="3">Tommy's Neighborhood Group</a></div>
    <div class="feed_body">
      Hey guys. I just wanted to demonstrate some copy in a News Feed Item. It's pretty rad. If
      I go on for days and days, it won't show here. Just a blurb. That's all. And that's all 
      folks need to see. 
    </div>

    <!-- News Feed Responses -->

    <article class="clearfix response">
      <div class="thumb">
        <a href="#">
          <img src="images/50x50_thumb.jpg" alt="" />
        </a>
      </div>
      <div class="meta"><a href="#">Jimbo Sneed</a> responded on March 27</div>
      <div class="response_body">
        This is a simple response body. Your items may have no responses, but that's ok. Just 
        in case.
      </div>
    </article>
</article>