<div id="no-results">
  {% include '@cloudfour/components/sky-nav/sky-nav.twig' with {
    "class": "t-dark",
    "menu": {
      "items": [
        {
          "link": "/does",
          "title": "What We Do",
          "current": true
        },
        {
          "link": "/believes",
          "title": "Our Approach"
        },
        {
          "link": "/made",
          "title": "Our Work"
        },
        {
          "link": "/thinks",
          "title": "Articles"
        },
        {
          "link": "/presents",
          "title": "Speaking"
        },
        {
          "link": "/contributes",
          "title": "Labs"
        },
        {
          "link": "/is",
          "title": "Team"
        }
      ]
    }
  } only %}
  <div class="o-container o-container--pad">
    <div class="o-container__content">
      {% embed '@cloudfour/objects/overview/overview.twig' %}
        {% block header %}
          {% embed '@cloudfour/components/heading/heading.twig' with {
            "level": 0,
            "weight": "light"
          } only %}
            {% block content %}
              Search Results for <b>"puppies"</b>
            {% endblock %}
          {% endembed %}
        {% endblock %}
        {% block actions %}
          {% embed '@cloudfour/objects/input-group/input-group.twig' %}
            {% block content %}
              {% include '@cloudfour/components/input/input.twig' only %}
              {% embed '@cloudfour/components/button/button.twig' %}
                {% block content %}
                  {% include '@cloudfour/components/icon/icon.twig' with {
                    name: 'magnifying-glass'
                  } %}
                {% endblock %}
              {% endembed %}
            {% endblock %}
          {% endembed %}
        {% endblock %}
        {% block content %}
          <div class="u-text-center u-space-block-start-4 u-pad-block-4">
            {% embed '@cloudfour/objects/rhythm/rhythm.twig' with {
              class: 'o-rhythm--compact'
            } only %}
              {% block content %}
                {% include '@cloudfour/components/icon/icon.twig' with {
                  name: 'magnifying-glass',
                  class: 'large-icon'
                } %}
                {% include '@cloudfour/components/heading/heading.twig' with {
                  "level": 2,
                  "content": "Sorry, we didn’t find any results."
                } only %}
                <p class="u-pad-block-start-n2">Try searching with different keywords or check out one of our <a href="">recent articles</a>.</p>
              {% endblock %}
            {% endembed %}

          </div>
        {% endblock %}
      {% endembed %}
    </div>
  </div>
  {% include '@cloudfour/components/ground-nav/ground-nav.twig' with {
    "menu": {
      "items": [
        {
          "link": "/does",
          "title": "What We Do",
          "current": true
        },
        {
          "link": "/believes",
          "title": "Our Approach"
        },
        {
          "link": "/made",
          "title": "Our Work"
        },
        {
          "link": "/thinks",
          "title": "Articles"
        },
        {
          "link": "/presents",
          "title": "Speaking"
        },
        {
          "link": "/contributes",
          "title": "Labs"
        },
        {
          "link": "/is",
          "title": "Team"
        },
        {
          "link": "/portland-device-lab",
          "title": "Device Lab"
        },
        {
          "link": "https://cloudfour-patterns.netlify.app/",
          "title": "Patterns"
        },
        {
          "link": "https://www.responsivefieldday.com/",
          "title": "Responsive Field Day"
        }
      ]
    },
    "social": {
      "items": [
        {
          "link": "https://twitter.com/cloudfour",
          "title": "Follow us on Twitter",
          "icon": "brands/twitter"
        },
        {
          "link": "https://github.com/cloudfour",
          "title": "Find us on GitHub",
          "icon": "brands/github"
        },
        {
          "link": "https://www.instagram.com/cloudfourpdx/",
          "title": "Follow us on Instagram",
          "icon": "brands/instagram"
        },
        {
          "link": "https://www.linkedin.com/company/cloud-four",
          "title": "Follow us on LinkedIn",
          "icon": "brands/linkedin"
        }
      ]
    },
    "action": {
      "lead_in": "Let’s discuss your project!",
      "title": "Email us",
      "link": "mailto:info@cloudfour.com",
      "icon": "envelope"
    },
    "organization": {
      "name": "Cloud Four, Inc.",
      "address": {
        "street_address": "510 SW 3rd Ave, Suite 420",
        "address_locality": "Portland",
        "address_region": "Oregon",
        "postal_code": "97204",
        "address_country": "USA"
      },
      "email": "info@cloudfour.com",
      "telephone": "+1 (503) 290-1090",
      "url": "https://cloudfour.com/",
      "founding_date": "2007-12-13"
    }
  } only %}
</div>