gabrielnau/alternate_layout.liquid.html

## alternate_layout.liquid.html
<html>
  <head>
    <title>The Alternate Layout</title>
  </head>
  <body>
    <header>
      Alternate header
    </header>
    <div id="content">
      {% block alternate_content %}
        the content of the alternate layout page, it can be empty if you just want to define an empty layout
      {% endblock %}
    </div>
    <footer>
      Alternate footer
    </footer>
  </body>
</html>

## alternate_page.liquid.html
{% extends alternate_layout %}

{% block alternate_content %}
  the content of alternate page, using the layout defined in alternate_layout.liquid.html
{% endblock %}

## index.liquid.html
<html>
  <head>
    <title>The Main Layout</title>
  </head>
  <body>
    <header>
      Main header
    </header>
    <div id="content">
      {% block main_content %}
        the content of the index page
      {% endblock %}
    </div>
    <footer>
      Main footer
    </footer>
  </body>
</html>

## normal.liquid.html
{% extends parent %}

{% block main_content %}
  the content of the normal page
{% endblock %}
	<html>
	<head>
	<title>The Alternate Layout</title>
	</head>
	<body>
	<header>
	Alternate header
	</header>
	<div id="content">
	{% block alternate_content %}
	the content of the alternate layout page, it can be empty if you just want to define an empty layout
	{% endblock %}
	</div>
	<footer>
	Alternate footer
	</footer>
	</body>
	</html>
	{% extends alternate_layout %}

	{% block alternate_content %}
	the content of alternate page, using the layout defined in alternate_layout.liquid.html
	{% endblock %}
	<html>
	<head>
	<title>The Main Layout</title>
	</head>
	<body>
	<header>
	Main header
	</header>
	<div id="content">
	{% block main_content %}
	the content of the index page
	{% endblock %}
	</div>
	<footer>
	Main footer
	</footer>
	</body>
	</html>
	{% extends parent %}

	{% block main_content %}
	the content of the normal page
	{% endblock %}