---
layout: page
title: Contact
page-class: page--contact
meta: "Contact Harry Roberts to arrange training for your team, to begin passing Core Web Vitals, or to speak at your event."
permalink: /contact/
lux: "Contact"
---

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "ContactPage",
      "@id": "{{ site.url }}/contact/#webpage",
      "url": "{{ site.url }}/contact/",
      "name": "Contact",
      "description": "Contact Harry Roberts to discuss consultancy projects, training, speaking, or a free call.",
      "isPartOf": {
        "@type": "WebSite",
        "@id": "{{ site.url }}/#website",
        "url": "{{ site.url }}/",
        "name": "CSS Wizardry"
      },
      "about": [
        { "@id": "{{ site.url }}/#org" },
        { "@id": "{{ site.url }}/#person" }
      ],
      "mainEntity": {
        "@type": "ContactPoint",
        "contactType": "sales",
        "email": "csswizardry@gmail.com",
        "url": "{{ site.url }}/contact/"
      }
    },
    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "CSS Wizardry",
          "item": "{{ site.url }}/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Contact",
          "item": "{{ site.url }}/contact/"
        }
      ]
    }
  ]
}
</script>

**Consultancy projects, speaking engagements, or just to say hi.**

<a href="mailto:csswizardry@gmail.com" class="btn  btn--full" id="section:details">harry@csswizardry.com</a>

Or book a free call:

<noscript><a href="https://calendly.com/csswizardry/30min" class="btn  btn--full">Book a Free Call</a></noscript>

<div class="calendly-inline-widget" data-url="https://calendly.com/csswizardry/30min?background_color=f9f9f9&text_color=333333&primary_color=f43059" style="min-width:320px;height:700px;margin-bottom:1.5rem;"></div>
<script src="https://assets.calendly.com/assets/external/widget.js" async fetchpriority="high"></script>

<!--
  - Warm up the DNS for the resulting Calendly embed.
  -
  - It looks like Chrome puts `navigate` requests into a different connection
  - pool, meaning the TCP/TLS phase from a `preconnect` cannot be reused. This
  - means that `dns-prefetch` is actually going to be overall faster than
  - a wasteful `preconnect`.
  -->
<link rel="dns-prefetch" href="https://calendly.com">

- - -

## Frequently Asked Questions

It can be daunting sending an email off into the blue, so hopefully I can answer
some of your questions up-front. If not, please do not hesitate to contact me
with anything at all that you might need to know. I guarantee you’ll be
pleasantly surprised.

{% include faq-consultancy.md %}

- - -

{% include faq-workshops.md %}