Skip to content

Instantly share code, notes, and snippets.

@liamcurry

liamcurry/Testing.html

Created November 2, 2009 23:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save liamcurry/224584 to your computer and use it in GitHub Desktop.
Save liamcurry/224584 to your computer and use it in GitHub Desktop.
Download ZIP
chapter1.html
Raw
basic-html-file.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Coddee</title>
</head>
<body>
</body>
</html>
Raw
Testing.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Coddee</title>
<link rel="stylesheet" href="stylesheets/master.css" />
</head>
<body id="tutorial">
<div id="layout-header">
<h1>coddee</h1>
<ul id="site-navigation">
<li><a href="#">Jobs</a></li>
<li><a href="#">Collab</a></li>
<li><a href="#">Tools</a></li>
<li><a href="#">Tutorials</a></li>
</ul>
</div>
<div id="layout-content">
<div id="article-header">
<h2>Chapter 1: <strong>Basic HTML</strong></h2>
<video src="assets/transformers640.ogg" autobuffer controls></video>
</div>
<div id="article-sidebar">
<div id="article-toc">
<h3>In this chapter&hellip;</h3>
<ol id="col1">
<li>
<a href="#">What is HTML</a>
<ul>
<li><a href="#">Basic HTML Syntax</a></li>
<li><a href="#">Basic HTML Syntax</a></li>
<li><a href="#">Basic HTML Syntax</a></li>
</ul>
</li>
<li>
<a href="#">What is HTML</a>
<ul>
<li><a href="#">Basic HTML Syntax</a></li>
<li><a href="#">Basic HTML Syntax</a></li>
<li><a href="#">Basic HTML Syntax</a></li>
</ul>
</li>
<li>
<a href="#">What is HTML</a>
<ul>
<li><a href="#">Basic HTML Syntax</a></li>
<li><a href="#">Basic HTML Syntax</a></li>
<li><a href="#">Basic HTML Syntax</a></li>
</ul>
</li>
<li>
<a href="#">What is HTML</a>
<ul>
<li><a href="#">Basic HTML Syntax</a></li>
<li><a href="#">Basic HTML Syntax</a></li>
<li><a href="#">Basic HTML Syntax</a></li>
</ul>
</li>
</ol>
</div>
</div>
<div class="article-section" id="article-intro">
<p>Donec ut odio a dolor blandit rhoncus. Duis in eros ut magna laoreet sodales. Aenean at erat risus. Pellentesque malesuada interdum auctor. Ut pulvinar tempus erat vitae viverra. Nullam at condimentum lacus. Pellentesque iaculis convallis libero ornare viverra. Praesent ut sapien odio, at faucibus ligula. Vivamus a convallis mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="article-section">
<h3><span>1.1</span> What is HTML?</h3>
<div class="article-section-aside">
<h4>Related Links</h4>
<ul>
<li><a href="#">XHTML versus HTML</a></li>
<li><a href="#">HTML5 Quick Reference Guide</a></li>
<li><a href="#">W3C HTML Validation Tool</a></li>
</ul>
</div>
<div class="article-section-content">
<p>Nunc sit <kbd>amet enim ligula</kbd>. Phasellus laoreet nisl sed turpis tristique tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec et diam in libero pharetra fringilla tempus sit amet orci. Proin mi enim, sodales a ultricies sed, pretium id quam.</p>
<p>Nulla porttitor velit vitae arcu cursus rutrum. Aliquam libero justo, porta sit amet volutpat quis, pharetra a augue. Morbi commodo libero a orci cursus viverra viverra est venenatis. Integer nibh lectus, egestas nec interdum in, interdum vel massa. Integer quis quam nibh, varius lobortis massa. Quisque non orci tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse fringilla egestas urna nec sodales. Donec vitae massa nisi. Donec nibh lorem, pellentesque ac sollicitudin at, luctus vel lacus. Sed nisl nulla, mattis porta scelerisque sit amet, facilisis eget nisl. Donec vehicula semper nisl, in consequat dui fermentum ac. Suspendisse semper tristique mi non interdum. Etiam sapien lacus, euismod vel ullamcorper sed, gravida vel nunc.</p>
<script src='http://pastie.org/478272.js'></script>
<p>Suspendisse ornare suscipit rutrum. Nunc in sapien orci. Etiam id odio nec purus ornare posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla eget arcu lorem. Morbi vel porttitor tellus. Aliquam quis pharetra nisi. Praesent nec massa vitae felis fringilla sodales. Pellentesque at nisl in tortor tincidunt convallis. Donec interdum faucibus commodo. Vestibulum luctus sem at nibh dignissim euismod. In tincidunt tempus nisi, eget suscipit tellus luctus sed. Donec lacinia neque elit. Ut ullamcorper feugiat lacus at tempor. Aenean tristique sodales pharetra. Maecenas ipsum tortor, varius sed malesuada at, pharetra at sem. Phasellus dui est, pretium ut vehicula et, porttitor a est.</p>
<p>Nullam non libero ut urna dignissim lacinia. Suspendisse ultrices accumsan nulla et malesuada. Fusce vehicula iaculis ante, vitae lacinia odio sagittis et. Curabitur quis libero at lectus egestas sollicitudin at ut dolor. Duis eu ante velit, vel eleifend enim. Cras est odio, tincidunt eget tincidunt et, lobortis eget nibh. Nunc consequat aliquam justo, id luctus mi facilisis quis. Duis at lacus quis odio vulputate placerat. Mauris laoreet sodales massa eu faucibus. In pellentesque nunc at neque pharetra tristique. Integer risus ligula, condimentum vitae aliquam ac, imperdiet scelerisque dui. Fusce libero nibh, pharetra a malesuada nec, lobortis sit amet ante. Phasellus non eros at lectus aliquam viverra. Mauris accumsan tincidunt ipsum, id congue est lacinia a. Vestibulum elementum diam et dolor sagittis facilisis dictum lacus scelerisque. Proin quis nisi vitae massa tristique lobortis non sit amet mauris.</p>
</div>
</div>
</div>
<div id="layout-footer">
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment