<div class="news">
        <div class="table-responsive" >
          <table class="table table-sm table-borderless">
          
            <tr>
              <th scope="row">Jan 15, 2016</th>
              <td>
                A simple inline announcement with Markdown emoji! :sparkles: :smile:

              </td>
            </tr>
            <tr>
              <th scope="row">Nov 7, 2015</th>
              <td>
                <a class="news-title" href="/news/announcement_2/">A long announcement with details</a>
              </td>
            </tr>
            <tr>
              <th scope="row">Oct 22, 2015</th>
              <td>
                A simple inline announcement.

              </td>
            </tr>
          </table>
        </div>
      </div>