HiVolda Styleguide

Text 

<section class="row widget-text">
    <div class="inner-row">

        <div class="wg-body">

            <div class="copy">
                <h1>H1 title</h1>
                <p>First paragraph</p>
                <p>Second paragraph with <code>code snippet</code>, <a href="http://testlenke.no" class="btn" data-test="test">Link with .btn class</a>.</p>
                <h2>Unordered list</h2>
                <ul>
                    <li>First list item</li>
                    <li>Second list item</li>
                    <li>Third list item</li>
                </ul>
                <h2>Code block</h2>
                <pre><code class="language-js">function hello() {
  console.log(&quot;Hello, I'm a code block&quot;);
}
</code></pre>

            </div>
        </div>

    </div>
</section>
 
{% include "@widget-top"%}
  <div class="copy">
  {{ text | markdown }}
  </div>
{% include "@widget-bottom"%}
 
{
  "wg_element": "section",
  "wg_class": "widget-text",
  "text": "# H1 title\nFirst paragraph\n\nSecond paragraph with `code snippet`, [Link with .btn class](http://testlenke.no){.btn data-test=\"test\"}.\n\n## Unordered list\n- First list item\n- Second list item\n- Third list item\n\n## Code block\n```js\nfunction hello() {\n  console.log(\"Hello, I'm a code block\");\n}\n```\n"
}

No notes defined.