#38 Use correct sturcture for HTML heading tags
This commit is contained in:
Stephen Cox
Nick Sellen
parent
d6d1723880
commit
628d515799
@ -18,7 +18,7 @@
|
||||
<a href="{{ page.website }}" target="_blank">
|
||||
<img src="/images/coops/{{ page.slug }}.png" alt="">
|
||||
</a>
|
||||
<h2>{{ page.name }}</h2>
|
||||
<h1>{{ page.name }}</h1>
|
||||
<a href="{{ page.website }}" target="_blank">{{ page.website }}</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -26,115 +26,114 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="small-12 small-centered medium-10 large-8 columns">
|
||||
<div class="row">
|
||||
<!-- Contact -->
|
||||
<div class="small-12 large-4 columns">
|
||||
<section class="row small-up-1 medium-up-4 large-up-1">
|
||||
<div class="column">
|
||||
<ul class="menu social">
|
||||
{% if page.twitter %}
|
||||
<li>
|
||||
<a href="http://twitter.com/{{ page.twitter }}" target="_blank">
|
||||
<i class="fi-social-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if page.github %}
|
||||
<li>
|
||||
<a href="https://github.com/{{ page.github }}" target="_blank">
|
||||
<i class="fi-social-github"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% if page.email %}
|
||||
<div class="column">
|
||||
<strong>Email:</strong>
|
||||
<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.telephone %}
|
||||
<div class="column">
|
||||
<strong>Tel:</strong>
|
||||
<p>{{ page.telephone }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.address %}
|
||||
<div class="column">
|
||||
<strong>Address:</strong>
|
||||
<p>{{ page.address | split: "," | join: "<br>" }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
</div>
|
||||
<!-- /Contact -->
|
||||
|
||||
<div class="small-12 large-8 columns">
|
||||
<!-- About -->
|
||||
<section>
|
||||
<p>{{ content }}</p>
|
||||
</section>
|
||||
<!-- /About -->
|
||||
|
||||
{% if page.services %}
|
||||
<!-- Services -->
|
||||
<section>
|
||||
<h4>Services</h4>
|
||||
|
||||
<div class="row small-up-3 medium-up-4 large-up-4 small-collapse">
|
||||
{% for service in page.services %}
|
||||
{% assign s = site.services | where: "slug", service | first %}
|
||||
<div class="column">
|
||||
<a href="{{ s.url | relative_url }}" class="service-thumb">
|
||||
<div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ s.slug }}.png)"></div>
|
||||
<h5>{{ s.name }}</h5>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<!-- /Services -->
|
||||
<div class="row">
|
||||
<!-- Contact -->
|
||||
<div class="small-12 large-4 columns">
|
||||
<section class="row small-up-1 medium-up-4 large-up-1">
|
||||
<div class="column">
|
||||
<ul class="menu social">
|
||||
{% if page.twitter %}
|
||||
<li>
|
||||
<a href="http://twitter.com/{{ page.twitter }}" target="_blank">
|
||||
<i class="fi-social-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if page.github %}
|
||||
<li>
|
||||
<a href="https://github.com/{{ page.github }}" target="_blank">
|
||||
<i class="fi-social-github"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% if page.email %}
|
||||
<div class="column">
|
||||
<strong>Email:</strong>
|
||||
<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.technologies %}
|
||||
<!-- Technologies -->
|
||||
<section>
|
||||
<h4>Technologies</h4>
|
||||
|
||||
<div class="row small-up-3 medium-up-4 large-up-4 small-collapse">
|
||||
{% for technology in page.technologies %}
|
||||
{% assign t = site.technologies | where: "slug", technology | first %}
|
||||
<div class="column">
|
||||
<a href="{{ t.url | relative_url }}" class="technology-thumb">
|
||||
<div class="technology-thumb-img float-center" style="background-image: url(/images/technologies/{{ t.slug }}.png)"></div>
|
||||
<h5>{{ t.name }}</h5>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<!-- /Technologies -->
|
||||
{% if page.telephone %}
|
||||
<div class="column">
|
||||
<strong>Tel:</strong>
|
||||
<p>{{ page.telephone }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.clients %}
|
||||
<!-- Clients -->
|
||||
<section>
|
||||
<h4>Clients</h4>
|
||||
|
||||
<div class="row small-up-2 medium-up-3 large-up-3">
|
||||
{% for client in page.clients %}
|
||||
{% assign c = site.clients | where: "slug", client | first %}
|
||||
<div class="column client-thumb-container">
|
||||
<div class="client-thumb" style="background-image: url(/images/clients/{{ c.slug }}.png)"></div>
|
||||
<h5 class="client-thumb-header">{{ c.title }}</h5>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<!-- /Clients -->
|
||||
{% if page.address %}
|
||||
<div class="column">
|
||||
<strong>Address:</strong>
|
||||
<p>{{ page.address | split: "," | join: "<br>" }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- /Contact -->
|
||||
|
||||
<div class="small-12 large-8 columns">
|
||||
<!-- About -->
|
||||
<section>
|
||||
<p>{{ content }}</p>
|
||||
</section>
|
||||
<!-- /About -->
|
||||
|
||||
{% if page.services %}
|
||||
<!-- Services -->
|
||||
<section>
|
||||
<h2>Services</h2>
|
||||
|
||||
<div class="row small-up-3 medium-up-4 large-up-4 small-collapse">
|
||||
{% for service in page.services %}
|
||||
{% assign s = site.services | where: "slug", service | first %}
|
||||
<div class="column">
|
||||
<a href="{{ s.url | relative_url }}" class="service-thumb">
|
||||
<div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ s.slug }}.png)"></div>
|
||||
<div>{{ s.name }}</div>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<!-- /Services -->
|
||||
{% endif %}
|
||||
|
||||
{% if page.technologies %}
|
||||
<!-- Technologies -->
|
||||
<section>
|
||||
<h2>Technologies</h2>
|
||||
|
||||
<div class="row small-up-3 medium-up-4 large-up-4 small-collapse">
|
||||
{% for technology in page.technologies %}
|
||||
{% assign t = site.technologies | where: "slug", technology | first %}
|
||||
<div class="column">
|
||||
<a href="{{ t.url | relative_url }}" class="technology-thumb">
|
||||
<div class="technology-thumb-img float-center" style="background-image: url(/images/technologies/{{ t.slug }}.png)"></div>
|
||||
<div>{{ t.name }}</div>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<!-- /Technologies -->
|
||||
{% endif %}
|
||||
|
||||
{% if page.clients %}
|
||||
<!-- Clients -->
|
||||
<section>
|
||||
<h2>Clients</h2>
|
||||
|
||||
<div class="row small-up-2 medium-up-3 large-up-3">
|
||||
{% for client in page.clients %}
|
||||
{% assign c = site.clients | where: "slug", client | first %}
|
||||
<div class="column client-thumb-container">
|
||||
<div class="client-thumb" style="background-image: url(/images/clients/{{ c.slug }}.png)"></div>
|
||||
<div class="client-thumb-header">{{ c.title }}</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<!-- /Clients -->
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<div id="page-banner">
|
||||
<div class="row">
|
||||
<div class="small-centered small-12 medium-10 large-8 columns">
|
||||
<h2>{{ page.heading }}</h2>
|
||||
<h1>{{ page.heading }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
<div class="row">
|
||||
<div class="small-12 small-centered columns">
|
||||
<img src="/images/services/{{ page.slug }}.png" alt="">
|
||||
<h2>Coops that offer <span>{{ page.name }}</span></h2>
|
||||
<h1>Coops that offer <span>{{ page.name }}</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
<div class="row">
|
||||
<div class="small-12 small-centered columns">
|
||||
<img src="/images/technologies/{{ page.slug }}.png" alt="">
|
||||
<h2>Coops that use <span>{{ page.name }}</span></h2>
|
||||
<h1>Coops that use <span>{{ page.name }}</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4163,15 +4163,15 @@ h6 {
|
||||
|
||||
@media screen and (min-width: 40em) {
|
||||
h1 {
|
||||
font-size: 3rem; }
|
||||
h2 {
|
||||
font-size: 2.5rem; }
|
||||
h3 {
|
||||
h2 {
|
||||
font-size: 1.9375rem; }
|
||||
h4 {
|
||||
h3 {
|
||||
font-size: 1.5625rem; }
|
||||
h5 {
|
||||
h4 {
|
||||
font-size: 1.25rem; }
|
||||
h5 {
|
||||
font-size: 1.0625rem; }
|
||||
h6 {
|
||||
font-size: 1rem; } }
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user