layout: default


{% if site.data.copy.contact.title %} {% assign strap = site.data.copy.contact.title %} {% else %} {% assign strap = site.description %} {% endif %}

<div class=“hero hero-65”>

<div class="hero__overlay h-100">
  {% picture {{ page.hero.file | prepend: 'content/' }}
    --img class="hero__image hero__image--fixed hero-65"
    --alt {{ page.hero.alt }} %}</div>

<header class="hero__strap hero__strap--center image__filter--blur hero-65" aria-label="{{ strap }}">

    <h1 aria-hidden="true" >
    {% assign n = strap.size | minus: 1 %}
    {%- for char in (0..n ) -%}

    <span style="animation-delay: {{ char | times: 40 | plus: 200 }}ms;">{{ strap | slice: char }}</span>
    {%- endfor -%}</h1>

</header>

</div>

<div class=“contact__wrapper” id=“content”>

<div class="contact--left">
  <div class="contact-form">
    <h4 class="form-instruction blue">Get in touch using the form below</h4>
    {% include forms/kwes-contact.html %}
  </div>
</div>

<div class="contact--right">
  {% include gmap.html %}

  {% include contact-details.html %}
</div>

</div>