<header>
    <div>
        <div class="grav-c-page-header__logo">
            <h1>
                <svg role="img" class="grav-c-logotype" aria-labelledby="logo-buildit-logotype__title" width="300" height="33">
                    <use xlink:href="#logo-buildit-logotype"></use>
                </svg>
            </h1>
        </div>
        <button class="grav-c-toggle-menu" type="button" aria-pressed="false" aria-label="Toggle navigation menu">
            <span class="grav-c-toggle-menu__icon"></span>
        </button>
        <nav class="grav-c-nav-menu">
            <ul>

                <li>
                    <a class="grav-c-nav-link" href="./page-about">About us</a>
                </li>

                <li>
                    <a class="grav-c-nav-link" href="./page-jobs">Jobs</a>
                </li>

                <li>
                    <a class="grav-c-nav-link" href="./page-locations">Locations</a>
                </li>

                <li class="grav-c-nav-menu__external-link">
                    <a class="grav-c-nav-link" href="./page-404-error-page">Blog</a>
                </li>
            </ul>
        </nav>
    </div>
</header>
<main class="grav-u-mt-none">
    <section class="grav-c-hero">
        <img class="grav-c-hero__banner" src="../../images/hero.jpg" alt="" />

        <div class="grav-c-hero__container">

            <h1>We <strong>build brands</strong> for the digital world</h1>
            <p>Welcome to our new Buildit website featuring stories by and about our technical <strong>people</strong> and teams. News from our <strong>community</strong>, and an easy way to search the entire range of relevant <strong>jobs</strong></p>

        </div>
    </section>
    <section class="grav-o-full-bleed__content">

        <blockquote>
            We partner with our clients to solve hard problems,<br>and help them deliver world-class products.
        </blockquote>
    </section>
    <section class="grav-o-full-bleed__content grav-u-text-centered">

        <p>Some areas of practice we are passionate about:</p>
        <p>To learn more, check out our <a url='https://medium.com/buildit/'>blog</a>.</p>

    </section>
    <section class="grav-u-text-centered grav-o-full-bleed__content-banner">

        <p>Here are some of the clients we have worked with:</p>

    </section>
</main>
<footer class="grav-u-color-scheme-contrast">
    <div>
        <svg role="img" class="grav-c-logotype" aria-labelledby="logo-buildit-logotype__title" width="300" height="33">
            <use xlink:href="#logo-buildit-logotype"></use>
        </svg>

        <div class="grav-c-page-footer__lists">
            <ul>
                <li><a href="#">Stories</a></li>
                <li><a href="#">People</a></li>
                <li><a href="#">Jobs</a></li>
            </ul>

            <ul>
                <li><a href="#">Terms</a></li>
                <li><a href="#">Accessibility</a></li>
                <li><a href="https://wiprodigital.com/privacy-policy">Privacy &amp; Cookie Policy</a></li>
            </ul>
        </div>

        <p>
            made with ❤️
        </p>
    </div>
</footer>
{%- include '@homepage' -%}
{
  "text": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",
  "url": "#",
  "listItems": [
    {
      "htmlContent": "Some list item content"
    },
    {
      "htmlContent": "More list item content"
    },
    {
      "htmlContent": "Even more list item content"
    },
    {
      "htmlContent": "I can't believe there's still more list item content"
    },
    {
      "htmlContent": "Seriously?! That's enough now."
    }
  ],
  "footer": {
    "copy": "made with ❤️",
    "linksA": [
      {
        "label": "Stories",
        "url": "#"
      },
      {
        "label": "People",
        "url": "#"
      },
      {
        "label": "Jobs",
        "url": "#"
      }
    ],
    "linksB": [
      {
        "label": "Terms",
        "url": "#"
      },
      {
        "label": "Accessibility",
        "url": "#"
      },
      {
        "label": "Privacy & Cookie Policy",
        "url": "https://wiprodigital.com/privacy-policy"
      }
    ],
    "class": "grav-u-color-scheme-contrast",
    "social": [
      {
        "titleId": "icon-instagram__title",
        "symbolId": "icon-instagram",
        "url": "https://www.instagram.com/buildit_tech"
      },
      {
        "titleId": "icon-twitter__title",
        "symbolId": "icon-twitter",
        "url": "https://twitter.com/buildit_tech"
      },
      {
        "titleId": "icon-linkedin__title",
        "symbolId": "icon-linkedin",
        "url": "https://www.linkedin.com/company/buildit"
      },
      {
        "titleId": "icon-github__title",
        "symbolId": "icon-github",
        "url": "https://github.com/buildit"
      }
    ]
  },
  "hero": {
    "pullout": "Big, attention-grabbing headline",
    "paragraph": "Witty subtitle",
    "cta": {
      "text": "Clickbaity label",
      "url": "#"
    }
  },
  "img": {
    "random": {
      "src": "/images/img-random-1.png",
      "alt": "A placeholder image with an arbitrary aspect ratio."
    },
    "square": {
      "src": "/images/img-1x1.png",
      "alt": "A placeholder image with a perfect square (1:1) aspect ratio."
    },
    "tv": {
      "src": "/images/img-4x3.png",
      "alt": "A placeholder image with a 4:3 aspect ratio, like an old TV."
    },
    "widescreen": {
      "src": "/images/img-16x9.png",
      "alt": "A placeholder image with a 16:9 aspect ratio, like a widescreen TV."
    },
    "logo": {
      "src": "/images/img-random-2.png",
      "alt": "A test image for a logo with an arbitrary aspect ratio."
    }
  },
  "title": "We <strong>build brands</strong> for the digital world",
  "header": {
    "url": false,
    "links": [
      {
        "url": "./page-about",
        "text": "About us"
      },
      {
        "url": "./page-jobs",
        "text": "Jobs"
      },
      {
        "url": "./page-locations",
        "text": "Locations"
      }
    ],
    "externalLinks": [
      {
        "url": "./page-404-error-page",
        "text": "Blog"
      }
    ]
  },
  "sections": [
    {
      "title": false,
      "class": "grav-o-full-bleed__content",
      "content": [
        {
          "paragraph": false,
          "blockquote": "We partner with our clients to solve hard problems,<br>and help them deliver world-class products."
        }
      ]
    },
    {
      "title": false,
      "class": "grav-o-full-bleed__content grav-u-text-centered",
      "content": [
        {
          "paragraph": "Some areas of practice we are passionate about:"
        },
        {
          "twoColumnsList": [
            {
              "htmlContent": "System thinking"
            },
            {
              "htmlContent": "Continuous delivery"
            },
            {
              "htmlContent": "Lean UX"
            },
            {
              "htmlContent": "Design systems"
            },
            {
              "htmlContent": "Agile coaching"
            },
            {
              "htmlContent": "Experiental learning"
            }
          ]
        },
        {
          "paragraph": "To learn more, check out our <a url='https://medium.com/buildit/'>blog</a>."
        }
      ]
    },
    {
      "title": false,
      "class": "grav-u-text-centered grav-o-full-bleed__content-banner",
      "content": [
        {
          "paragraph": "Here are some of the clients we have worked with:"
        }
      ]
    }
  ],
  "section": {
    "title": "This is the title for a section",
    "class": "grav-o-full-bleed__content",
    "content": [
      {
        "paragraph": "Paragraph lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
      },
      {
        "blockquote": "Blockquote lorem ipsum dolor sit amet, consectetur adipisicing elit"
      },
      {
        "twoColumnsList": [
          {
            "htmlContent": "Vestibulum auctor dapibus neque."
          },
          {
            "htmlContent": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
          },
          {
            "htmlContent": "Aliquam tincidunt mauris eu risus."
          },
          {
            "htmlContent": "Labore et dolore magna aliqua."
          },
          {
            "htmlContent": "Phasellus tempus, orci non mattis sagittis."
          }
        ]
      },
      {
        "inlineRow": [
          {
            "text": "First link",
            "url": "#"
          },
          {
            "text": "Second link",
            "url": "#"
          },
          {
            "text": "Third link",
            "url": "#"
          }
        ]
      },
      {
        "imgCards": [
          {
            "title": "Some fascinating, attention-grabbing headling",
            "content": "Ideally, with a click-baity tagline that entices to you to visit!",
            "image": {
              "src": "/images/img-random-1.png",
              "alt": "Brief description of this fascinating image"
            }
          },
          {
            "title": "Labore et dolore magna aliqua",
            "content": "Vestibulum pharetra arcu enim, nec porttitor quam ullamcorper et. Phasellus tempus, orci non mattis sagittis, lectus erat fringilla odio, nec auctor erat augue quis eros.",
            "image": {
              "src": "/images/img-random-1.png",
              "alt": "Phasellus tempus, orci non mattis"
            }
          },
          {
            "title": "Nanotechnology immersion along the information highway",
            "content": "Leverage agile frameworks to provide a robust synopsis for high level overviews.",
            "image": {
              "src": "/images/img-random-1.png",
              "alt": "Bring to the table win-win survival strategies"
            }
          }
        ]
      },
      {
        "imgLinks": [
          {
            "url": "#",
            "image": {
              "src": "/images/img-random-1.png",
              "alt": "Image linke #1"
            }
          },
          {
            "url": "#",
            "image": {
              "src": "/images/img-random-2.png",
              "alt": "Image linke #2"
            }
          },
          {
            "url": "#",
            "image": {
              "src": "/images/img-random-3.png",
              "alt": "Image linke #3"
            }
          }
        ]
      }
    ]
  },
  "bodyClass": "grav-o-full-bleed",
  "message": "Welcome to our new Buildit website featuring stories by and about our technical <strong>people</strong> and teams. News from our <strong>community</strong>, and an easy way to search the entire range of relevant <strong>jobs</strong>",
  "image": "../../images/hero.jpg"
}

There are no notes for this item.