diff --git a/sample/codelab-4-codelab-markdown/codelab.json b/sample/codelab-4-codelab-markdown/codelab.json
new file mode 100644
index 000000000..54095e080
--- /dev/null
+++ b/sample/codelab-4-codelab-markdown/codelab.json
@@ -0,0 +1,25 @@
+{
+  "environment": "web",
+  "format": "html",
+  "prefix": "https://storage.googleapis.com",
+  "mainga": "UA-49880327-14",
+  "updated": "2019-08-27T16:09:11-04:00",
+  "id": "codelab-4-codelab-markdown",
+  "duration": 14,
+  "title": "CodeLab to Create a CodeLab",
+  "summary": "Create a CodeLab Using Markdown",
+  "source": "codelab.md",
+  "theme": "",
+  "status": [
+    "published"
+  ],
+  "category": [
+    "codelab",
+    "markdown"
+  ],
+  "tags": [
+    "web"
+  ],
+  "feedback": "https://github.com/Mrc0113/codelab-4-codelab",
+  "url": "codelab-4-codelab-markdown"
+}
diff --git a/sample/codelab-4-codelab-markdown/img/16f01f9c848ba9df.png b/sample/codelab-4-codelab-markdown/img/16f01f9c848ba9df.png
new file mode 100644
index 000000000..c2460f78f
--- /dev/null
+++ b/sample/codelab-4-codelab-markdown/img/16f01f9c848ba9df.png
@@ -0,0 +1,416 @@
+<!DOCTYPE html>
+<html class="client-nojs" lang="en" dir="ltr">
+<head>
+<meta charset="UTF-8"/>
+<title>File:Example.jpg - Wikipedia</title>
+<script>document.documentElement.className=document.documentElement.className.replace(/(^|\s)client-nojs(\s|$)/,"$1client-js$2");RLCONF={"wgCanonicalNamespace":"File","wgCanonicalSpecialPageName":!1,"wgNamespaceNumber":6,"wgPageName":"File:Example.jpg","wgTitle":"Example.jpg","wgCurRevisionId":755636715,"wgRevisionId":755636715,"wgArticleId":586539,"wgIsArticle":!0,"wgIsRedirect":!1,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Wikipedia fully-protected files","Wikipedia indefinitely move-protected pages","GFDL files with disclaimers","All free media","Wikipedia files on Wikimedia Commons for which a local copy has been requested to be kept","Wikipedia upload-protected files","Creative Commons Attribution-ShareAlike 3.0 files","Wikipedia license migration completed","Wikipedia image placeholders"],"wgBreakFrames":!1,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],
+"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"File:Example.jpg","wgRelevantArticleId":586539,"wgRequestId":"XSVOOApAADoAAD5z4iMAAACB","wgCSPNonce":!1,"wgIsProbablyEditable":!0,"wgRelevantPageIsProbablyEditable":!0,"wgRestrictionEdit":[],"wgRestrictionMove":["sysop"],"wgRestrictionUpload":["sysop"],"wgMediaViewerOnClick":!0,"wgMediaViewerEnabledByDefault":!0,"wgPopupsReferencePreviews":!1,"wgPopupsConflictsWithNavPopupGadget":!1,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":!0,"nearby":!0,"watchlist":!0,"tagline":!1},"wgWMESchemaEditAttemptStepOversample":!1,"wgPoweredByHHVM":!0,"wgULSCurrentAutonym":"English","wgNoticeProject":
+"wikipedia","wgCentralAuthMobileDomain":!1,"wgEditSubmitButtonLabelPublish":!0};RLSTATE={"ext.gadget.charinsert-styles":"ready","ext.globalCssJs.user.styles":"ready","ext.globalCssJs.site.styles":"ready","site.styles":"ready","noscript":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","ext.globalCssJs.site":"ready","user":"ready","user.options":"ready","user.tokens":"loading","filepage":"ready","mediawiki.action.view.filepage":"ready","mediawiki.legacy.shared":"ready","mediawiki.legacy.commonPrint":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","ext.wikimediaBadges":"ready","ext.3d.styles":"ready","mediawiki.skinning.interface":"ready","skins.vector.styles":"ready"};RLPAGEMODULES=["mediawiki.action.view.metadata","site","mediawiki.page.startup","mediawiki.page.ready","mediawiki.searchSuggest","ext.gadget.teahouse","ext.gadget.ReferenceTooltips","ext.gadget.watchlist-notice","ext.gadget.DRN-wizard",
+"ext.gadget.charinsert","ext.gadget.refToolbar","ext.gadget.extra-toolbar-buttons","ext.gadget.switcher","ext.centralauth.centralautologin","mmv.head","mmv.bootstrap.autostart","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.compactlinks","ext.uls.interface","ext.3d","ext.centralNotice.geoIP","ext.centralNotice.startUp","skins.vector.js"];</script>
+<script>(RLQ=window.RLQ||[]).push(function(){mw.loader.implement("user.tokens@0tffind",function($,jQuery,require,module){/*@nomin*/mw.user.tokens.set({"editToken":"+\\","patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"});
+});});</script>
+<link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=ext.3d.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cfilepage%7Cmediawiki.action.view.filepage%7Cmediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.interface%7Cskins.vector.styles&amp;only=styles&amp;skin=vector"/>
+<script async="" src="/w/load.php?lang=en&amp;modules=startup&amp;only=scripts&amp;raw=1&amp;skin=vector"></script>
+<meta name="ResourceLoaderDynamicStyles" content=""/>
+<link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=ext.gadget.charinsert-styles&amp;only=styles&amp;skin=vector"/>
+<link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=site.styles&amp;only=styles&amp;skin=vector"/>
+<meta name="generator" content="MediaWiki 1.34.0-wmf.11"/>
+<meta name="referrer" content="origin"/>
+<meta name="referrer" content="origin-when-crossorigin"/>
+<meta name="referrer" content="origin-when-cross-origin"/>
+<link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=File:Example.jpg&amp;action=edit"/>
+<link rel="edit" title="Edit this page" href="/w/index.php?title=File:Example.jpg&amp;action=edit"/>
+<link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"/>
+<link rel="shortcut icon" href="/static/favicon/wikipedia.ico"/>
+<link rel="search" type="application/opensearchdescription+xml" href="/w/opensearch_desc.php" title="Wikipedia (en)"/>
+<link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"/>
+<link rel="license" href="//creativecommons.org/licenses/by-sa/3.0/"/>
+<link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&amp;feed=atom"/>
+<link rel="canonical" href="https://en.wikipedia.org/wiki/File:Example.jpg"/>
+<link rel="dns-prefetch" href="//login.wikimedia.org"/>
+<link rel="dns-prefetch" href="//meta.wikimedia.org" />
+<!--[if lt IE 9]><script src="/w/load.php?modules=html5shiv&amp;only=scripts&amp;raw=1&amp;sync=1"></script><![endif]-->
+</head>
+<body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-6 ns-subject mw-editable page-File_Example_jpg rootpage-File_Example_jpg skin-vector action-view">
+<div id="mw-page-base" class="noprint"></div>
+<div id="mw-head-base" class="noprint"></div>
+<div id="content" class="mw-body" role="main">
+	<a id="top"></a>
+	<div id="siteNotice" class="mw-body-content"><!-- CentralNotice --></div>
+	<div class="mw-indicators mw-body-content">
+<div id="mw-indicator-pp-default" class="mw-indicator"><a href="/wiki/Wikipedia:Protection_policy#full" title="This high-risk file is permanently protected to prevent vandalism"><img alt="Permanently protected file" src="//upload.wikimedia.org/wikipedia/en/thumb/4/44/Full-protection-shackle.svg/20px-Full-protection-shackle.svg.png" decoding="async" width="20" height="20" srcset="//upload.wikimedia.org/wikipedia/en/thumb/4/44/Full-protection-shackle.svg/30px-Full-protection-shackle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/4/44/Full-protection-shackle.svg/40px-Full-protection-shackle.svg.png 2x" data-file-width="512" data-file-height="512" /></a></div>
+</div>
+
+	<h1 id="firstHeading" class="firstHeading" lang="en">File:Example.jpg</h1>
+	
+	<div id="bodyContent" class="mw-body-content">
+		<div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div>
+		<div id="contentSub"></div>
+		
+		
+		
+		<div id="jump-to-nav"></div>
+		<a class="mw-jump-link" href="#mw-head">Jump to navigation</a>
+		<a class="mw-jump-link" href="#p-search">Jump to search</a>
+		<div id="mw-content-text"><ul id="filetoc"><li><a href="#file">File</a></li>
+<li><a href="#filehistory">File history</a></li>
+<li><a href="#filelinks">File usage</a></li>
+<li><a href="#metadata">Metadata</a></li></ul><div class="fullImageLink" id="file"><a href="//upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg"><img alt="File:Example.jpg" src="//upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg" decoding="async" width="275" height="297" data-file-width="275" data-file-height="297" /></a><div class="mw-filepage-resolutioninfo">No higher resolution available.</div></div>
+<div class="fullMedia"><p><a href="//upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg" class="internal" title="Example.jpg">Example.jpg</a> &#8206;<span class="fileInfo">(275 × 297 pixels, file size: 27 KB, MIME type: <span class="mime-type">image/jpeg</span>)</span>
+</p></div><div id="mw-imagepage-content" lang="en" dir="ltr" class="mw-content-ltr"><div class="mw-parser-output"><p class="mw-empty-elt">
+</p>
+<table class="box-Notice plainlinks imbox imbox-notice" role="presentation"><tbody><tr><td class="mbox-image"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/40px-Information_icon4.svg.png" decoding="async" width="40" height="40" srcset="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/60px-Information_icon4.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/80px-Information_icon4.svg.png 2x" data-file-width="620" data-file-height="620" /></td><td class="mbox-text" style="text-align: left;"><div>
+<p>There are several images named "example": <a class="mw-selflink selflink">File:Example.jpg</a>, <a href="/wiki/File:Example.png" title="File:Example.png">File:Example.png</a>, <a href="/wiki/File:Example.gif" title="File:Example.gif">File:Example.gif</a> and <a href="/wiki/File:Example.svg" title="File:Example.svg">File:Example.svg</a>. There is also the sound file <a href="/wiki/File:Example.ogg" title="File:Example.ogg">File:Example.ogg</a>. None of these files should be used in articles.
+</p>
+<div class="floatright"><a href="/wiki/File:Button_image.png" class="image" title="Embedded file button"><img alt="Embedded file button" src="//upload.wikimedia.org/wikipedia/commons/d/de/Button_image.png" decoding="async" width="23" height="22" data-file-width="23" data-file-height="22" /></a></div> <div class="floatright"><a href="/wiki/File:Button_gallery.png" class="image" title="Picture gallery button"><img alt="Picture gallery button" src="//upload.wikimedia.org/wikipedia/en/1/12/Button_gallery.png" decoding="async" width="23" height="22" data-file-width="23" data-file-height="22" /></a></div>
+<p>The JPG image is the example inserted when a user clicks the "embedded file" or "picture gallery" buttons in the <a href="/wiki/Help:Edit_toolbar" title="Help:Edit toolbar">edit toolbar</a>. Pages (including user pages) with this image left may be actively sought out and fixed. If you need a test image for permanent demonstration purposes, for instance in a template's documentation, then instead use for instance the PNG image or <a href="/wiki/File:Example-serious.jpg" title="File:Example-serious.jpg">Example-serious.jpg</a>.
+</p>
+<div class="floatright"><a href="/wiki/File:Button_media.png" class="image" title="File link button"><img alt="File link button" src="//upload.wikimedia.org/wikipedia/commons/1/19/Button_media.png" decoding="async" width="23" height="22" data-file-width="23" data-file-height="22" /></a></div>
+<p>The Ogg file is the example inserted when a user clicks the "file link" button in the edit toolbar.
+</p>
+</div></td></tr></tbody></table>
+<h2><span class="mw-headline" id="Summary">Summary</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=File:Example.jpg&amp;action=edit&amp;section=1" title="Edit section: Summary">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
+<table summary="A standardized table providing complete information about the file, including description of what it shows and how it was made, copyright status and source." class="toccolours mbox-inside" style="width:100%;" cellpadding="2">
+<tbody><tr>
+<th style="background:#ccf; text-align:right; vertical-align:top; padding-right: 0.4em; width:15%;" id="fileinfotpl_desc">Description
+</th>
+<td>
+<p>An example image.  This image should not be used in article namespace.
+</p>
+</td></tr>
+<tr style="vertical-align:top;">
+<th style="background:#ccf; text-align:right; padding-right:0.4em;" id="fileinfotpl_src">Source
+</th>
+<td>
+<p>Derived from <a href="/wiki/File:Gutza_Wikipedia_logo.png" title="File:Gutza Wikipedia logo.png">File:Gutza Wikipedia logo.png</a>
+</p>
+</td></tr>
+<tr style="vertical-align:top;">
+<th style="background:#ccf; text-align:right; padding-right:0.4em; white-space:nowrap;">Date
+</th>
+<td>
+</td></tr>
+<tr style="vertical-align:top;">
+<th style="background:#ccf; text-align:right; padding-right:0.4em;" id="fileinfotpl_aut">Author
+</th>
+<td>
+<p>Original by <a href="/wiki/User:Gutza" title="User:Gutza">Gutza</a>, modifications by <a href="/wiki/User:Centrx" title="User:Centrx">Centrx</a>
+</p>
+</td></tr>
+<tr style="vertical-align:top;">
+<th style="background:#ccf; text-align:right; padding-right:0.4em;">Permission<br /><small>(<a href="https://commons.wikimedia.org/wiki/Commons:Reusing_content_outside_Wikimedia" class="extiw" title="commons:Commons:Reusing content outside Wikimedia">Reusing this file</a>)</small>
+</th>
+<td>
+<p>See below.
+</p><p><br />
+</p>
+</td></tr></tbody></table>
+<h2><span class="mw-headline" id="Licensing">Licensing</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=File:Example.jpg&amp;action=edit&amp;section=2" title="Edit section: Licensing">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
+<table class="plainlinks imbox imbox-license licensetpl" role="presentation"><tbody><tr><td class="mbox-image"><a href="/wiki/File:Heckert_GNU_white.svg" class="image" title="GFDL"><img alt="GFDL" src="//upload.wikimedia.org/wikipedia/en/thumb/2/22/Heckert_GNU_white.svg/52px-Heckert_GNU_white.svg.png" decoding="async" width="52" height="51" srcset="//upload.wikimedia.org/wikipedia/en/thumb/2/22/Heckert_GNU_white.svg/78px-Heckert_GNU_white.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/2/22/Heckert_GNU_white.svg/104px-Heckert_GNU_white.svg.png 2x" data-file-width="535" data-file-height="523" /></a></td><td class="mbox-text">Permission is granted to copy, distribute and/or modify this document under the terms of the <b><a href="/wiki/Wikipedia:Text_of_the_GNU_Free_Documentation_License" title="Wikipedia:Text of the GNU Free Documentation License">GNU Free Documentation License</a></b>, Version 1.2 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. Subject to <a href="/wiki/Wikipedia:General_disclaimer" title="Wikipedia:General disclaimer">disclaimers</a>.
+<div style="display: none">
+<p><span class="licensetpl_short">GFDL with disclaimers</span>
+<span class="licensetpl_long">GNU Free Documentation License with <a href="/wiki/Wikipedia:General_disclaimer" title="Wikipedia:General disclaimer">disclaimers</a></span>
+<span class="licensetpl_link">//en.wikipedia.org/wiki/Wikipedia:Text_of_the_GNU_Free_Documentation_License</span>
+</p>
+</div></td></tr></tbody></table><table class="plainlinks imbox imbox-license licensetpl" role="presentation"><tbody><tr><td class="mbox-image"><a href="/wiki/File:CC_some_rights_reserved.svg" class="image"><img alt="CC some rights reserved.svg" src="//upload.wikimedia.org/wikipedia/en/thumb/7/79/CC_some_rights_reserved.svg/90px-CC_some_rights_reserved.svg.png" decoding="async" width="90" height="36" srcset="//upload.wikimedia.org/wikipedia/en/thumb/7/79/CC_some_rights_reserved.svg/135px-CC_some_rights_reserved.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/7/79/CC_some_rights_reserved.svg/180px-CC_some_rights_reserved.svg.png 2x" data-file-width="744" data-file-height="300" /></a> <br /> <a href="/wiki/File:Cc-by_new_white.svg" class="image"><img alt="Cc-by new white.svg" src="//upload.wikimedia.org/wikipedia/en/thumb/1/11/Cc-by_new_white.svg/24px-Cc-by_new_white.svg.png" decoding="async" width="24" height="24" srcset="//upload.wikimedia.org/wikipedia/en/thumb/1/11/Cc-by_new_white.svg/36px-Cc-by_new_white.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/1/11/Cc-by_new_white.svg/48px-Cc-by_new_white.svg.png 2x" data-file-width="64" data-file-height="64" /></a><a href="/wiki/File:Cc-sa_white.svg" class="image"><img alt="Cc-sa white.svg" src="//upload.wikimedia.org/wikipedia/en/thumb/d/df/Cc-sa_white.svg/24px-Cc-sa_white.svg.png" decoding="async" width="24" height="24" srcset="//upload.wikimedia.org/wikipedia/en/thumb/d/df/Cc-sa_white.svg/36px-Cc-sa_white.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/d/df/Cc-sa_white.svg/48px-Cc-sa_white.svg.png 2x" data-file-width="64" data-file-height="64" /></a></td><td class="mbox-text"><i>This work is licensed under the <a href="/wiki/Creative_Commons" title="Creative Commons">Creative Commons</a> <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/3.0/">Attribution-ShareAlike 3.0</a> License. </i><br />
+<p><span style="font-size:90%">This licensing tag was added to this file as part of the GFDL <a href="/wiki/Wikipedia:Licensing_update" title="Wikipedia:Licensing update">licensing update</a>.</span>
+</p>
+<div style="display: none">
+<p><span class="licensetpl_short">Cc-by-sa-3.0</span>
+<span class="licensetpl_long">Attribution-ShareAlike 3.0</span>
+<span class="licensetpl_link">https://creativecommons.org/licenses/by-sa/3.0/</span>
+</p>
+</div></td></tr></tbody></table> 
+<table class="plainlinks imbox imbox-notice" role="presentation"><tbody><tr><td class="mbox-image"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/40px-Information_icon4.svg.png" decoding="async" width="40" height="40" srcset="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/60px-Information_icon4.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/80px-Information_icon4.svg.png 2x" data-file-width="620" data-file-height="620" /></td><td class="mbox-text"><b>The uploader or another editor requests that a local copy of this file be kept.</b><br />This image or media file may be available on the <a href="https://commons.wikimedia.org/wiki/Main_Page" class="extiw" title="commons:Main Page">Wikimedia Commons</a> as <b><a href="https://commons.wikimedia.org/wiki/File:Example.jpg" class="extiw" title="commons:File:Example.jpg">File:Example.jpg</a></b>. While the license of this file may be compliant with the Wikimedia Commons, an editor has requested that the local copy be kept too. This file does not meet <a href="/wiki/Wikipedia:Criteria_for_speedy_deletion#F8" title="Wikipedia:Criteria for speedy deletion">CSD F8</a>, and should not be tagged as a <a href="/wiki/Category:Wikipedia_files_on_Wikimedia_Commons" title="Category:Wikipedia files on Wikimedia Commons">Commons duplicate</a>. If you desire to nominate it for <a href="/wiki/Wikipedia:FFD" class="mw-redirect" title="Wikipedia:FFD">deletion</a>, notify the tagging editor.</td><td class="mbox-imageright"><a href="/wiki/File:Commons-logo.svg" class="image"><img alt="Commons-logo.svg" src="//upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/40px-Commons-logo.svg.png" decoding="async" width="40" height="54" srcset="//upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/60px-Commons-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/80px-Commons-logo.svg.png 2x" data-file-width="1024" data-file-height="1376" /></a></td></tr></tbody></table>
+<!-- 
+NewPP limit report
+Parsed by mw1262
+Cached time: 20190710015735
+Cache expiry: 3600
+Dynamic content: true
+Complications: []
+CPU time usage: 0.092 seconds
+Real time usage: 0.158 seconds
+Preprocessor visited node count: 426/1000000
+Preprocessor generated node count: 0/1500000
+Post‐expand include size: 21172/2097152 bytes
+Template argument size: 1883/2097152 bytes
+Highest expansion depth: 15/40
+Expensive parser function count: 2/500
+Unstrip recursion depth: 0/20
+Unstrip post‐expand size: 8/5000000 bytes
+Number of Wikibase entities loaded: 0/400
+Lua time usage: 0.025/10.000 seconds
+Lua memory usage: 1.33 MB/50 MB
+-->
+<!--
+Transclusion expansion time report (%,ms,calls,template)
+100.00%  116.395      1 -total
+ 39.58%   46.065      1 Template:Pp-template
+ 29.99%   34.912      1 Template:GFDL-with-disclaimers
+ 18.35%   21.353      1 Template:License_migration
+ 14.74%   17.159      1 Template:Example_files
+ 13.60%   15.832      1 Template:License_migration_complete
+ 11.96%   13.920      1 Template:Notice
+ 10.80%   12.568      1 Template:Cc-by-sa-3.0-migrated
+ 10.05%   11.699      1 Template:Information
+  9.03%   10.513      1 Template:Mbox
+-->
+
+<!-- Saved in parser cache with key enwiki:pcache:idhash:586539-0!canonical and timestamp 20190710015734 and revision id 755636715
+ -->
+</div></div><h2 id="filehistory">File history</h2>
+<div id="mw-imagepage-section-filehistory">
+<p>Click on a date/time to view the file as it appeared at that time.
+</p>
+<table class="wikitable filehistory">
+<tr><th></th><th>Date/Time</th><th>Thumbnail</th><th>Dimensions</th><th>User</th><th>Comment</th></tr>
+<tr><td>current</td><td class='filehistory-selected' style='white-space: nowrap;'><a href="//upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg">00:04, 24 February 2007</a></td><td><a href="//upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg"><img alt="Thumbnail for version as of 00:04, 24 February 2007" src="//upload.wikimedia.org/wikipedia/en/thumb/a/a9/Example.jpg/111px-Example.jpg" decoding="async" width="111" height="120" data-file-width="275" data-file-height="297" /></a></td><td>275 × 297 <span style="white-space: nowrap;">(27 KB)</span></td><td><a href="/wiki/User:Centrx" class="mw-userlink" title="User:Centrx"><bdi>Centrx</bdi></a><span style="white-space: nowrap;"> <span class="mw-usertoollinks">(<a href="/wiki/User_talk:Centrx" class="mw-usertoollinks-talk" title="User talk:Centrx">talk</a> | <a href="/wiki/Special:Contributions/Centrx" class="mw-usertoollinks-contribs" title="Special:Contributions/Centrx">contribs</a>)</span></span></td><td dir="ltr">Minor tweak to text placement; diminish image height by 1 pixel.</td></tr>
+</table>
+
+</div>
+<ul>
+<li id="mw-imagepage-upload-disallowed">You cannot overwrite this file.</li>
+</ul>
+<h2 id="filelinks">File usage</h2>
+<div id='mw-imagepage-section-duplicates'>
+<p>The following file is a duplicate of this file (<a href="/wiki/Special:FileDuplicateSearch/Example.jpg" title="Special:FileDuplicateSearch/Example.jpg">more details</a>):
+</p><ul class='mw-imagepage-duplicates'>
+<li><a class="external" href="https://commons.wikimedia.org/wiki/File:Example_image_not_be_used_in_article_namespace.jpg">File:Example image not be used in article namespace.jpg</a> from Commons</li>
+</ul></div>
+<div id='mw-imagepage-section-linkstoimage'>
+<p>More than 100 pages use this file.
+The following list shows the first 100 pages that use this file only.
+A <a href="/wiki/Special:WhatLinksHere/File:Example.jpg" title="Special:WhatLinksHere/File:Example.jpg">full list</a> is available.
+</p><ul class="mw-imagepage-linkstoimage">
+<li class="mw-imagepage-linkstoimage-ns1"><a href="/wiki/Talk:Dudhope_Castle" title="Talk:Dudhope Castle">Talk:Dudhope Castle</a></li>
+<li class="mw-imagepage-linkstoimage-ns1"><a href="/wiki/Talk:Jeff_Hardy/Archive_1" title="Talk:Jeff Hardy/Archive 1">Talk:Jeff Hardy/Archive 1</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:2busy2chat" title="User:2busy2chat">User:2busy2chat</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Andrew_Gray/test" title="User:Andrew Gray/test">User:Andrew Gray/test</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Aquillyne/Sandbox" title="User:Aquillyne/Sandbox">User:Aquillyne/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Aveekbh/sandbox" title="User:Aveekbh/sandbox">User:Aveekbh/sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Big_Fat_Monkey" title="User:Big Fat Monkey">User:Big Fat Monkey</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Bleakcomb/Sandbox" title="User:Bleakcomb/Sandbox">User:Bleakcomb/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Bpeps/monobook.js" title="User:Bpeps/monobook.js">User:Bpeps/monobook.js</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Bryan_Derksen/Template_sandbox/test" title="User:Bryan Derksen/Template sandbox/test">User:Bryan Derksen/Template sandbox/test</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Cabualis" title="User:Cabualis">User:Cabualis</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Capesky" title="User:Capesky">User:Capesky</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Clay-all-over/Sandbox" title="User:Clay-all-over/Sandbox">User:Clay-all-over/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Daviruz/Sandbox" title="User:Daviruz/Sandbox">User:Daviruz/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Deepanbarathi.p" title="User:Deepanbarathi.p">User:Deepanbarathi.p</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Earthlyreason" title="User:Earthlyreason">User:Earthlyreason</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Editorofthewiki/Sandbox" title="User:Editorofthewiki/Sandbox">User:Editorofthewiki/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Editorofthewiki/Sandbox/Header" title="User:Editorofthewiki/Sandbox/Header">User:Editorofthewiki/Sandbox/Header</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Fxmastermind/sandbox1" title="User:Fxmastermind/sandbox1">User:Fxmastermind/sandbox1</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Genericweb/Sandbox" title="User:Genericweb/Sandbox">User:Genericweb/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Graeme_Bartlett/monobook.js" title="User:Graeme Bartlett/monobook.js">User:Graeme Bartlett/monobook.js</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Graydirt" title="User:Graydirt">User:Graydirt</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Guyinblack25/Sandbox" title="User:Guyinblack25/Sandbox">User:Guyinblack25/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Hhrep/sandbox" title="User:Hhrep/sandbox">User:Hhrep/sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Jaffabear/Sandbox" title="User:Jaffabear/Sandbox">User:Jaffabear/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:John_Bentley" title="User:John Bentley">User:John Bentley</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Kabirko" title="User:Kabirko">User:Kabirko</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Kresock/Sandbox" title="User:Kresock/Sandbox">User:Kresock/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Leeming~enwiki" title="User:Leeming~enwiki">User:Leeming~enwiki</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Lunakeet/Tests" title="User:Lunakeet/Tests">User:Lunakeet/Tests</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:MG~enwiki" title="User:MG~enwiki">User:MG~enwiki</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Mattisse/other4" title="User:Mattisse/other4">User:Mattisse/other4</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Megmegcrystalheatherbestm8s4eva" title="User:Megmegcrystalheatherbestm8s4eva">User:Megmegcrystalheatherbestm8s4eva</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Michael121397/Sandbox" title="User:Michael121397/Sandbox">User:Michael121397/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Michaelmorrison" title="User:Michaelmorrison">User:Michaelmorrison</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Minnaert/LACMA" title="User:Minnaert/LACMA">User:Minnaert/LACMA</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Munboy/Sandbox" title="User:Munboy/Sandbox">User:Munboy/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Musafirs" title="User:Musafirs">User:Musafirs</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:N8acu" title="User:N8acu">User:N8acu</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Nunamiut" title="User:Nunamiut">User:Nunamiut</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Otterathome/Sandbox" title="User:Otterathome/Sandbox">User:Otterathome/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:RICK-188/Sandbox" title="User:RICK-188/Sandbox">User:RICK-188/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Random832/WantedCats/1/1" title="User:Random832/WantedCats/1/1">User:Random832/WantedCats/1/1</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Ravindra_panwar" title="User:Ravindra panwar">User:Ravindra panwar</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Rejoyce99" title="User:Rejoyce99">User:Rejoyce99</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:RenoMaveRick" title="User:RenoMaveRick">User:RenoMaveRick</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:SPQRobin/common.js" title="User:SPQRobin/common.js">User:SPQRobin/common.js</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Seresin/Sandbox" title="User:Seresin/Sandbox">User:Seresin/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Sharat86" title="User:Sharat86">User:Sharat86</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Shiv_1010" title="User:Shiv 1010">User:Shiv 1010</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Shiv_1010/Shiv_1010/SecondPage" title="User:Shiv 1010/Shiv 1010/SecondPage">User:Shiv 1010/Shiv 1010/SecondPage</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Snowolf/monobook.js" title="User:Snowolf/monobook.js">User:Snowolf/monobook.js</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Sudharmasrinivas" title="User:Sudharmasrinivas">User:Sudharmasrinivas</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Sunny1009" title="User:Sunny1009">User:Sunny1009</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:The_Mighty_Kinkle/Sandbox" title="User:The Mighty Kinkle/Sandbox">User:The Mighty Kinkle/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Thisisborin9/Vandalism" title="User:Thisisborin9/Vandalism">User:Thisisborin9/Vandalism</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Was_a_bee" title="User:Was a bee">User:Was a bee</a></li>
+<li class="mw-imagepage-linkstoimage-ns2"><a href="/wiki/User:Yomangan/Venus_and_friends" title="User:Yomangan/Venus and friends">User:Yomangan/Venus and friends</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:192.229.17.103" title="User talk:192.229.17.103">User talk:192.229.17.103</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:23skidoo" title="User talk:23skidoo">User talk:23skidoo</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:68.185.48.254" title="User talk:68.185.48.254">User talk:68.185.48.254</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:76.79.87.177" title="User talk:76.79.87.177">User talk:76.79.87.177</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Afsar00786" title="User talk:Afsar00786">User talk:Afsar00786</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Basketball110/Archive_8" title="User talk:Basketball110/Archive 8">User talk:Basketball110/Archive 8</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Bkkumar" title="User talk:Bkkumar">User talk:Bkkumar</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Dijuponnarambil" title="User talk:Dijuponnarambil">User talk:Dijuponnarambil</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Dodgeguy" title="User talk:Dodgeguy">User talk:Dodgeguy</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Ecualegacy" title="User talk:Ecualegacy">User talk:Ecualegacy</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Flyguy649/Archive_9" title="User talk:Flyguy649/Archive 9">User talk:Flyguy649/Archive 9</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Heardism" title="User talk:Heardism">User talk:Heardism</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Javed_Ali" title="User talk:Javed Ali">User talk:Javed Ali</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Jjj1987" title="User talk:Jjj1987">User talk:Jjj1987</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Joemarie7" title="User talk:Joemarie7">User talk:Joemarie7</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Joew666" title="User talk:Joew666">User talk:Joew666</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Kaushal.bitspilani" title="User talk:Kaushal.bitspilani">User talk:Kaushal.bitspilani</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Lee1983" title="User talk:Lee1983">User talk:Lee1983</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:M2W" title="User talk:M2W">User talk:M2W</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Master_in_Design" title="User talk:Master in Design">User talk:Master in Design</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Mathardy" title="User talk:Mathardy">User talk:Mathardy</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Milhoras" title="User talk:Milhoras">User talk:Milhoras</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Msml" title="User talk:Msml">User talk:Msml</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Myles325a/Sandbox" title="User talk:Myles325a/Sandbox">User talk:Myles325a/Sandbox</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Neenareena" title="User talk:Neenareena">User talk:Neenareena</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Neok~enwiki" title="User talk:Neok~enwiki">User talk:Neok~enwiki</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Qayyum_Hanbhi" title="User talk:Qayyum Hanbhi">User talk:Qayyum Hanbhi</a></li>
+<li class="mw-imagepage-linkstoimage-ns3"><a href="/wiki/User_talk:Whittling" title="User talk:Whittling">User talk:Whittling</a></li>
+<li class="mw-imagepage-linkstoimage-ns4"><a href="/wiki/Wikipedia:Articles_for_creation/2007-11-28" title="Wikipedia:Articles for creation/2007-11-28">Wikipedia:Articles for creation/2007-11-28</a></li>
+<li class="mw-imagepage-linkstoimage-ns4"><a href="/wiki/Wikipedia:ClickFix" title="Wikipedia:ClickFix">Wikipedia:ClickFix</a></li>
+<li class="mw-imagepage-linkstoimage-ns4"><a href="/wiki/Wikipedia:Help_desk/Archives/2008_February_14" title="Wikipedia:Help desk/Archives/2008 February 14">Wikipedia:Help desk/Archives/2008 February 14</a></li>
+<li class="mw-imagepage-linkstoimage-ns4"><a href="/wiki/Wikipedia:Help_desk/Archives/2008_February_3" title="Wikipedia:Help desk/Archives/2008 February 3">Wikipedia:Help desk/Archives/2008 February 3</a></li>
+<li class="mw-imagepage-linkstoimage-ns4"><a href="/wiki/Wikipedia:Main_Page/Tomorrow" title="Wikipedia:Main Page/Tomorrow">Wikipedia:Main Page/Tomorrow</a></li>
+<li class="mw-imagepage-linkstoimage-ns4"><a href="/wiki/Wikipedia:Reference_desk/Archives/Science/2007_December_22" title="Wikipedia:Reference desk/Archives/Science/2007 December 22">Wikipedia:Reference desk/Archives/Science/2007 December 22</a></li>
+<li class="mw-imagepage-linkstoimage-ns4"><a href="/wiki/Wikipedia:Tutorial/Formatting" title="Wikipedia:Tutorial/Formatting">Wikipedia:Tutorial/Formatting</a></li>
+<li class="mw-imagepage-linkstoimage-ns4"><a href="/wiki/Wikipedia:Village_pump_(technical)/Archive_33" title="Wikipedia:Village pump (technical)/Archive 33">Wikipedia:Village pump (technical)/Archive 33</a></li>
+<li class="mw-imagepage-linkstoimage-ns5"><a href="/wiki/Wikipedia_talk:ClickFix" title="Wikipedia talk:ClickFix">Wikipedia talk:ClickFix</a></li>
+<li class="mw-imagepage-linkstoimage-ns5"><a href="/wiki/Wikipedia_talk:Extended_image_syntax" title="Wikipedia talk:Extended image syntax">Wikipedia talk:Extended image syntax</a></li>
+<li class="mw-imagepage-linkstoimage-ns11"><a href="/wiki/Template_talk:Double_image" title="Template talk:Double image">Template talk:Double image</a></li>
+<li class="mw-imagepage-linkstoimage-ns12"><a href="/wiki/Help:Edit_toolbar" title="Help:Edit toolbar">Help:Edit toolbar</a></li>
+<li class="mw-imagepage-linkstoimage-ns12"><a href="/wiki/Help:Options_to_hide_an_image" title="Help:Options to hide an image">Help:Options to hide an image</a></li>
+<li class="mw-imagepage-linkstoimage-ns13"><a href="/wiki/Help_talk:Pictures" title="Help talk:Pictures">Help talk:Pictures</a></li>
+</ul>
+</div>
+<h2 id="metadata">Metadata</h2>
+<div class="mw-imagepage-section-metadata"><p>This file contains additional information, probably added from the digital camera or scanner used to create or digitize it.
+</p><p>
+If the file has been modified from its original state, some details may not fully reflect the modified file.</p><table id="mw_metadata" class="mw_metadata collapsed">
+<tbody><tr class="exif-jpegfilecomment mw-metadata-collapsible"><th>JPEG file comment</th><td>Created with The GIMP</td></tr></tbody></table>
+</div><noscript><img src="//en.wikipedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" title="" width="1" height="1" style="border: none; position: absolute;" /></noscript></div>
+		
+		<div class="printfooter">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=File:Example.jpg&amp;oldid=755636715">https://en.wikipedia.org/w/index.php?title=File:Example.jpg&amp;oldid=755636715</a>"</div>
+		
+		<div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Categories</a>: <ul><li><a href="/wiki/Category:Wikipedia_upload-protected_files" title="Category:Wikipedia upload-protected files">Wikipedia upload-protected files</a></li><li><a href="/wiki/Category:Creative_Commons_Attribution-ShareAlike_3.0_files" title="Category:Creative Commons Attribution-ShareAlike 3.0 files">Creative Commons Attribution-ShareAlike 3.0 files</a></li><li><a href="/wiki/Category:Wikipedia_license_migration_completed" title="Category:Wikipedia license migration completed">Wikipedia license migration completed</a></li><li><a href="/wiki/Category:Wikipedia_image_placeholders" title="Category:Wikipedia image placeholders">Wikipedia image placeholders</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/wiki/Category:Wikipedia_fully-protected_files" title="Category:Wikipedia fully-protected files">Wikipedia fully-protected files</a></li><li><a href="/wiki/Category:Wikipedia_indefinitely_move-protected_pages" title="Category:Wikipedia indefinitely move-protected pages">Wikipedia indefinitely move-protected pages</a></li><li><a href="/wiki/Category:GFDL_files_with_disclaimers" title="Category:GFDL files with disclaimers">GFDL files with disclaimers</a></li><li><a href="/wiki/Category:All_free_media" title="Category:All free media">All free media</a></li><li><a href="/wiki/Category:Wikipedia_files_on_Wikimedia_Commons_for_which_a_local_copy_has_been_requested_to_be_kept" title="Category:Wikipedia files on Wikimedia Commons for which a local copy has been requested to be kept">Wikipedia files on Wikimedia Commons for which a local copy has been requested to be kept</a></li></ul></div></div>
+		
+		<div class="visualClear"></div>
+		
+	</div>
+</div>
+
+		<div id="mw-navigation">
+			<h2>Navigation menu</h2>
+			<div id="mw-head">
+									<div id="p-personal" role="navigation" aria-labelledby="p-personal-label">
+						<h3 id="p-personal-label">Personal tools</h3>
+						<ul>
+							<li id="pt-anonuserpage">Not logged in</li><li id="pt-anontalk"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n">Talk</a></li><li id="pt-anoncontribs"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y">Contributions</a></li><li id="pt-createaccount"><a href="/w/index.php?title=Special:CreateAccount&amp;returnto=File%3AExample.jpg" title="You are encouraged to create an account and log in; however, it is not mandatory">Create account</a></li><li id="pt-login"><a href="/w/index.php?title=Special:UserLogin&amp;returnto=File%3AExample.jpg" title="You&#039;re encouraged to log in; however, it&#039;s not mandatory. [o]" accesskey="o">Log in</a></li>						</ul>
+					</div>
+									<div id="left-navigation">
+										<div id="p-namespaces" role="navigation" class="vectorTabs" aria-labelledby="p-namespaces-label">
+						<h3 id="p-namespaces-label">Namespaces</h3>
+						<ul>
+							<li id="ca-nstab-image" class="selected"><span><a href="/wiki/File:Example.jpg" title="View the file page [c]" accesskey="c">File</a></span></li><li id="ca-talk"><span><a href="/wiki/File_talk:Example.jpg" rel="discussion" title="Discussion about the content page [t]" accesskey="t">Talk</a></span></li>						</ul>
+					</div>
+										<div id="p-variants" role="navigation" class="vectorMenu emptyPortlet" aria-labelledby="p-variants-label">
+												<input type="checkbox" class="vectorMenuCheckbox" aria-labelledby="p-variants-label" />
+						<h3 id="p-variants-label">
+							<span>Variants</span>
+						</h3>
+						<ul class="menu">
+													</ul>
+					</div>
+									</div>
+				<div id="right-navigation">
+										<div id="p-views" role="navigation" class="vectorTabs" aria-labelledby="p-views-label">
+						<h3 id="p-views-label">Views</h3>
+						<ul>
+							<li id="ca-view" class="collapsible selected"><span><a href="/wiki/File:Example.jpg">Read</a></span></li><li id="ca-edit" class="collapsible"><span><a href="/w/index.php?title=File:Example.jpg&amp;action=edit" title="Edit this page [e]" accesskey="e">Edit</a></span></li><li id="ca-history" class="collapsible"><span><a href="/w/index.php?title=File:Example.jpg&amp;action=history" title="Past revisions of this page [h]" accesskey="h">View history</a></span></li>						</ul>
+					</div>
+										<div id="p-cactions" role="navigation" class="vectorMenu emptyPortlet" aria-labelledby="p-cactions-label">
+						<input type="checkbox" class="vectorMenuCheckbox" aria-labelledby="p-cactions-label" />
+						<h3 id="p-cactions-label"><span>More</span></h3>
+						<ul class="menu">
+													</ul>
+					</div>
+										<div id="p-search" role="search">
+						<h3>
+							<label for="searchInput">Search</label>
+						</h3>
+						<form action="/w/index.php" id="searchform">
+							<div id="simpleSearch">
+								<input type="search" name="search" placeholder="Search Wikipedia" title="Search Wikipedia [f]" accesskey="f" id="searchInput"/><input type="hidden" value="Special:Search" name="title"/><input type="submit" name="fulltext" value="Search" title="Search Wikipedia for this text" id="mw-searchButton" class="searchButton mw-fallbackSearchButton"/><input type="submit" name="go" value="Go" title="Go to a page with this exact name if it exists" id="searchButton" class="searchButton"/>							</div>
+						</form>
+					</div>
+									</div>
+			</div>
+			<div id="mw-panel">
+				<div id="p-logo" role="banner"><a class="mw-wiki-logo" href="/wiki/Main_Page" title="Visit the main page"></a></div>
+						<div class="portal" role="navigation" id="p-navigation" aria-labelledby="p-navigation-label">
+			<h3 id="p-navigation-label">Navigation</h3>
+			<div class="body">
+								<ul>
+					<li id="n-mainpage-description"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z">Main page</a></li><li id="n-contents"><a href="/wiki/Portal:Contents" title="Guides to browsing Wikipedia">Contents</a></li><li id="n-featuredcontent"><a href="/wiki/Portal:Featured_content" title="Featured content – the best of Wikipedia">Featured content</a></li><li id="n-currentevents"><a href="/wiki/Portal:Current_events" title="Find background information on current events">Current events</a></li><li id="n-randompage"><a href="/wiki/Special:Random" title="Load a random article [x]" accesskey="x">Random article</a></li><li id="n-sitesupport"><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_en.wikipedia.org&amp;uselang=en" title="Support us">Donate to Wikipedia</a></li><li id="n-shoplink"><a href="//shop.wikimedia.org" title="Visit the Wikipedia store">Wikipedia store</a></li>				</ul>
+							</div>
+		</div>
+			<div class="portal" role="navigation" id="p-interaction" aria-labelledby="p-interaction-label">
+			<h3 id="p-interaction-label">Interaction</h3>
+			<div class="body">
+								<ul>
+					<li id="n-help"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia">Help</a></li><li id="n-aboutsite"><a href="/wiki/Wikipedia:About" title="Find out about Wikipedia">About Wikipedia</a></li><li id="n-portal"><a href="/wiki/Wikipedia:Community_portal" title="About the project, what you can do, where to find things">Community portal</a></li><li id="n-recentchanges"><a href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r">Recent changes</a></li><li id="n-contactpage"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia">Contact page</a></li>				</ul>
+							</div>
+		</div>
+			<div class="portal" role="navigation" id="p-tb" aria-labelledby="p-tb-label">
+			<h3 id="p-tb-label">Tools</h3>
+			<div class="body">
+								<ul>
+					<li id="t-whatlinkshere"><a href="/wiki/Special:WhatLinksHere/File:Example.jpg" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j">What links here</a></li><li id="t-recentchangeslinked"><a href="/wiki/Special:RecentChangesLinked/File:Example.jpg" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li><li id="t-upload"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u">Upload file</a></li><li id="t-specialpages"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q">Special pages</a></li><li id="t-permalink"><a href="/w/index.php?title=File:Example.jpg&amp;oldid=755636715" title="Permanent link to this revision of the page">Permanent link</a></li><li id="t-info"><a href="/w/index.php?title=File:Example.jpg&amp;action=info" title="More information about this page">Page information</a></li>				</ul>
+							</div>
+		</div>
+			<div class="portal" role="navigation" id="p-electronPdfService-sidebar-portlet-heading" aria-labelledby="p-electronPdfService-sidebar-portlet-heading-label">
+			<h3 id="p-electronPdfService-sidebar-portlet-heading-label">Print/export</h3>
+			<div class="body">
+								<ul>
+					<li id="electron-print_pdf"><a href="/w/index.php?title=Special:ElectronPdf&amp;page=File%3AExample.jpg&amp;action=show-download-screen">Download as PDF</a></li>				</ul>
+							</div>
+		</div>
+			<div class="portal" role="navigation" id="p-lang" aria-labelledby="p-lang-label">
+			<h3 id="p-lang-label">Languages</h3>
+			<div class="body">
+								<ul>
+									</ul>
+							</div>
+		</div>
+				</div>
+		</div>
+				<div id="footer" role="contentinfo">
+						<ul id="footer-info">
+								<li id="footer-info-lastmod"> This page was last edited on 19 December 2016, at 07:38<span class="anonymous-show">&#160;(UTC)</span>.</li>
+								<li id="footer-info-copyright">Text is available under the <a rel="license" href="//en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License">Creative Commons Attribution-ShareAlike License</a><a rel="license" href="//creativecommons.org/licenses/by-sa/3.0/" style="display:none;"></a>;
+additional terms may apply.  By using this site, you agree to the <a href="//foundation.wikimedia.org/wiki/Terms_of_Use">Terms of Use</a> and <a href="//foundation.wikimedia.org/wiki/Privacy_policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a href="//www.wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li>
+							</ul>
+						<ul id="footer-places">
+								<li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Privacy_policy" class="extiw" title="wmf:Privacy policy">Privacy policy</a></li>
+								<li id="footer-places-about"><a href="/wiki/Wikipedia:About" title="Wikipedia:About">About Wikipedia</a></li>
+								<li id="footer-places-disclaimer"><a href="/wiki/Wikipedia:General_disclaimer" title="Wikipedia:General disclaimer">Disclaimers</a></li>
+								<li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li>
+								<li id="footer-places-developers"><a href="https://www.mediawiki.org/wiki/Special:MyLanguage/How_to_contribute">Developers</a></li>
+								<li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Cookie_statement">Cookie statement</a></li>
+								<li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=File:Example.jpg&amp;mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li>
+							</ul>
+										<ul id="footer-icons" class="noprint">
+										<li id="footer-copyrightico">
+						<a href="https://wikimediafoundation.org/"><img src="/static/images/wikimedia-button.png" srcset="/static/images/wikimedia-button-1.5x.png 1.5x, /static/images/wikimedia-button-2x.png 2x" width="88" height="31" alt="Wikimedia Foundation"/></a>					</li>
+										<li id="footer-poweredbyico">
+						<a href="https://www.mediawiki.org/"><img src="/static/images/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/static/images/poweredby_mediawiki_132x47.png 1.5x, /static/images/poweredby_mediawiki_176x62.png 2x" width="88" height="31"/></a>					</li>
+									</ul>
+						<div style="clear: both;"></div>
+		</div>
+		
+
+<script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgPageParseReport":{"limitreport":{"cputime":"0.092","walltime":"0.158","ppvisitednodes":{"value":426,"limit":1000000},"ppgeneratednodes":{"value":0,"limit":1500000},"postexpandincludesize":{"value":21172,"limit":2097152},"templateargumentsize":{"value":1883,"limit":2097152},"expansiondepth":{"value":15,"limit":40},"expensivefunctioncount":{"value":2,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":8,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00%  116.395      1 -total"," 39.58%   46.065      1 Template:Pp-template"," 29.99%   34.912      1 Template:GFDL-with-disclaimers"," 18.35%   21.353      1 Template:License_migration"," 14.74%   17.159      1 Template:Example_files"," 13.60%   15.832      1 Template:License_migration_complete"," 11.96%   13.920      1 Template:Notice"," 10.80%   12.568      1 Template:Cc-by-sa-3.0-migrated"," 10.05%   11.699      1 Template:Information","  9.03%   10.513      1 Template:Mbox"]},"scribunto":{"limitreport-timeusage":{"value":"0.025","limit":"10.000"},"limitreport-memusage":{"value":1389881,"limit":52428800}},"cachereport":{"origin":"mw1262","timestamp":"20190710015735","ttl":3600,"transientcontent":true}}});mw.config.set({"wgBackendResponseTime":196,"wgHostname":"mw1263"});});</script>
+</body>
+</html>
diff --git a/sample/codelab-4-codelab-markdown/img/3c1a18672fbd28c8.png b/sample/codelab-4-codelab-markdown/img/3c1a18672fbd28c8.png
new file mode 100644
index 000000000..12530bac8
Binary files /dev/null and b/sample/codelab-4-codelab-markdown/img/3c1a18672fbd28c8.png differ
diff --git a/sample/codelab-4-codelab-markdown/img/e2500cc24e07c73f.png b/sample/codelab-4-codelab-markdown/img/e2500cc24e07c73f.png
new file mode 100644
index 000000000..8438251b4
Binary files /dev/null and b/sample/codelab-4-codelab-markdown/img/e2500cc24e07c73f.png differ
diff --git a/sample/codelab-4-codelab-markdown/img/f33a6d4f393e4380.png b/sample/codelab-4-codelab-markdown/img/f33a6d4f393e4380.png
new file mode 100644
index 000000000..4d73f35d2
Binary files /dev/null and b/sample/codelab-4-codelab-markdown/img/f33a6d4f393e4380.png differ
diff --git a/sample/codelab-4-codelab-markdown/index.html b/sample/codelab-4-codelab-markdown/index.html
new file mode 100644
index 000000000..cd9f7c4eb
--- /dev/null
+++ b/sample/codelab-4-codelab-markdown/index.html
@@ -0,0 +1,200 @@
+
+<!doctype html>
+
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+  <meta name="theme-color" content="#4F7DC9">
+  <meta charset="UTF-8">
+  <title>CodeLab to Create a CodeLab</title>
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Code+Pro:400|Roboto:400,300,400italic,500,700|Roboto+Mono">
+  <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
+  <link rel="stylesheet" href="https://storage.googleapis.com/codelab-elements/codelab-elements.css">
+  <style>
+    .success {
+      color: #1e8e3e;
+    }
+    .error {
+      color: red;
+    }
+  </style>
+</head>
+<body>
+  <google-codelab-analytics gaid="UA-49880327-14"></google-codelab-analytics>
+  <google-codelab codelab-gaid=""
+                  id="codelab-4-codelab-markdown"
+                  title="CodeLab to Create a CodeLab"
+                  environment="web"
+                  feedback-link="https://github.com/Mrc0113/codelab-4-codelab">
+    
+      <google-codelab-step label="CodeLab Overview" duration="2">
+        <p>Are you trying to create easy to use, visually appealing content for the tech community? This CodeLab will show you how to quickly create your own Google CodeLab just like the one you&#39;re using right now.<br>When creating a Codelab you have two authoring options:</p>
+<ol type="1">
+<li>Using a Google Doc</li>
+<li>Using a markdown file</li>
+</ol>
+<p>In this codelab we are going to use the second option and author our codelab using a markdown file. This gives us the flexibility of using our markdown file for other things and also storing it in our github repo with any code that might be used for a tutorial.</p>
+<p>Here is an example image of another CodeLab that I created:<br><img alt="image_caption" src="img/e2500cc24e07c73f.png"></p>
+<p><strong>Resources:</strong></p>
+<ul>
+<li>This codelab&#39;s original home is located here: <a href="https://www.marcd.dev/codelab-4-codelab" target="_blank">Link to Codelab</a></li>
+<li>The markdown for the original codelab is located here: <a href="https://github.com/Mrc0113/codelab-4-codelab/blob/master/codelab.md" target="_blank">codelab.md</a></li>
+<li><a href="https://github.com/googlecodelabs/tools" target="_blank">Google CodeLabs Tools Github</a> - The repo that contains the claat tool we&#39;ll be using today</li>
+<li><a href="https://groups.google.com/forum/#!forum/codelab-authors" target="_blank">Google Group for CodeLab Authors</a> - great forum for asking questions about codelabs and discussing future functionality</li>
+<li><a href="https://medium.com/@mariopce/tutorial-how-to-make-tutorials-using-google-code-labs-gangdam-style-d62b35476816" target="_blank">A blog that I used when getting started with Google Codelabs</a></li>
+</ul>
+
+
+      </google-codelab-step>
+    
+      <google-codelab-step label="Environment Setup" duration="4">
+        <p>In order to create a CodeLab you need <em>Go</em> and <em>claat</em> (the codelabs command line tool) installed.</p>
+<p>The instructions below are what worked for me on Mac, but you can also find instructions <a href="https://github.com/googlecodelabs/tools/tree/master/claat" target="_blank">here</a></p>
+<h3 is-upgraded>Install Go</h3>
+<p>Install <a href="https://golang.org/dl/" target="_blank">Go</a> if you don&#39;t have it.<br>You can use Homebrew if you have it on mac</p>
+<pre><code>$ brew install go
+</code></pre>
+<h3 is-upgraded>Setup Go Environment Variables</h3>
+<p>Below is what I set on mac, but instructions are <a href="https://golang.org/doc/install" target="_blank">here</a> for other OS options</p>
+<pre><code>$ export GOPATH=$HOME/Go
+$ export GOROOT=/usr/local/opt/go/libexec
+$ export PATH=$PATH:$GOPATH/bin
+$ export PATH=$PATH:$GOROOT/bin
+</code></pre>
+<h3 is-upgraded>Install claat</h3>
+<p>Install claat</p>
+<pre><code>$ go get -u -v -x github.com/googlecodelabs/tools/claat
+</code></pre>
+<p>You should now have the <em>claat</em> command available to you.</p>
+<pre><code>$ claat
+</code></pre>
+
+
+      </google-codelab-step>
+    
+      <google-codelab-step label="Create your initial CodeLab" duration="5">
+        <p>Now that we have the environment setup let&#39;s go ahead and create a markdown file where we&#39;ll create the actual codelab.</p>
+<aside class="warning"><p>If you&#39;re using Windows make sure to set your text editor to use UNIX line endings!</p>
+</aside>
+<pre><code>$ vim codelab.md
+</code></pre>
+<h3 is-upgraded>Fill-in the header metadata</h3>
+<p>Copy and paste the headers below into your markdown file and change the values appropriately.<br>Guidelines are available below the sample headers.</p>
+<pre><code>author: Author Name
+summary: Summary of your codelab that is human readable
+id: unique-codelab-identifier
+categories: codelab,markdown
+environments: Web
+status: Published
+feedback link: A link where users can go to provide feedback (Maybe the git repo)
+analytics account: Google Analytics ID
+</code></pre>
+<p>Metadata consists of key-value pairs of the form &#34;key: value&#34;. Keys cannot<br>contain colons, and separate metadata fields must be separated by blank lines.<br>At present, values must all be on one line. All metadata must come before the<br>title. Any arbitrary keys and values may be used; however, only the following<br>will be understood by the renderer:</p>
+<ul>
+<li>Summary: A human-readable summary of the codelab. Defaults to blank.</li>
+<li>Id: An identifier composed of lowercase letters ideally describing the<br>content of the codelab. This field should be unique among<br>codelabs.</li>
+<li>Categories: A comma-separated list of the topics the codelab covers.</li>
+<li>Environments: A list of environments the codelab should be discoverable in.<br>Codelabs marked &#34;Web&#34; will be visible at the codelabs index. Codelabs marked<br>&#34;Kiosk&#34; will only be available at codelabs kiosks, which have special<br>equipment attached.</li>
+<li>Status: The publication status of the codelab. Valid values are:<br><br><ul>
+<li>Draft: Codelab is not finished.</li>
+<li>Published: Codelab is finished and visible.</li>
+<li>Deprecated: Codelab is considered stale and should not be widely advertised.</li>
+<li>Hidden: Codelab is not shown in index.</li>
+</ul>
+</li>
+<li>Feedback Link: A link to send users to if they wish to leave feedback on the<br>codelab.</li>
+<li>Analytics Account: A Google Analytics ID to include with all codelab pages.</li>
+</ul>
+<h3 is-upgraded>Add the Title</h3>
+<p>Next add your title using a single ‘#&#39; character</p>
+<pre><code># Title of codelab
+</code></pre>
+<h3 is-upgraded>Add Sections and Durations</h3>
+<p>Then for each section use Header 2 or ‘##&#39; and specify an optional duration beneath for time remaining calculations<br>Optional section times will be used to automatically total and remaining tutorial times<br>In markdown I&#39;ve found that the time is formatted hh:mm:ss</p>
+<p>Example</p>
+<pre><code>## Section 1
+Duration: 0:10:00
+
+## Section 2
+Duration: 0:05:00
+</code></pre>
+<h3 is-upgraded>Add Section Content</h3>
+<p>Now that we have 2 sections to our titled codelab let&#39;s go ahead and add some content to each section.<br>Make up your own or copy and paste the example below:</p>
+<p>Copy into section 1 (Below Duration and above Section 2):</p>
+<pre><code>### Info Boxes
+Plain Text followed by green and yellow info boxes 
+
+Negative
+: This will appear in a yellow info box.
+
+Positive
+: This will appear in a green info box.
+
+You created info boxes!
+
+### Bullets
+Plain Text followed by bullets
+* Hello
+* CodeLab
+* World
+
+You created bullets!
+
+### Numbered List
+1. List
+1. Using
+1. Numbers
+
+You created a numbered list!
+
+</code></pre>
+<p>Copy into section 2 (Below Duration):</p>
+<pre><code>### Add a Link
+Adding a link!
+[Example of a Link](https://www.google.com)
+
+### Add an Image
+Adding an image!
+![image_caption](https://googlecloud.tips/img/031/codelabs.png)
+
+### Embed an iframe
+![https://codepen.io/tzoght/embed/yRNZaP](https://en.wikipedia.org/wiki/File:Example.jpg &#34;Try Me Publisher&#34;)
+</code></pre>
+<p>More Markdown Parser examples can be found <a href="https://github.com/googlecodelabs/tools/tree/master/claat/parser/md" target="_blank">here</a>.</p>
+
+
+      </google-codelab-step>
+    
+      <google-codelab-step label="Export and Serve" duration="2">
+        <p>Now that you have an initial codelab defined in your markdown file let&#39;s go ahead and generate the static site content.<br>We can export and serve the content locally using the <code>claat</code> command that we installed earlier.</p>
+<pre><code>$ claat export codelab.md
+$ claat serve
+</code></pre>
+<ul>
+<li>Your browser should have opened (if it doesn&#39;t then try going to localhost:9090 in your browser).</li>
+<li>Choose the directory that matches your &#34;id&#34; that you put in the headers.</li>
+<li>Viola! You should have your first codelab!</li>
+</ul>
+
+
+      </google-codelab-step>
+    
+      <google-codelab-step label="Host Your CodeLab" duration="1">
+        <p>When you ran the <code>claat export</code> command you created the static web content needed to host your codelab.<br>It placed static web content in a directory specified by your unique &#34;id&#34; and you can view it locally by opening the index.html page.</p>
+<aside class="warning"><p>Note that when you view it locally by opening index.html some of the graphics may not show up (such as access_time, Next, Back), but they work once online.</p>
+</aside>
+<p>Now that you have the static content you can host it however you want.<br>One option is pushing it to github and serving it up from Netlify.</p>
+<p>If you&#39;d like to create your own landing page for codelabs, <a href="https://codelabs.developers.google.com" target="_blank">like this one</a>, there is a tool to do that as well!<br>Check it out here: <a href="https://github.com/googlecodelabs/tools/blob/master/site/README.md" target="_blank">CodeLabs Site</a></p>
+
+
+      </google-codelab-step>
+    
+  </google-codelab>
+
+  <script src="https://storage.googleapis.com/codelab-elements/native-shim.js"></script>
+  <script src="https://storage.googleapis.com/codelab-elements/custom-elements.min.js"></script>
+  <script src="https://storage.googleapis.com/codelab-elements/prettify.js"></script>
+  <script src="https://storage.googleapis.com/codelab-elements/codelab-elements.js"></script>
+
+</body>
+</html>
diff --git a/sample/codelab.md b/sample/codelab.md
new file mode 100644
index 000000000..d980a115b
--- /dev/null
+++ b/sample/codelab.md
@@ -0,0 +1,219 @@
+author: Marc DiPasquale
+summary: Create a CodeLab Using Markdown
+id: codelab-4-codelab-markdown
+categories: codelab,markdown
+environments: Web
+status: Published
+feedback link: https://github.com/Mrc0113/codelab-4-codelab
+
+# CodeLab to Create a CodeLab
+
+## CodeLab Overview
+Duration: 0:02:00
+
+Are you trying to create easy to use, visually appealing content for the tech community? This CodeLab will show you how to quickly create your own Google CodeLab just like the one you're using right now. 
+When creating a Codelab you have two authoring options: 
+1. Using a Google Doc
+1. Using a markdown file
+
+In this codelab we are going to use the second option and author our codelab using a markdown file. This gives us the flexibility of using our markdown file for other things and also storing it in our github repo with any code that might be used for a tutorial. 
+
+Here is an example image of another CodeLab that I created:
+![image_caption](img/codelabexample.png)
+
+
+**Resources:** 
+* This codelab's original home is located here: [Link to Codelab](https://www.marcd.dev/codelab-4-codelab)
+* The markdown for the original codelab is located here: [codelab.md](https://github.com/Mrc0113/codelab-4-codelab/blob/master/codelab.md)
+* [Google CodeLabs Tools Github](https://github.com/googlecodelabs/tools) - The repo that contains the claat tool we'll be using today
+* [Google Group for CodeLab Authors](https://groups.google.com/forum/#!forum/codelab-authors) - great forum for asking questions about codelabs and discussing future functionality
+* [A blog that I used when getting started with Google Codelabs](https://medium.com/@mariopce/tutorial-how-to-make-tutorials-using-google-code-labs-gangdam-style-d62b35476816)
+
+## Environment Setup
+Duration: 0:04:00
+
+In order to create a CodeLab you need *Go* and *claat* (the codelabs command line tool) installed.
+
+The instructions below are what worked for me on Mac, but you can also find instructions [here](https://github.com/googlecodelabs/tools/tree/master/claat) 
+
+#### Install Go 
+
+Install [Go](https://golang.org/dl/) if you don't have it.
+You can use Homebrew if you have it on mac 
+``` bash
+$ brew install go
+```
+
+#### Setup Go Environment Variables
+Below is what I set on mac, but instructions are [here](https://golang.org/doc/install) for other OS options
+
+``` bash
+$ export GOPATH=$HOME/Go
+$ export GOROOT=/usr/local/opt/go/libexec
+$ export PATH=$PATH:$GOPATH/bin
+$ export PATH=$PATH:$GOROOT/bin
+```
+
+#### Install claat
+Install claat
+``` bash
+$ go get -u -v -x github.com/googlecodelabs/tools/claat
+```
+
+You should now have the *claat* command available to you. 
+``` bash
+$ claat
+```
+
+## Create your initial CodeLab
+Duration: 0:05:00
+
+Now that we have the environment setup let's go ahead and create a markdown file where we'll create the actual codelab. 
+
+Negative
+: If you're using Windows make sure to set your text editor to use UNIX line endings! 
+
+####
+``` bash
+$ vim codelab.md
+```
+
+#### Fill-in the header metadata
+Copy and paste the headers below into your markdown file and change the values appropriately. 
+Guidelines are available below the sample headers. 
+
+``` bash
+author: Author Name
+summary: Summary of your codelab that is human readable
+id: unique-codelab-identifier
+categories: codelab,markdown
+environments: Web
+status: Published
+feedback link: A link where users can go to provide feedback (Maybe the git repo)
+analytics account: Google Analytics ID
+```
+
+Metadata consists of key-value pairs of the form "key: value". Keys cannot
+contain colons, and separate metadata fields must be separated by blank lines.
+At present, values must all be on one line. All metadata must come before the
+title. Any arbitrary keys and values may be used; however, only the following
+will be understood by the renderer:
+
+* Summary: A human-readable summary of the codelab. Defaults to blank.
+* Id: An identifier composed of lowercase letters ideally describing the
+  content of the codelab. This field should be unique among
+  codelabs.
+* Categories: A comma-separated list of the topics the codelab covers.
+* Environments: A list of environments the codelab should be discoverable in.
+  Codelabs marked "Web" will be visible at the codelabs index. Codelabs marked
+  "Kiosk" will only be available at codelabs kiosks, which have special
+  equipment attached.
+* Status: The publication status of the codelab. Valid values are:
+  - Draft: Codelab is not finished.
+  - Published: Codelab is finished and visible.
+  - Deprecated: Codelab is considered stale and should not be widely advertised.
+  - Hidden: Codelab is not shown in index.
+* Feedback Link: A link to send users to if they wish to leave feedback on the
+  codelab.
+* Analytics Account: A Google Analytics ID to include with all codelab pages.
+
+#### Add the Title
+Next add your title using a single '#' character
+```
+# Title of codelab
+```
+
+#### Add Sections and Durations
+Then for each section use Header 2 or '##' and specify an optional duration beneath for time remaining calculations
+Optional section times will be used to automatically total and remaining tutorial times
+In markdown I've found that the time is formatted hh:mm:ss
+
+Example
+``` bash
+## Section 1
+Duration: 0:10:00
+
+## Section 2
+Duration: 0:05:00
+```
+
+#### Add Section Content
+Now that we have 2 sections to our titled codelab let's go ahead and add some content to each section. 
+Make up your own or copy and paste the example below: 
+
+Copy into section 1 (Below Duration and above Section 2):
+```
+### Info Boxes
+Plain Text followed by green and yellow info boxes 
+
+Negative
+: This will appear in a yellow info box.
+
+Positive
+: This will appear in a green info box.
+
+You created info boxes!
+
+### Bullets
+Plain Text followed by bullets
+* Hello
+* CodeLab
+* World
+
+You created bullets!
+
+### Numbered List
+1. List
+1. Using
+1. Numbers
+
+You created a numbered list!
+
+```
+
+Copy into section 2 (Below Duration): 
+```
+### Add a Link
+Adding a link!
+[Example of a Link](https://www.google.com)
+
+### Add an Image
+Adding an image!
+![image_caption](https://googlecloud.tips/img/031/codelabs.png)
+
+### Embed an iframe
+![https://codepen.io/tzoght/embed/yRNZaP](https://en.wikipedia.org/wiki/File:Example.jpg "Try Me Publisher")
+```
+
+More Markdown Parser examples can be found [here](https://github.com/googlecodelabs/tools/tree/master/claat/parser/md).
+
+## Export and Serve
+Duration: 0:02:00
+
+Now that you have an initial codelab defined in your markdown file let's go ahead and generate the static site content. 
+We can export and serve the content locally using the `claat` command that we installed earlier. 
+
+``` bash
+$ claat export codelab.md
+$ claat serve
+```
+
+* Your browser should have opened (if it doesn't then try going to localhost:9090 in your browser). 
+* Choose the directory that matches your "id" that you put in the headers. 
+* Viola! You should have your first codelab!
+
+## Host Your CodeLab
+Duration: 0:01:00
+
+When you ran the `claat export` command you created the static web content needed to host your codelab. 
+It placed static web content in a directory specified by your unique "id" and you can view it locally by opening the index.html page. 
+
+Negative
+: Note that when you view it locally by opening index.html some of the graphics may not show up (such as access_time, Next, Back), but they work once online. 
+
+
+Now that you have the static content you can host it however you want.
+One option is pushing it to github and serving it up from Netlify.  
+
+If you'd like to create your own landing page for codelabs, [like this one](https://codelabs.developers.google.com), there is a tool to do that as well! 
+Check it out here: [CodeLabs Site](https://github.com/googlecodelabs/tools/blob/master/site/README.md)
diff --git a/sample/img/codelabexample.png b/sample/img/codelabexample.png
new file mode 100644
index 000000000..8438251b4
Binary files /dev/null and b/sample/img/codelabexample.png differ

Description +	+ An example image. This image should not be used in article namespace. + +
Source +	+ Derived from File:Gutza Wikipedia logo.png + +
Date +	+
Author +	+ Original by Gutza, modifications by Centrx + +
Permission (Reusing this file) +	+ See below. + + +