<!DOCTYPE html>
<html>

  {% include head.html %}

  <body class="layout-{{ page.class }} {{ page.title | slugify }}">

    {% include header.html %}

    <!-- content start -->

    <div class="page-content">
      <div class="wrapper">

        <main>

          {{ content }}

        </main>

      </div>
    </div>

    <!-- content end -->

    {% include footer.html %}
    {% include javascripts.html %}

  </body>

</html>

<!DOCTYPE html>
<html>

  {% include head.html %}

  <body class="layout-{{ page.layout }} {{ page.title | slugify }}">

    {% include header.html %}

    <!-- content start -->

    <div class="page-content">
      <div class="wrapper">

        <main>

          {{ content }}

        </main>

      </div>
    </div>

    <!-- content end -->

    {% include footer.html %}
    {% include javascripts.html %}

  </body>

</html>

Use layout type as a custom class on the body tag
Use layout type as a custom class on the body tag
