There are no notes for this item.

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link media="all" rel="stylesheet" href="../../css/main.css">
    <link media="all" rel="stylesheet" href="../../css/components.css">
    <link media="all" rel="stylesheet" href="../../css/styleguide.css">
    <script src="../../js/main.min.js"></script>
    <title> | NRRD Design System</title>
</head>

<body>

    <div class="pl-preview">

        <div class="container">
            <div class="container-left-8 container-shift-reverse-1">
                <h1 id="title">Top of the page</h1>
                <section class="container">
                    <h2 id="section-a">Section A</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie suscipit facilisis. Nulla tempus non metus ut porttitor. Suspendisse luctus lacus vel tortor pellentesque ullamcorper. Donec libero nunc, sodales vel sollicitudin et, porta aliquet
                        eros. Aenean vel euismod leo. In a dignissim lectus. Vivamus congue lobortis massa sit amet efficitur.
                    </p>

                    <h3 id="sub-item-a">Sub-item A</h3>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie suscipit facilisis. Nulla tempus non metus ut porttitor. Suspendisse luctus lacus vel tortor pellentesque ullamcorper. Donec libero nunc, sodales vel sollicitudin et, porta aliquet
                        eros. Aenean vel euismod leo. In a dignissim lectus. Vivamus congue lobortis massa sit amet efficitur.
                    </p>

                    <h3 id="sub-item-b">Sub-item B</h3>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie suscipit facilisis. Nulla tempus non metus ut porttitor. Suspendisse luctus lacus vel tortor pellentesque ullamcorper. Donec libero nunc, sodales vel sollicitudin et, porta aliquet
                        eros. Aenean vel euismod leo. In a dignissim lectus. Vivamus congue lobortis massa sit amet efficitur.
                    </p>

                </section>

                <section class="container">
                    <h2 id="section-b">Section B</h2>
                    <div class="container">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie suscipit facilisis. Nulla tempus non metus ut porttitor. Suspendisse luctus lacus vel tortor pellentesque ullamcorper. Donec libero nunc, sodales vel sollicitudin et, porta aliquet
                            eros. Aenean vel euismod leo. In a dignissim lectus. Vivamus congue lobortis massa sit amet efficitur.
                        </p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie suscipit facilisis. Nulla tempus non metus ut porttitor. Suspendisse luctus lacus vel tortor pellentesque ullamcorper. Donec libero nunc, sodales vel sollicitudin et, porta aliquet
                            eros. Aenean vel euismod leo. In a dignissim lectus. Vivamus congue lobortis massa sit amet efficitur.
                        </p>
                    </div>
                </section>

                <section class="container">
                    <h2 id="section-c">Section C</h2>
                    <div class="container">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie suscipit facilisis. Nulla tempus non metus ut porttitor. Suspendisse luctus lacus vel tortor pellentesque ullamcorper. Donec libero nunc, sodales vel sollicitudin et, porta aliquet
                            eros. Aenean vel euismod leo. In a dignissim lectus. Vivamus congue lobortis massa sit amet efficitur.
                        </p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie suscipit facilisis. Nulla tempus non metus ut porttitor. Suspendisse luctus lacus vel tortor pellentesque ullamcorper. Donec libero nunc, sodales vel sollicitudin et, porta aliquet
                            eros. Aenean vel euismod leo. In a dignissim lectus. Vivamus congue lobortis massa sit amet efficitur.
                        </p>
                    </div>
                </section>

                <section class="container">
                    <h2 id="section-d">Section D</h2>
                    <div class="container">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie suscipit facilisis. Nulla tempus non metus ut porttitor. Suspendisse luctus lacus vel tortor pellentesque ullamcorper. Donec libero nunc, sodales vel sollicitudin et, porta aliquet
                            eros. Aenean vel euismod leo. In a dignissim lectus. Vivamus congue lobortis massa sit amet efficitur.
                        </p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie suscipit facilisis. Nulla tempus non metus ut porttitor. Suspendisse luctus lacus vel tortor pellentesque ullamcorper. Donec libero nunc, sodales vel sollicitudin et, porta aliquet
                            eros. Aenean vel euismod leo. In a dignissim lectus. Vivamus congue lobortis massa sit amet efficitur.
                        </p>
                    </div>
                </section>

            </div>

        </div>
    </div>
    <script src="../../js/state-pages.min.js"></script>
</body>

</html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link media="all" rel="stylesheet" href="{{ path '/css/main.css' }}">
    <link media="all" rel="stylesheet" href="{{ path '/css/components.css' }}">
    <link media="all" rel="stylesheet" href="{{ path '/css/styleguide.css' }}">
    <script src="{{ path '/js/main.min.js' }}"></script>
    <title>{{ _target.title }} | NRRD Design System</title>
</head>
<body>

<div class="pl-preview">

  <div class="container">
    <div class="container-left-8 container-shift-reverse-1">
      <h1 id="title">Top of the page</h1>
      <section class="container">
        <h2 id="section-a">Section A</h2>
        <p>{{> lorem }}</p>

        <h3 id="sub-item-a">Sub-item A</h3>
        <p>{{> lorem }}</p>

        <h3 id="sub-item-b">Sub-item B</h3>
        <p>{{> lorem }}</p>

      </section>

      <section class="container">
        <h2 id="section-b">Section B</h2>
        <div class="container">
          <p>{{> lorem }}</p>
          <p>{{> lorem }}</p>
        </div>
      </section>

      <section class="container">
        <h2 id="section-c">Section C</h2>
        <div class="container">
          <p>{{> lorem }}</p>
          <p>{{> lorem }}</p>
        </div>
      </section>

      <section class="container">
        <h2 id="section-d">Section D</h2>
        <div class="container">
          <p>{{> lorem }}</p>
          <p>{{> lorem }}</p>
        </div>
      </section>

    </div>

    {{{ yield }}}
  </div>
</div>
<script src="{{ path '/js/state-pages.min.js' }}"></script>
</body>
</html>
/* No context defined for this component. */