Skip to content

Instantly share code, notes, and snippets.

@drpventura

drpventura/more.html

Last active February 6, 2017 16:36
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 drpventura/5c46c929808c9b34a6de453ac420cd85 to your computer and use it in GitHub Desktop.
Save drpventura/5c46c929808c9b34a6de453ac420cd85 to your computer and use it in GitHub Desktop.
Download ZIP
more.html see video at: https://youtu.be/l37meK4syiA
Raw
more.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>More HTML</title>
</head>
<body>
<h1>More HTML</h1>
<nav>
<h2>Navigation</h2>
<ul>
<li><a href="#Content">Content</a></li>
<li><a href="#Lists">Lists</a></li>
<li><a href="#Ipsum">Lorem</a></li>
<li><a href="#Tables">Tables</a></li>
</ul>
</nav>
<h2 id="Content">Content</h2>
<p>According to <em>Pete Holmes</em>:</p>
<blockquote>Google has ruined wonder.</blockquote>
<h3>Pre-formatted text</h3>
<p>Here is preformatted text:</p>
<pre>Line 1
Line 2
Line 3
</pre>
<h2 id="Lists">Lists</h2>
<h3>Unordered List</h3>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Item 1
<ul>
<li>Sub-item</li>
</ul></li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ol>
<h2 id="Ipsum">Lorem</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero sequi nulla omnis, quibusdam sunt nostrum provident repudiandae iusto dolorem molestias maiores ex facere officiis sed nam quaerat porro animi ipsam.</p>
<p>Praesentium earum quae obcaecati quidem, in, ut nihil excepturi debitis, distinctio inventore eius recusandae tempore ipsa. Tenetur officiis, amet cum quos iste accusamus. Laudantium quo quasi ut dolor, eum similique!</p>
<p>Perferendis eos ipsum inventore laudantium in doloremque nisi harum accusantium aperiam deserunt suscipit aut esse reprehenderit, optio reiciendis? Dolorem perspiciatis laborum laudantium iusto explicabo sapiente, voluptates, ducimus enim cupiditate dolorum.</p>
<p>Tempora non, culpa repellat excepturi nisi. Iusto eius aut, voluptas, iste aspernatur id nemo quibusdam, obcaecati asperiores culpa in. Magni culpa corrupti earum doloribus sed pariatur porro, consequatur fugiat voluptas!</p>
<h2 id="Tables">Tables</h2>
<table border="1">
<caption>Here's some important tabular data.</caption>
<tr>
<th>Header 01</th>
<th>Header 02</th>
</tr>
<tr>
<td>Data 01</td>
<td>Data 02</td>
</tr>
<tr>
<td>Data 01</td>
<td>Data 02</td>
</tr>
<tr>
<td>Data 01</td>
<td>Data 02</td>
</tr>
<tr>
<td>Data 01</td>
<td>Data 02</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment