Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment