HTML and CSS Reference
In-Depth Information
<aside class=”post”>
<h3>
<img src=”images/bg-blog.png” alt=”Latest Blog Post” />
Latest Blog Post
</h3>
<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. 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>
</aside>
<aside>
<form id=”newsletter” action=”#”>
<h3>Newsletter</h3>
<p>Sign up for news and special offers delivered to your in-
box monthly.</p>
<label>Name: </label>
<input type=”text” placeholder=”Your Name” />
<label>Email: </label>
<input type=”email” placeholder=”Your Email Address” />
<input class=”button” id=”submit-newsletter” type=”submit”
value=”Sign Up” />
</form>
</aside>
</div>
</div>
<footer id=”footer” role=”contentinfo”>
<ul class=”container”>
<li class=”small-logo”>
<a href=”#” title=”Return to the front page”>
Cool Shoes & Socks
</a>
</li>
<li class=”back-to-top”>
<a href=”#header” title=”Go back to the top of the page”>
Back to Top
</a>
</li>
</ul>
</footer>
</body>
</html>
