our-towns-promo.html

<div>
  <figure>
    <a href="https://www.theatlantic.com/our-towns/"><img alt="" src="https://cdn.theatlantic.com/assets/media/files/notes-footer.png" style="max-width: 100%"></a>
  </figure>
  <style type="text/css">
    figure {
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-bottom: 0px;
    }
    .blogroll-box {
      border: 1px solid #ccc;
      border-top: 0px;
      font-size: 13px;
      box-sizing: border-box;
      padding: 15px;
      background-color: #f2f2f2;
      text-align: center;
    }

    .blogroll-box ul {
      padding-left: 0px;
      display:  inline-block;
      margin-bottom: 5px;
    font-size: 13px;
      border-top: 1px solid #333;
      padding-top: 15px;
      margin-top: 15px;
    }

    .blogroll-box li {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 10px;
      padding: 3px 5px;
      background-color: #999;
      color: white;
      font-weight: bold;
    }

    .blogroll-box li a {
      color: inherit; 
    }

    .blogroll-box li a:hover {
      text-decoration: none;
    }

    .new-america-logo {
      max-width: 100px;
      display: block;
      margin: 20px auto 0px;
    }
  </style>
  <div class="blogroll-box">
    <div><strong>Resources from James and Deb:</strong> &nbsp;Organizations doing work in the field of local renewal</div>
    <a href="https://www.newamerica.org/national-network/" target="”blank”"><img alt="" class="new-america-logo" src="https://cdn.theatlantic.com/assets/media/files/new-america-logo-black.svg"></a>
    <ul>
      <li><a href="https://www.pps.org/">Project for Public Spaces</a></li>
      <li><a href="https://www.orton.org/">Orton Family Foundation</a></li>
      <li><a href="https://www.mainstreet.org/home">Main Street America</a></li>
      <li><a href="https://knightfoundation.org/">The Knight Foundation</a></li>
      <li><a href="https://www.artplaceamerica.org/">ArtPlace America</a></li>
    </ul>
  </div>
</div>