Comic Con 2011 markup
HTML markup for Comic-Con 2011 package front
Copy this code and paste it in your HTML
<div id="block-top-stories">
<span class="eyebrow">Eyebrow Here
</span> <span class="eyebrow">Eyebrow Here
</span> <span class="eyebrow">Eyebrow Here
</span>
<p class="ts-more"><a href="#" title="Read more top headlines about Comic-Con 2011">More Top Headlines
</a></p>
<div id="block-photo-dl">
<p class="pdl-title"><a href="#"><strong>The Headline Goes Here
</strong></a></p> <p class="pdl-deck"><a href="#">This is some explanatory text that could wrap to as much as three lines
</a></p> <a href="#" title="The Headline Goes Here"><img src="photo.jpg" alt="" /></a> <p class="pdl-title"><a href="#"><strong>The Headline Goes Here
</strong></a></p> <p class="pdl-deck"><a href="#">This is some explanatory text that could wrap to as much as three lines
</a></p> <a href="#" title="The Headline Goes Here"><img src="photo.jpg" alt="" /></a> <p class="pdl-title"><a href="#"><strong>The Headline Goes Here
</strong></a></p> <p class="pdl-deck"><a href="#">This is some explanatory text that could wrap to as much as three lines
</a></p> <a href="#" title="The Headline Goes Here"><img src="photo.jpg" alt="" /></a>
<div id="block-now-live" class="nl-package">
<div class="nl-iframe-container">
<div class="nl-iframe-960-360"> <iframe width="960" height="360" frameborder="0" scrolling="no" src=""></iframe>
<span class="nl-button-desc">Call a new playlist
</span> <span class="nl-button-desc">Call a new playlist
</span> <span class="nl-button-desc">Call a new playlist
</span> <span class="nl-button-desc">Call a new playlist
</span>
<p class="nl-powered-by">Powered by
<a class="nl-logo" title="NowLive" href="http://www.nowlive.com/" target="_blank">NowLive
</a></p>
<div class="block-infomous">
<div class="infomous-604-325">
<div class="infomous-directions"> <p>Navigation cloud by
<a href="http://www.infomous.com/">Infomous
</a>.
</p> <p>Hover over a word to see links to posts, click a word to focus/unfocus it.
</p>
<div class="ad-sponsored-by-2"></div>
<div id="block-latest-headlines">
<p class="eyebrow"><span class="lh-time">10:30 PM ET
</span> /
<span class="lh-date">July 21, 2011
</span></p> <p class="eyebrow"><span class="lh-time">10:30 PM ET
</span> /
<span class="lh-date">July 21, 2011
</span></p> <p class="eyebrow"><span class="lh-time">10:30 PM ET
</span> /
<span class="lh-date">July 21, 2011
</span></p> <p class="eyebrow"><span class="lh-time">10:30 PM ET
</span> /
<span class="lh-date">July 21, 2011
</span></p> <p class="eyebrow"><span class="lh-time">10:30 PM ET
</span> /
<span class="lh-date">July 21, 2011
</span></p>
<p class="see-all"><a href="#" title="See all Latest Headlines">See All Stories
</a></p>
Report this snippet
Comments
Subscribe to comments