Skip to content

Instantly share code, notes, and snippets.

@ThomasWallace

ThomasWallace/Convert XHTML to HTML5 - Starter Secret

Last active January 24, 2017 04:17
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 ThomasWallace/ae827b3500ff537c9b16 to your computer and use it in GitHub Desktop.
Save ThomasWallace/ae827b3500ff537c9b16 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Convert XHTML to HTML5 - Starter
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Out with the old...</title>
<link rel="stylesheet" href="path-to-style.css">
<meta name="keywords" content="Example, HTML5, Teaching">
<meta name="description" content="We are going to refine this document down to a good starting point for all html5 projects moving forward.">
<meta name="author" content="Thomas Wallace">
<link rel="author" href="https://plus.google.com/u/0/105330305325597669031/about" title="Thomas Wallace"/>
<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
<div class="container">
<div id="header">
<h1>Out with the old...</h1>
<h2>Beginning the transistion to HTML5</h2>
<div id="navigation">
<ul>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="primary">
<div class="post">
<p class="post-date">January 26, 2017</p>
<h1> <a href="#" rel="bookmark" title="link to this post">The Rebel Force</a> </h1>
<p>Hey, Luke! May the Force be with you. Alderaan? I'm not going to Alderaan. I've got to go home. It's late, I'm in for it as it is. Obi-Wan is here. The Force is with him. What?! You don't believe in the Force, do you?</p>
<h2>The Sith Lords</h2>
<p>You're all clear, kid. Let's blow this thing and go home! I care. So, what do you think of her, Han? You are a part of the Rebel Alliance and a traitor! Take her away! You don't believe in the Force, do you?</p>
<ul>
<li>You are a part of the Rebel Alliance and a traitor! Take her away!</li>
<li>Hey, Luke! May the Force be with you.</li>
<li>What good is a reward if you ain't around to use it? Besides, attacking that battle station ain't my idea of courage. It's more like&hellip;suicide.</li>
</ul>
<div class="post-meta"> Post Tags Go here.... </div>
</div>
<div class="post">
<p class="post-date">January 16, 2017</p>
<h1> <a href="#" rel="bookmark" title="link to this post">The Rebel Force</a> </h1>
<p>Hey, Luke! May the Force be with you. Alderaan? I'm not going to Alderaan. I've got to go home. It's late, I'm in for it as it is. Obi-Wan is here. The Force is with him. What?! You don't believe in the Force, do you?</p>
<h2>The Sith Lords</h2>
<p>You're all clear, kid. Let's blow this thing and go home! I care. So, what do you think of her, Han? You are a part of the Rebel Alliance and a traitor! Take her away! You don't believe in the Force, do you?</p>
<ul>
<li>You are a part of the Rebel Alliance and a traitor! Take her away!</li>
<li>Hey, Luke! May the Force be with you.</li>
<li>What good is a reward if you ain't around to use it? Besides, attacking that battle station ain't my idea of courage. It's more like&hellip;suicide.</li>
</ul>
<div class="post-meta"> Post Tags Go here.... </div>
</div>
<div class="post">
<p class="post-date">January 6, 2017</p>
<h1> <a href="#" rel="bookmark" title="link to this post">The Rebel Force</a> </h1>
<p>Hey, Luke! May the Force be with you. Alderaan? I'm not going to Alderaan. I've got to go home. It's late, I'm in for it as it is. Obi-Wan is here. The Force is with him. What?! You don't believe in the Force, do you?</p>
<h2>The Sith Lords</h2>
<p>You're all clear, kid. Let's blow this thing and go home! I care. So, what do you think of her, Han? You are a part of the Rebel Alliance and a traitor! Take her away! You don't believe in the Force, do you?</p>
<ul>
<li>You are a part of the Rebel Alliance and a traitor! Take her away!</li>
<li>Hey, Luke! May the Force be with you.</li>
<li>What good is a reward if you ain't around to use it? Besides, attacking that battle station ain't my idea of courage. It's more like&hellip;suicide.</li>
</ul>
<div class="post-meta"> Post Tags Go here.... </div>
</div>
</div>
<!--#primary -->
<div id="secondary">
<div class="widget">
<h1>Sample Sidebar Item </h1>
<p>Quisque justo erat, varius placerat fermentum vel, iaculis vel ligula. Phasellus et elit purus. Curabitur ipsum enim, scelerisque vitae condimentum ac, cursus eget quam. Nullam volutpat dui ut risus pulvinar at fringilla sem tristique. Nulla facilisi. Donec posuere euismod purus, eu scelerisque risus pellentesque eu. Vestibulum sed tincidunt metus. <a href="#">Read More</a>&raquo;</p>
</div>
<div class="widget">
<h1>Sample Sidebar Item </h1>
<p>Quisque justo erat, varius placerat fermentum vel, iaculis vel ligula. Phasellus et elit purus. Curabitur ipsum enim, scelerisque vitae condimentum ac, cursus eget quam. Nullam volutpat dui ut risus pulvinar at fringilla sem tristique. Nulla facilisi. Donec posuere euismod purus, eu scelerisque risus pellentesque eu. Vestibulum sed tincidunt metus. <a href="#">Read More</a>&raquo;</p>
</div>
<div class="widget">
<h1>Sample Sidebar Item </h1>
<p>Quisque justo erat, varius placerat fermentum vel, iaculis vel ligula. Phasellus et elit purus. Curabitur ipsum enim, scelerisque vitae condimentum ac, cursus eget quam. Nullam volutpat dui ut risus pulvinar at fringilla sem tristique. Nulla facilisi. Donec posuere euismod purus, eu scelerisque risus pellentesque eu. Vestibulum sed tincidunt metus. <a href="#">Read More</a>&raquo;</p>
</div>
</div>
<!--#secondary -->
</div>
<!--#content -->
<div id="colophon">
<p>&copy; 2017 <a href="#">Thomas Wallace</a></p>
</div>
</div>
<!--.container -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment