---
layout: for_screenshot
title: HTML Sample
---

<pre class="language-markup"><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width&quot;&gt;
      &lt;link href=&quot;styles.css&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;title&gt;Hello, World!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;header&gt;
        &lt;a href=&quot;/&quot; class=&quot;logo&quot;&gt;
          World Corp
        &lt;/a&gt;
    &lt;/header&gt;
    &lt;main&gt;
      &lt;article class=&quot;post&quot; data-article-id=&quot;1&quot;&gt;
        &lt;h1&gt;Hello from World Corp&lt;/h1&gt;
        &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry...&lt;/p&gt;
      &lt;/article&gt;
    &lt;/main&gt; &lt;!-- END of main content --&gt;
    &lt;script async src=&quot;main.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;</code></pre>
