You are on page 1of 3

<!

doctype html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<link href="" rel="stylesheet" media="screen">
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="index.html" title="Return to Homepage">Big Tom's Backpacks</a><
/h1>
<!--(Document Title)-->
</div>
<!--#header-->
<div id="content">
<h2>Home</h2>
<!--(Primary Content Heading)-->
<p>This is a paragraph. <q>Often times designers will use "Dummy Text" as a
placeholder in a document.</q> An example of that text follows...Lorem ipsum dol
or sit amet, consectetuer adipiscing elit. Praesent volutpat velit sed massa. In
volutpat eros sagittis ipsum. Donec fringilla risus nec nunc. Fusce tellus arcu
, blandit quis, posuere in, porta vitae, lorem. Quisque feugiat arcu eget sapien
. Aenean eget ipsum id arcu bibendum porttitor. </p>
<p>Vivamus id lectus non eros eleifend aliquet. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Mauris volutpat. Integ
er dignissim consequat enim. Praesent velit felis, tempus malesuada, sagittis et
, condimentum in, ante. Nulla lobortis, ligula sit amet laoreet sollicitudin, se
m arcu lacinia tellus, id lobortis arcu urna tincidunt turpis. </p>
<h3 id="services">This is a Subsection of the Primary Content</h3>
<!--(Subsection I)-->
<p>This is a paragraph. Often times designers will use "Dummy Text" as a pla
ceholder in a document. An example of that text follows...Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Praesent volutpat velit sed massa. In volutp
at eros sagittis ipsum. Donec fringilla risus nec nunc. Fusce tellus arcu, bland
it quis, posuere in, porta vitae, lorem. Quisque feugiat arcu eget sapien. Aenea
n eget ipsum id arcu bibendum porttitor. Vivamus id lectus non eros eleifend ali
quet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur rid
iculus mus. Mauris volutpat. Integer dignissim consequat enim. Praesent velit fe
lis, tempus malesuada, sagittis et, condimentum in, ante. Nulla lobortis, ligula
sit amet laoreet sollicitudin, sem arcu lacinia tellus, id lobortis arcu urna t
incidunt turpis.</p>
<!--This is a list of instructions.-->
<ol>
<li>Instruction 1</li>
<li>Instruction 2</li>
<li>Instruction 2</li>
<li>Instruction 2</li>
<li>Instruction 2</li>
<li>Instruction 3</li>
</ol>
<!--This is a list of items to purchase at the grocery store.-->
<ul>
<li>Ramen</li>
<li>Cheetos</li>

<li>Jolt</li>
<li>Bread</li>
</ul>
<!--This is an Example of how we should mark up a term and its description(s
)-->
<dl>
<dt>Term</dt>
<dd>Description 1</dd>
<dd>Description 2</dd>
<dt>Term</dt>
<dd>Description 1</dd>
<dd>Description 1</dd>
<dd>Description 2</dd>
</dl>
<h4>This is a Subsection of Subsection I</h4>
<blockquote>
This is a Quote. Content precedes design. Design in the absence of content i
s not design, it's decoration. <cite>From Designing with Web Standards by Jeffer
y Zeldman.</cite>
</blockquote>
<h3>This is a Subsection of the Primary Content</h3>
<!--(Subsection II)-->
<p>This is a paragraph<sup>2</sup>. Lorem <sub> dolor</sub> sit amet, consec
tetuer adipiscing elit. <del>Praesent volutpat velit sed massa. In volutpat eros
sagittis ipsum.</del> Donec fringilla risus nec nunc. Fusce tellus arcu, blandi
t quis, posuere in, porta vitae, lorem. Quisque feugiat arcu eget sapien. Aenean
eget ipsum id arcu bibendum porttitor. Vivamus id lectus non eros eleifend aliq
uet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi
culus mus. Mauris volutpat. Integer dignissim consequat enim. Praesent velit fel
is, tempus malesuada, sagittis et, condimentum in, ante. Nulla lobortis, ligula
sit amet laoreet sollicitudin, sem arcu lacinia tellus, id lobortis arcu urna ti
ncidunt turpis. Proin adipiscing ultrices dui. Duis porttitor, libero ut eleifen
d pellentesque, risus turpis fermentum est, vel nonummy lorem est id nisl. Nulla
facilisi. In sagittis tortor. Vestibulum dictum leo vitae augue. Morbi in odio
sed nulla luctus sodales.</p>
</div>
<!--#content-->
<div id="sidebar">
<ul id="main-nav">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<!--#nav-->
<div class="widget">Widget</div>
<!--.widget-->
<div class="widget">Widget</div>
<!--.widget-->
<div class="widget">Widget</div>
<!--.widget-->
</div>
<!--#sidebar-->
<div id="footer">
<h6></h6>
</div>
<!--#footer-->
</div>

<!--#container-->
</body>
</html>

You might also like