Return to Snippet

Revision: 48476
at July 2, 2011 05:35 by relaxasaurus


Initial Code
<div id="block-top-stories">
	
	<h3>Top <span>Stories</span></h3>
	
	<ul>
		<li>
			<span class="eyebrow">Eyebrow Here</span>
			<p class="ts-title"><a href="#"><strong>The Headline goes Here</strong></a></p>
		</li>
		<li>
			<span class="eyebrow">Eyebrow Here</span>
			<p class="ts-title"><a href="#"><strong>The Headline goes Here</strong></a></p>
		</li>
		<li>
			<span class="eyebrow">Eyebrow Here</span>
			<p class="ts-title"><a href="#"><strong>The Headline goes Here</strong></a></p>
		</li>
	</ul>
	
	<p class="ts-more"><a href="#" title="Read more top headlines about Comic-Con 2011">More Top Headlines</a></p>
	
</div>






<div id="block-photo-dl">
	
	<ul>
		<li>
			<div class="pdl-text">
				<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>
			</div>
			<div class="pdl-image">
				<a href="#" title="The Headline Goes Here"><img src="photo.jpg" alt="" /></a>
			</div>
		</li>
		<li>
			<div class="pdl-text">
				<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>
			</div>
			<div class="pdl-image">
				<a href="#" title="The Headline Goes Here"><img src="photo.jpg" alt="" /></a>
			</div>
		</li>
		<li>
			<div class="pdl-text">
				<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>
			</div>
			<div class="pdl-image">
				<a href="#" title="The Headline Goes Here"><img src="photo.jpg" alt="" /></a>
			</div>
		</li>
	</ul>
	
</div>



<div id="block-now-live" class="nl-package">

	<div class="sub-head">
		<p><span class="hilight">NOW<strong>LIVE</strong></span>, streaming Comic-Con video from San Diego</p>
	</div>
	
	<div class="nl-iframe-container">
		
		<div class="nl-iframe-960-360">
			<iframe width="960" height="360" frameborder="0" scrolling="no" src=""></iframe>
		</div>
		
		<div id="nl-buttons">
			
			<ul>
				<li class="nl-button-1">
					<a href="#">
						<span class="nl-button-title"><strong>Live Channel</strong></span>
						<span class="nl-button-desc">Call a new playlist</span>
					</a>
				</li>
				<li class="nl-button-2">
					<a href="#">
						<span class="nl-button-title"><strong>Live Channel</strong></span>
						<span class="nl-button-desc">Call a new playlist</span>
					</a>
				</li>
				<li class="nl-button-3">
					<a href="#">
						<span class="nl-button-title"><strong>Live Channel</strong></span>
						<span class="nl-button-desc">Call a new playlist</span>
					</a>
				</li>
				<li class="nl-button-4">
					<a href="#">
						<span class="nl-button-title"><strong>Live Channel</strong></span>
						<span class="nl-button-desc">Call a new playlist</span>
					</a>
				</li>
			</ul>
			
			<p class="nl-powered-by">Powered by <a class="nl-logo" title="NowLive" href="http://www.nowlive.com/" target="_blank">NowLive</a></p>
			
		</div>
		
	</div>

</div>




<div class="block-infomous">

	<div class="infomous-604-325">
		<script></script>
	</div>
	
	<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>
	
	<div class="ad-sponsored-by-2"></div>
	
</div>





<div id="block-latest-headlines">

	<ul>
		<li>
			<p class="eyebrow"><span class="lh-time">10:30 PM ET</span> / <span class="lh-date">July 21, 2011</span></p>
			<p class="lh-title"><a href="#"><strong>The Headline Goes here</strong></a></p>
		</li>
		<li>
			<p class="eyebrow"><span class="lh-time">10:30 PM ET</span> / <span class="lh-date">July 21, 2011</span></p>
			<p class="lh-title"><a href="#"><strong>The Headline Goes here</strong></a></p>
		</li>
		<li>
			<p class="eyebrow"><span class="lh-time">10:30 PM ET</span> / <span class="lh-date">July 21, 2011</span></p>
			<p class="lh-title"><a href="#"><strong>The Headline Goes here</strong></a></p>
		</li>
		<li>
			<p class="eyebrow"><span class="lh-time">10:30 PM ET</span> / <span class="lh-date">July 21, 2011</span></p>
			<p class="lh-title"><a href="#"><strong>The Headline Goes here</strong></a></p>
		</li>
		<li>
			<p class="eyebrow"><span class="lh-time">10:30 PM ET</span> / <span class="lh-date">July 21, 2011</span></p>
			<p class="lh-title"><a href="#"><strong>The Headline Goes here</strong></a></p>
		</li>
	</ul>
	
	<p class="see-all"><a href="#" title="See all Latest Headlines">See All Stories</a></p>

</div>

Initial URL

                                

Initial Description
HTML markup for Comic-Con 2011 package front

Initial Title
Comic Con 2011 markup

Initial Tags

                                

Initial Language
HTML