This is a sample of a rendered placard within BartonPlus

eds-placard.html

<div id="bartonplus_placard">
  <h2><a href="http://libraries.mit.edu/locations">Hours and Locations</a></h2>
	<ul class="inline">
		<li><a href="http://libraries.mit.edu/barker">Barker Library</a></li>
		<li><a href="http://libraries.mit.edu/dewey">Dewey Library</a></li>
		<li><a href="http://libraries.mit.edu/hayden">Hayden Library</a></li>
		<li><a href="http://libraries.mit.edu/archives">Institute Archives &amp; Special Collections</a></li>
		<li><a href="http://libraries.mit.edu/music">Lewis Music Library</a></li>
		<li><a href="http://libraries.mit.edu/rotch">Rotch Library</a></li>
	</ul>
	<p class="footer"><a href="http://libraries.mit.edu/hours/">All hours</a> | <a href="http://libraries.mit.edu/locations/">All locations</a> | <a href="http://libraries.mit.edu/locations/#!map">Map</a></p>
</div>
<style type="text/css">
div#bartonplus_placard{
	background-color:#eee;
	border:1px solid #adadad;
	padding:2em;font-size:14px
}
div#bartonplus_placard h2{
	font-size:22px;
	color:#32327d;
	padding-bottom:.5em
}
div#bartonplus_placard ul{

}
div#bartonplus_placard ul.inline li{
	display:inline-block;
	width:40%;
	padding-bottom:1em
}
div#bartonplus_placard a{
	color:#32327d
}
</style>