HTML and CSS Reference
In-Depth Information
</div>
<div id=”main” class=”group”>
<div id=”content” role=”main”>
<h1>Page Title</h1>
<p>Nulla facilisi. Ut porttitor sollicitudin nisi, tempus pulvinar
nisl volutpat aliquet. Phasellus posuere auctor accumsan. Ut in odio eget dui
pulvinar sollicitudin. Sed vitae tortor nibh. Aenean nec sapien quam, sit amet
dapibus lorem. Phasellus ac pharetra tellus. Curabitur pretium eros sit amet
nisl pretium mollis.</p>
<p class=”offer”>
All products now have <span class=”strike”>15%</span> 25% off!
</p>
<p>Nulla facilisi. Ut porttitor sollicitudin nisi, tempus pulvinar
nisl volutpat aliquet.</p>
<img class=”product” src=”images/socks-horses.png” alt=”Horse Socks”
/>
<p>Nulla facilisi. Ut porttitor sollicitudin nisi, tempus pulvinar
nisl volutpat aliquet. Phasellus posuere auctor accumsan. Ut in odio eget dui
pulvinar sollicitudin. Sed vitae tortor nibh. Aenean nec sapien quam, sit amet
dapibus lorem. Phasellus ac pharetra tellus. Curabitur pretium eros sit amet
nisl pretium mollis.</p>
<p>Nulla facilisi. Ut porttitor sollicitudin nisi, tempus pulvinar
nisl volutpat aliquet.</p>
<div class=”benefits”>
<h3>Why Choose Cool Shoes & Socks?</h3>
<ul>
<li>World's Largest Range of Shoes & Socks</li>
<li>Next-Day Free Delivery</li>
<li>Money Back Guarantee</li>
</ul>
</div>
</div>
<div class=”sidebar” role=”complementary”>
<aside>
<h3>What our Customers are Saying</h3>
<ul class=”testimonials”>
<li>
<blockquote>
<p>Integer aliquet, lacus in ultricies venenatis,
eros urna faucibus tellus, sed sollicitudin.</p>
<cite>
<a href=”http://www.ianlunn.co.uk/” title=”Visit
Ian Lunn's website”>Ian Lunn</a>
</cite>
</blockquote>
</li>
</ul>
</aside>
