dirkkelly/gist:839681

## gistfile1.txt
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
  {% include 'head' %}
</head>
<body class="{{ page.slug }}">
  {% include 'header' %}
  {% block content %}
  <section id="banner">
    <h1>{% editable_short_text 'banner heading' %}Beautiful, functional &amp; accessible applications{% endeditable_short_text %}</h1>
    <h2>{% editable_short_text 'banner subheading' %}Sick of web companies that just don’t seem to get it? We get it!{% endeditable_short_text %}</h2>
    <p>{% editable_short_text 'banner text' %}The Frontier Group is a passionate web design and web development company that listens, and then delivers a cost-effective solution for you or your business.{% endeditable_short_text %}</p>
  </section>
  {% endblock %}

  {% block banner %}
  <article id="casestudy">
    <div class="wrap">
      <h2>Case Study</h2>
      {% for casestudy in contents.casestudies %}
      <article>
        <h3>{{ casestudy.name }}</h3>
        <div class="image">
          {{ casestudy.bannerimage.url | image_tag, ['height:415','width:313'] }}
          <a class="view_case_study" href="/casestudies/{{ casestudy._permalink }}">View case study</a>
        </div>
        <div class="content">
          {{ casestudy.excerpt }}
        </div>
      </article>
      {% endfor %}
      <a class="cost_effective" href="/casestudies">View this case study</a>
    </div>
  </article>
  {% endblock %}

  {% block supplementary %}

  <section id="services">
    <div class="wrap">
      <h2>Our Services</h2>
      {% for service in contents.services %}{% if service.ourservices %}
      <section class="{% cycle 'first', 'second', 'third' %}">
        <h3>{{ service.title }}</h3>
        {{ service.image.url | image_tag }}
        <p>
          {{ service.excerpt }}
          <a href="/whatwedo#{{ service.slug }}">view</a>
        </p>
      </section>
      {% endif %}{% endfor %}
    </div>
  </section>

  {% endblock %}

  {% block footer %}
  <footer>
    <div class="content">
      <article id="currentstats">
        <h2>Current stats</h2>
        <ul>
          {% editable_long_text stats %}
          <li>
            <h3>100% <span>independent</span></h3>
            <p>Lorem ipsum dolar sit amet, con sec tetur adip iscing elite. Mauris odio dui, semper in scelerisque sed.</p>
          </li>
          <li>
            <h3><a href="/thegroup" title="The Group">19</a> <span>employees &amp; growing</span></h3>
            <p>Lorem ipsum dolar sit amet, con sec tetur adip iscing elite. Mauris odio dui, semper in scelerisque sed.</p>
          </li>
          <li>
            <h3>100% <span>kickass!</span></h3>
            <p>Lorem ipsum dolar sit amet, con sec tetur adip iscing elite. Mauris odio dui, semper in scelerisque sed.</p>
          </li>
          {% endeditable_long_text %}
        </ul>
      </article>
      {% include 'interactions' %}
    </div>
    {% include 'footer' %}
  </footer>
  {% endblock %}

  {{ 'belatedpng'      | javascript_tag }}
  {{ 'jquery-validate' | javascript_tag }}
  {{ 'jquery-cycle'    | javascript_tag }}

  {{ 'casestudy'       | javascript_tag }}
  {{ 'application'     | javascript_tag }}
</body>
</html>
	<!DOCTYPE html>
	<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
	<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
	<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
	<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
	<!--[if (gt IE 9)\|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
	<head>
	{% include 'head' %}
	</head>
	<body class="{{ page.slug }}">
	{% include 'header' %}
	{% block content %}
	<section id="banner">
	<h1>{% editable_short_text 'banner heading' %}Beautiful, functional & accessible applications{% endeditable_short_text %}</h1>
	<h2>{% editable_short_text 'banner subheading' %}Sick of web companies that just don’t seem to get it? We get it!{% endeditable_short_text %}</h2>
	<p>{% editable_short_text 'banner text' %}The Frontier Group is a passionate web design and web development company that listens, and then delivers a cost-effective solution for you or your business.{% endeditable_short_text %}</p>
	</section>
	{% endblock %}

	{% block banner %}
	<article id="casestudy">
	<div class="wrap">
	<h2>Case Study</h2>
	{% for casestudy in contents.casestudies %}
	<article>
	<h3>{{ casestudy.name }}</h3>
	<div class="image">
	{{ casestudy.bannerimage.url \| image_tag, ['height:415','width:313'] }}
	<a class="view_case_study" href="/casestudies/{{ casestudy._permalink }}">View case study</a>
	</div>
	<div class="content">
	{{ casestudy.excerpt }}
	</div>
	</article>
	{% endfor %}
	<a class="cost_effective" href="/casestudies">View this case study</a>
	</div>
	</article>
	{% endblock %}

	{% block supplementary %}

	<section id="services">
	<div class="wrap">
	<h2>Our Services</h2>
	{% for service in contents.services %}{% if service.ourservices %}
	<section class="{% cycle 'first', 'second', 'third' %}">
	<h3>{{ service.title }}</h3>
	{{ service.image.url \| image_tag }}
	<p>
	{{ service.excerpt }}
	<a href="/whatwedo#{{ service.slug }}">view</a>
	</p>
	</section>
	{% endif %}{% endfor %}
	</div>
	</section>

	{% endblock %}

	{% block footer %}
	<footer>
	<div class="content">
	<article id="currentstats">
	<h2>Current stats</h2>
	<ul>
	{% editable_long_text stats %}
	<li>
	<h3>100% <span>independent</span></h3>
	<p>Lorem ipsum dolar sit amet, con sec tetur adip iscing elite. Mauris odio dui, semper in scelerisque sed.</p>
	</li>
	<li>
	<h3><a href="/thegroup" title="The Group">19</a> <span>employees & growing</span></h3>
	<p>Lorem ipsum dolar sit amet, con sec tetur adip iscing elite. Mauris odio dui, semper in scelerisque sed.</p>
	</li>
	<li>
	<h3>100% <span>kickass!</span></h3>
	<p>Lorem ipsum dolar sit amet, con sec tetur adip iscing elite. Mauris odio dui, semper in scelerisque sed.</p>
	</li>
	{% endeditable_long_text %}
	</ul>
	</article>
	{% include 'interactions' %}
	</div>
	{% include 'footer' %}
	</footer>
	{% endblock %}

	{{ 'belatedpng' \| javascript_tag }}
	{{ 'jquery-validate' \| javascript_tag }}
	{{ 'jquery-cycle' \| javascript_tag }}

	{{ 'casestudy' \| javascript_tag }}
	{{ 'application' \| javascript_tag }}
	</body>
	</html>