Skip to content
Browse files

Initial commit

  • Loading branch information...
0 parents commit dd62b743c54321cb9a9ae62b03fdb5647e4269f8 @Gipetto committed Apr 21, 2012
9 01-html/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>My HTML Document</title>
+ </head>
+ <body>
+ <p>Hello World</p>
+ </body>
+</html>
BIN 02-elements/img/moose.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
116 02-elements/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Basic HTML Elements</title>
+ </head>
+ <body>
+ <!-- headings -->
+ <h1>An important heading</h1>
+
+ <h2>A less important heading</h2>
+
+ <h6>I'm the least important heading</h6>
+
+ <!-- paragraph -->
+ <p>Hello World, I'm a paragraph.
+ White space is inconsequential after the first space character.</p>
+
+ <p>To forcefully break a line you want to use the &lt;br /&gt; element.<br /> Like so.</p>
+
+ <!-- bold and italic -->
+ <p><i>&lt;i&gt; was italic, now for text in an "alternate voice", such as transliterated foreign words,
+ technical terms, and typographically italicized text</i></p>
+
+ <p><b>&lt;b&gt; was bold, now for "stylistically offset" text, such as keywords and typographically
+ emboldened text</b></p>
+
+ <!-- emphasis -->
+ <p><em>&lt;em&gt; was emphasis, now for stress emphasis, i.e., something you'd pronounce differently</em></p>
+
+ <p><strong>&lt;strong&gt; was for stronger emphasis, now for strong importance, basically the same thing
+ (stronger emphasis or importance is now indicated by nesting)</strong></p>
+
+ <!-- images -->
+ <img src="img/moose.jpg" width="405" height="242" alt="Kitten!" />
+
+ <!-- links -->
+ <p><a href="http://www.w3.org/MarkUp/Guide/">Getting started with HTML</a>.</p>
+
+ <!-- blockquotes -->
+ <blockquote cite="http://reference.sitepoint.com/html/blockquote">The blockquote element is a mechanism for marking up a block of text quoted from a person or another document or source. It may be just a few lines, or it may contain several paragraphs (which you’d mark up using nested paragraph elements).</blockquote>
+
+ <!-- unordered lists -->
+ <ul>
+ <li>Unordered list item 1</li>
+ <li>Unordered list item 2</li>
+ <li>A møøse once bit my sister.</li>
+ </ul>
+
+ <!-- ordered lists -->
+ <ol>
+ <li>Ordered list item 1</li>
+ <li>Ordered list item 2</li>
+ <li>Mynd you, møøse bites Kan be pretty nasti.</li>
+ </ol>
+
+ <!-- definition lists -->
+ <dl>
+ <dt>Definition Term</dt>
+ <dd>Definition description. I am content about the definition term.</dd>
+ <dt>Another Definition Term</dt>
+ <dd>Another definition description. I smell of elderberries.</dd>
+ </dl>
+
+ <!-- tables -->
+ <table border="1">
+ <thead>
+ <tr>
+ <th>Table header 1</th>
+ <th>Table header 2</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Table cell 1</td>
+ <td>Table cell 2</td>
+ </tr>
+ <tr>
+ <td>Table cell 3</td>
+ <td>Table cell 4</td>
+ </tr>
+ <tr>
+ <td colspan="2">I span 2 columns!</td>
+ </tr>
+ <tr>
+ <td rowspan="2">I span 2 rows</td>
+ <td>I'm just one cell.</td>
+ </tr>
+ <tr>
+ <td>I'm by myself.</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <!-- preformatted text -->
+ <pre>
+Shrubbery-quested,
+ Camelot's silliness skipped.
+ Swallows hold the key.
+ </pre>
+
+ <!-- code -->
+ <p>We like code. <code>$this->isCode('is inline');</code></p>
+
+ <code><pre>
+// look at the bones!
+$holyHandGrenade->pullPin();
+while ($holyHandGrenade->count() &lt; 3) {
+ echo $i;
+}
+$holyHandGrenade->throw();
+ </pre></code>
+
+ <!-- links to anchors -->
+ <p><a href="#top">Back to the top</a>.</p>
+ </body>
+</html>
BIN 03-structure/img/moose.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
59 03-structure/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Structural HTML Elements</title>
+ </head>
+ <body>
+ <div id="main">
+ <!-- header -->
+ <div id="header">
+ <h1>I am the page title</h1>
+ </header>
+
+ <!-- navigation -->
+ <div id="navigation">
+ <p>I represent the main navigation. Let me show you around.</p>
+ <ul>
+ <li><a href="#section-one">Section One</a></li>
+ <li><a href="#section-two">Section Two</a></li>
+ <li><a href="#section-three">Section Three</a></li>
+ </ul>
+ </nav>
+
+ <!-- sections -->
+ <div id="section-one">
+ <h1>Section Title</h1>
+ <p>I represent a generic section of the page.</p>
+ </div>
+
+ <div id="section-two">
+ <!-- article -->
+ <div class="article">
+ <h1>Article Title</h1>
+ <p>I represent a news article, blog or forum post.</p>
+ </div>
+
+ <div class="article">
+ <h1>Article Title</h1>
+ <p>I represent a news article, blog or forum post. I guess I could also be a comment or other type of content type as well.</p>
+ </div>
+ </div>
+
+ <div id="section-3">
+ <h1>Section Title</h1>
+ <blockquote>
+ <p>You don't frighten us, English pig dogs. Go and boil your bottoms, you sons of a silly person. I blow my nose at you, so-called "Arthur King," you and all your silly English K-nig-hts.</p>
+ <p><span class="attribution">~ Frenchie</span>.</p>
+ </blockquote>
+ </div>
+
+ <!-- footer -->
+ <div id="footer">
+ <p>&copy;2012 Nobody in particular. None of this is original.</p>
+ </div>
+
+ <!-- links to anchors -->
+ <p><a href="#top">Back to the top</a>.</p>
+ </div>
+ </body>
+</html>
BIN 04-html5-structure/img/moose.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
68 04-html5-structure/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Structural HTML Elements</title>
+ <!-- Internet Explorer needs help with HTML5 -->
+ <!--[if lt IE 9]>
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+ </head>
+ <body>
+ <div id="main">
+ <!-- header -->
+ <header>
+ <h1>I am the page title</h1>
+ </header>
+
+ <!-- navigation -->
+ <nav>
+ <p>I represent the main navigation. Let me show you around.</p>
+ <ul>
+ <li><a href="#section-one">Section One</a></li>
+ <li><a href="#section-two">Section Two</a></li>
+ <li><a href="#section-three">Section Three</a></li>
+ </ul>
+ </nav>
+
+ <!-- sections -->
+ <section id="section-one">
+ <h1>Section Title</h1>
+ <p>I represent a generic section of the page.</p>
+ </section>
+
+ <section id="section-two">
+ <!-- article -->
+ <article>
+ <h1>Article Title</h1>
+ <p>I represent a news article, blog or forum post.</p>
+ </article>
+
+ <article>
+ <h1>Article Title</h1>
+ <p>I represent a news article, blog or forum post. I guess I could also be a comment or other type of content type as well.</p>
+ </article>
+
+ <aside>
+ <h2>Now for something completely related.</h3>
+ <p>I am tengentially related to this section's content. I may be a sidebar, or I may just be related comments, links, or something else.</p>
+ </aside>
+ </section>
+
+ <section id="section-3">
+ <h1>Section Title</h1>
+ <blockquote>
+ <p>You don't frighten us, English pig dogs. Go and boil your bottoms, you sons of a silly person. I blow my nose at you, so-called "Arthur King," you and all your silly English K-nig-hts.</p>
+ <p><span class="attribution">~ Frenchie</span>.</p>
+ </blockquote>
+ </section>
+
+ <!-- footer -->
+ <footer>
+ <p>&copy;2012 Nobody in particular. None of this is original.</p>
+ </footer>
+
+ <!-- links to anchors -->
+ <p><a href="#top">Back to the top</a>.</p>
+ </div>
+ </body>
+</html>
108 05-entities/index.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>My HTML Document</title>
+ </head>
+ <body>
+ <h1>Entities</h1>
+ <p>There are a few special entities that have special meaning in HTML that should always be encoded:</p>
+
+ <ul>
+ <li>The ampersand: &amp; (<code>&amp;amp;</code>)</li>
+ <li>Less than and greater than: &lt; and &gt; (<code>&amp;lt;</code> and <code>&amp;gt;</code>)</li>
+ </ul>
+
+ <p>There are also other entities that are special to XML and that should always be encoded in XML documents:</p>
+ <!-- note: RSS is XML -->
+
+ <ul>
+ <li>Double quotes: &quot; (<code>&amp;quot;</code>)</li>
+ <li>Single quotes: &apos; (<code>&amp;apos;</code>)</li>
+ </ul>
+
+ <p><i>With XML it is safer to use numbered entities if entities are used above native UTF-8 characters since older XML parsers have limited support for named entities where most old and new XML parsers support numbered entities without issue.</i></p>
+
+ <h2>A short list of other helpful entities:</h2>
+ <p><i>Named entities are limited to a small subset of Unicode characters, but numbered entities can specify any character.</i></p>
+
+
+ <table border="1" cellspacing="0" cellpadding="5">
+ <thead>
+ <th>Entity (named)</th>
+ <th>Entity (numeric)</th>
+ <th>Output</th>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>&amp;quot;</code></td>
+ <td><code>&amp;#034;</code>
+ <td>&quot;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;apos;</code></td>
+ <td><code>&amp;#039;</code>
+ <td>&apos;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;lt;</code></td>
+ <td><code>&amp;#060;</code>
+ <td>&lt;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;gt;</code></td>
+ <td><code>&amp;#062;</code>
+ <td>&gt;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;nbsp;</code></td>
+ <td><code>&amp;#160;</code>
+ <td>&nbsp;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;cent;</code></td>
+ <td><code>&amp;#162</code></td>
+ <td>&cent;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;copy;</code></td>
+ <td><code>&amp;#169;</code>
+ <td>&copy;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;deg;</code></td>
+ <td><code>&amp;#176;</code>
+ <td>&deg;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;reg;</code></td>
+ <td><code>&amp;#174;</code>
+ <td>&reg;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;reg;</code></td>
+ <td><code>&amp;#174;</code>
+ <td>&reg;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;laquo;</code></td>
+ <td><code>&amp;#171;</code>
+ <td>&laquo;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;raquo;</code></td>
+ <td><code>&amp;#187;</code>
+ <td>&raquo;</td>
+ </tr>
+ <tr>
+ <td><code>&amp;times;</code></td>
+ <td><code>&amp;#215;</code>
+ <td>&times;</td>
+ </tr>
+
+ </tbody>
+ </table>
+
+ <p>For a complete list of XML &amp; HTML entities check out the <a href="http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references#Predefined_entities_in_XML">WikiPedia article on entities</a>.</p>
+ </body>
+</html>
70 06-resume-basic/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>My Resume</title>
+ </head>
+ <body>
+ <div id="main">
+
+ <div id="header">
+ <h1>Bob Jones</h1>
+ <p>1234 Anywhere Street</p>
+ <p>City, State 01234</p>
+ <p>(415) 123-4567</p>
+ <p>Website: <a href="http://www.domain.com">domain.com</a></p>
+ <p>Email: <a href="mailto:me@domain.com">me@domain.com</a></p>
+ </div>
+
+ <div id="content">
+ <div id="objective">
+ <h2>Objective</h2>
+ <p>I don't want to talk to you no more, you empty-headed animal food trough water! I fart in your general direction! Your mother was a hamster and your father smelt of elderberries! Now leave before I am forced to taunt you a second time!</p>
+ </div>
+
+ <div id="current-position">
+ <h2>Current Position</h2>
+ <h3>Job Title 1</h3>
+ <p>Oh, ow! Bring her forward! Be quiet! You don't vote for kings. No, no, no! Yes, yes. A bit. But she's got a wart. Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed!</p>
+ </div>
+
+ <div id="work-history">
+ <h2>Work History</h2>
+
+ <div>
+ <h3>Job Title 2</h3>
+ <p>Jan 1, 2000 - Dec 1, 2009</p>
+ <p>Ah, now we see the violence inherent in the system! Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony. A newt?</p>
+ </div>
+
+ <div>
+ <h3>Job Title 3</h3>
+ <p>Jan 1, 1999 - Dec 31, 2000</p>
+ <p>It's only a model. Bloody Peasant! She looks like one. Well, Mercia's a temperate zone! We shall say 'Ni' again to you, if you do not appease us. Bloody Peasant!</p>
+ </div>
+
+ </div>
+
+ <div id="skills">
+ <h2>Skills</h2>
+
+ <ul>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Møøse wrangling</li>
+ </ul>
+ </div>
+
+ <div id="education">
+ <h2>Education</h2>
+
+ <ul>
+ <li>Bachelors Degree, University of Awesome, California USA</li>
+ <li>Masters in Møøses, University of Monty, Python UK</li>
+ </ul>
+ </div>
+
+ </div>
+ </div>
+ </body>
+</body>
45 07-resume-styled/css/main.css
@@ -0,0 +1,45 @@
+/* Typography */
+body {
+ /* an em is equal to the current font size, so this gives every element
+ on the page a line height of 1.5x the size of the text height */
+ line-height: 1.5em;
+ font-family: helvetica, arial, sans-serif;
+}
+
+ul,
+ol {
+ padding-left: 1.5em;
+}
+
+h1,
+h2,
+h3 {
+ font-family: georgia, times, serif;
+}
+
+/* Layout */
+#main {
+ width: 940px;
+ /* center the div */
+ margin: 0 auto;
+}
+
+#objective,
+#current-position,
+#work-history,
+#education {
+ margin-top: 30px;
+}
+
+/* Section Specific Changes */
+#header p {
+ margin: 0;
+}
+#header a {
+ color: gray;
+ text-decoration: none;
+}
+#header a:hover {
+ color: black;
+ text-decoration: underline;
+}
71 07-resume-styled/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>My Resume</title>
+ <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
+ </head>
+ <body>
+ <div id="main">
+
+ <div id="header">
+ <h1>Bob Jones</h1>
+ <p>1234 Anywhere Street</p>
+ <p>City, State 01234</p>
+ <p>(415) 123-4567</p>
+ <p>Website: <a href="http://www.domain.com">domain.com</a></p>
+ <p>Email: <a href="mailto:me@domain.com">me@domain.com</a></p>
+ </div>
+
+ <div id="content">
+ <div id="objective">
+ <h2>Objective</h2>
+ <p>I don't want to talk to you no more, you empty-headed animal food trough water! I fart in your general direction! Your mother was a hamster and your father smelt of elderberries! Now leave before I am forced to taunt you a second time!</p>
+ </div>
+
+ <div id="current-position">
+ <h2>Current Position</h2>
+ <h3>Job Title 1</h3>
+ <p>Oh, ow! Bring her forward! Be quiet! You don't vote for kings. No, no, no! Yes, yes. A bit. But she's got a wart. Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed!</p>
+ </div>
+
+ <div id="work-history">
+ <h2>Work History</h2>
+
+ <div>
+ <h3>Job Title 2</h3>
+ <p>Jan 1, 2000 - Dec 1, 2009</p>
+ <p>Ah, now we see the violence inherent in the system! Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony. A newt?</p>
+ </div>
+
+ <div>
+ <h3>Job Title 3</h3>
+ <p>Jan 1, 1999 - Dec 31, 2000</p>
+ <p>It's only a model. Bloody Peasant! She looks like one. Well, Mercia's a temperate zone! We shall say 'Ni' again to you, if you do not appease us. Bloody Peasant!</p>
+ </div>
+
+ </div>
+
+ <div id="skills">
+ <h2>Skills</h2>
+
+ <ul>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Møøse wrangling</li>
+ </ul>
+ </div>
+
+ <div id="education">
+ <h2>Education</h2>
+
+ <ul>
+ <li>Bachelors Degree, University of Awesome, California USA</li>
+ <li>Masters in Møøses, University of Monty, Python UK</li>
+ </ul>
+ </div>
+
+ </div>
+ </div>
+ </body>
+</body>
137 08-resume-plus/css/main.css
@@ -0,0 +1,137 @@
+/* Typography */
+html {
+ /* a few browser specific hacks to maintain font
+ size consistency while maintaining flexibility */
+ font-size: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+
+body {
+ font-size: 14px;
+ /* an em is equal to the current font size, so
+ this gives every element on the page a line height
+ of 1.5x the size of the text height */
+ line-height: 1.5em;
+ font-family: helvetica, arial, sans-serif;
+}
+
+ul,
+ol {
+ padding-left: 1.5em;
+}
+
+h1,
+h2,
+h3 {
+ font-family: georgia, times, serif;
+}
+
+/* Layout */
+#main {
+ /* center the div */
+ margin: 30px auto;
+ width: 940px;
+}
+
+#header {
+ margin-bottom: 70px;
+}
+
+#content {
+ /* forces height on this container since the
+ main content items are floats. */
+ overflow: auto;
+ /* for more on floats see:
+ http://designshack.net/articles/css/everything-you-never-knew-about-css-floats/ */
+}
+
+#footer {
+ color: #666;
+ margin-top: 40px;
+ text-align: center;
+}
+
+/* target only the divs that are immediate
+children of #content & #sidebar */
+#content-body>div {
+ margin-top: 40px;
+}
+#sidebar>div {
+ margin-top: 50px;
+}
+
+/* target the divs inside #content & #sidebar
+that are the first children of the parent */
+#content-body>div:first-child,
+#sidebar>div:first-child {
+ margin-top: 0;
+}
+
+/* size & position the two main
+page content areas */
+#content-body {
+ float: right;
+ width: 65%;
+}
+#sidebar {
+ float: left;
+ width: 30%;
+}
+
+/* Section Specific Changes */
+#header p {
+ margin: 0;
+}
+#header #contact {
+ margin-top: 1em;
+}
+#header a {
+ color: gray;
+ text-decoration: none;
+}
+#header a:hover {
+ color: black;
+ text-decoration: underline;
+}
+
+/* remove bullets from the list
+items in the education uls */
+#education ul {
+ list-style: none;
+ padding-left: 0;
+}
+#education ul li {
+ margin-top: 1.2em;
+}
+
+.section h2 {
+ color: #003399;
+ margin: 0;
+}
+
+.section h3 {
+ font-size: 1.35em;
+}
+
+#content-body .section-content {
+ margin-left: 20px;
+}
+
+.job-position {
+ margin-bottom: 30px;
+}
+
+.section-content h3 {
+ margin-bottom: 0;
+}
+
+.dates {
+ font-size: 0.9em;
+ font-style: italic;
+ margin: 0;
+}
+.degree {
+ display: block;
+ font: bold 1.2em georgia, times, serif;
+}
97 08-resume-plus/index.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>My Resume</title>
+ <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
+ </head>
+ <body>
+ <div id="main">
+
+ <div id="header">
+ <h1>Bob Jones</h1>
+ <div id="address">
+ <p>1234 Anywhere Street</p>
+ <p>City, State 01234</p>
+ </div>
+ <div id="contact">
+ <p>(415) 123-4567</p>
+ <p>Website: <a href="http://www.domain.com">domain.com</a></p>
+ <p>Email: <a href="mailto:me@domain.com">me@domain.com</a></p>
+ </div>
+ </div>
+
+ <div id="content">
+ <div id="content-body">
+ <div id="objective" class="section">
+ <h2>Objective</h2>
+ <div class="section-content">
+ <p>I don't want to talk to you no more, you empty-headed animal food trough water! I fart in your general direction! Your mother was a hamster and your father smelt of elderberries! Now leave before I am forced to taunt you a second time!</p>
+ </div>
+ </div>
+
+ <div id="current-position" class="section">
+ <h2>Current Position</h2>
+ <div class="section-content job-position">
+ <h3>Job Title 1</h3>
+ <p>Oh, ow! Bring her forward! Be quiet! You don't vote for kings. No, no, no! Yes, yes. A bit. But she's got a wart. Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed!</p>
+ </div>
+ </div>
+
+ <div id="work-history" class="section">
+ <h2>Work History</h2>
+
+ <div class="section-content job-position">
+ <h3>Job Title 2</h3>
+ <p class="dates">Jan 1, 2000 - Dec 1, 2009</p>
+ <p>Ah, now we see the violence inherent in the system! Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony. A newt?</p>
+ <ul>
+ <li>Made websites</li>
+ <li>Rescued clients from themselves</li>
+ <li>Took out the trash</li>
+ </ul>
+ </div>
+
+ <div class="section-content job-position">
+ <h3>Job Title 3</h3>
+ <p class="dates">Jan 1, 1999 - Dec 31, 2000</p>
+ <p>It's only a model. Bloody Peasant! She looks like one. Well, Mercia's a temperate zone! We shall say 'Ni' again to you, if you do not appease us. Bloody Peasant!</p>
+ </div>
+ </div>
+ </div>
+
+ <div id="sidebar">
+
+ <div id="skills" class="section">
+ <h2>Skills</h2>
+
+ <ul class="section-content">
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>JavaScript</li>
+ <li>PHP</li>
+ <li>Ruby</li>
+ <li>Python</li>
+ <li>MySQL</li>
+ <li>Møøse wrangling</li>
+ </ul>
+ </div>
+
+ <div id="education" class="section">
+ <h2>Education</h2>
+
+ <ul class="section-content">
+ <li><span class="degree">Bachelors Degree,</span> University of Awesome, California USA</li>
+ <li><span class="degree">Masters in Møøses,</span> University of Monty, Python UK</li>
+ </ul>
+ </div>
+
+ </div>
+ </div>
+
+ <div id="footer">
+ <p><small>Copyright &copy; 2012 Møøse Industries.</small></p>
+ </div>
+ </div>
+ </body>
+</body>

0 comments on commit dd62b74

Please sign in to comment.
Something went wrong with that request. Please try again.