<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 & 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.