Team

<div class="Background Background--grey">

    <header class="SiteHeader">

        <a href="" class="Logo " title="Home">
    <svg role="img" aria-labelledby="clearleft-logo" xmlns="http://www.w3.org/2000/svg" width="154" height="55" viewBox="0 0 154 54">
        <title id="clearleft-logo">Clearleft</title>
        <style>
        .Logo-streak {
            mask-repeat: no-repeat;
            stroke-dasharray: 150% 150%;
            stroke-dashoffset: 150%;
        }
        .animateLogo-streak{
            animation: swipe 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s forwards;
        }
        @keyframes swipe {
            from {
              stroke-dashoffset: 150%;
            }
            to {
              stroke-dashoffset: 0%;
            }
        }
        </style>
        <path class="Logo-text" fill="#25333A" d="M152.5 27.5v5.4h-2.4c-5.5 0-8.6-3.3-8.6-9.3v-6.8h-7.4v16.1h-5.6V16.8h-3.1l-.1-4.6h3.1v-.6c0-6 3-9.3 8.6-9.3h2.4v5.4H137c-2 0-2.9 1.3-2.9 4v.6h7.4v-4l5.6-3.6v7.4h4v4.6h-4v6.8c0 2.7 1 4 2.9 4h2.5zM77 11.9h5.6v21H77v-2c-1.7 1.7-4 2.7-6.4 2.6-5.7 0-10.1-4.8-10.1-11s4.4-11 10.1-11c2.4-.1 4.7.8 6.4 2.5v-2.1zm0 10.5c0-3.5-2.4-6.1-5.6-6.1s-5.6 2.6-5.6 6.1 2.3 6.1 5.6 6.1S77 26 77 22.4zm12.9-8.7v-1.8h-5.4v21h5.6v-9.5c0-4.5.8-6.8 5-6.8h1.5v-5.4h-.2c-3 0-5.2.9-6.5 2.5zM98 32.8h5.6V2.4H98v30.4zM17 8.1c3.2 0 6.1 1.8 7.6 4.5l.1.2.2-.1 4.8-3.1.3-.1-.1-.2C27 5 22.2 2.4 17.1 2.4 8.6 2.3 1.6 9.1 1.5 17.5v.3c-.1 8.5 6.8 15.4 15.3 15.5h.3c5.1.1 9.9-2.5 12.8-6.7l.1-.2-5.2-3.4-.1.2c-1.6 2.7-4.5 4.4-7.6 4.5-5.2 0-9.2-4.3-9.2-9.8 0-4.8 3.4-9.8 9.1-9.8zm14.6 24.7h5.6V2.4h-5.6v30.4zm94-10.5c0 .6 0 1.1-.1 1.7v.5h-14.8c.5 2.5 2.8 4.3 5.4 4.1 2 0 3.9-.7 5.5-2l.4-.3 2.8 4-.3.3c-2.4 2-5.5 3.1-8.6 3-6.4 0-10.8-4.6-10.8-11.1s4.3-11.1 10.6-11.1c5.7-.2 9.8 4.4 9.9 10.9zm-5.7-2.2c-.6-2.5-2.2-3.9-4.5-3.9-2.4-.1-4.4 1.6-4.7 3.9h9.2zm-60.7 2.2c0 .6 0 1.1-.1 1.7v.5H44.3c.5 2.5 2.8 4.3 5.4 4.1 2 0 3.9-.7 5.5-2l.4-.3 2.8 4-.3.3c-2.4 2-5.5 3.1-8.6 3-6.4 0-10.8-4.6-10.8-11.1S43 11.2 49.2 11.2c5.9 0 10 4.6 10 11.1zm-5.6-2.2c-.6-2.5-2.2-3.9-4.5-3.9-2.4-.1-4.4 1.6-4.7 3.9h9.2z"/>
        <clipPath id="mask">
            <path d="M151.8 44c-.2-1-1.1-1.6-2-1.4h-.1c-1.1.4-2.2.4-3.3.2-1.4-.2-2.9-.3-4.3-.5-2.4-.3-4.8-.5-7.2-.7-2.6-.2-5.3-.3-7.9-.5-2.5-.2-4.9-.4-7.4-.5-5.2-.3-10.5-.5-15.7-.6-4.4-.2-19.6-.3-23.9-.3-3.1 0-6.1.1-9.2.2-4.1 0-18.9.3-23 .6-4.3.2-8.7.4-13 .7-4 .3-8 .5-11.9.7-.9 0-1.8.1-2.7.3-2.4 0-4.4.2-6.5.3-1.7.1-3.4.1-5 .4v0c-.7 0-1-.4-2.1-.3s-2.1.5-2.1 1.1c-.5.1 0 .4-.6.5v.5c.4.2.6.4 0 .7v.2c.3-.1.4 0 .6.1v.4c-.4.2-.2.4-.1.5s.5.4.4.7c-.1.5.1 1 .5 1.3v.2c.1.7 1.1 1.3 1.2 2 .1.5 1 1 2.3.9 1.1-.1 1.5-.5 2.5-.7.2 0 .8-.1 1-.1 4.2-.3 8.5-.6 12.7-1 1.2-.1 2.6-.1 3.7-.3 1.5-.3 3.1-.3 4.6-.5 2.9-.3 5.8-.5 8.6-.5 2.4 0 4.8-.3 7.2-.4 1.3-.1 2.7.1 4-.1.5-.1 1-.1 1.6-.1 1.4.1 13.7-.1 15.1-.1 2.8 0 5.6-.1 8.4-.2 3.3-.1 17.4-.2 20.7 0 1.1 0 2.3.2 3.4.2 3.1-.2 6.2.1 9.3.2 2.7.1 5.4.3 8.1.4s5.2.2 7.8.5c1 .1 2.1.2 3.1.3.8.1 1.4-.2 2.2-.1 2 .3 4.1.5 6.2.6 1.1 0 2.2.1 3.2.3 1.6.3 3.1.5 4.7.7l1 .4c.9.4 1.8.5 2.8.3.5-.3.8-1 .6-1.6v-.2c.1-.2.2-.3.1-.5.3-.1.3-.2.2-.4.2-.6.7-1.1.4-1.7-.1-.2-.4-.6.4-.8v-.5c-.4 0-.4-.2-.5-.3-.2-.5-.1-1-.1-1.5zM78.3 45.3h-.2.2"/>
        </clipPath>
        <path class="Logo-streak animateLogo-streak" clip-path="url(#mask)" fill-rule="evenodd" fill="none" stroke="#23D8A0" stroke-width="13" d="M-1.1 49.4s50.4-6.3 81.9-6 77.1 4.6 77.1 4.6" />
    </svg>
</a>

        <nav class="PrimaryNavigation" aria-label="Primary Navigation" data-component="PrimaryNavigation">
            <a href="#offcanvas" class="PrimaryNavigation-menu" aria-hidden="true">Menu</a>
            <ul class="PrimaryNavigation-list">
                <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link is-active ">Case Studies</a></li>
                <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Team</a></li>
                <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Posts</a></li>
                <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Events</a></li>
                <li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Contact</a></li>
            </ul>
        </nav>
    </header>
    <div class="Masthead" role="banner">

        <div class="Masthead-container">

            <div class="Masthead-primary">

                <h1 class="Heading Heading--main">Know who you’re working with.</h1>

            </div>
            <!--/.Masthead-primary-->

        </div>

    </div>
    <!--/.Masthead-->
</div>

<main id="main-content">

    <div class="Background Background--grey">
        <div class="PageLead ">
            <div class="PageLead-primary">
                <div class="Lead  Lead--wrapper Bar">
                    <div class="Lead-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore sapiente molestiae sed? Consectetur illo repellat dolorum assumenda, voluptatum explicabo architecto? <a href="#">Here’s a link</a>.</div>
                </div>
                <!--/.Lead-->
            </div>
            <div class="PageLead-secondary">
                <ul class="List">
                    <li class="List-item"><a href="#">11 yrs old and growing. What’s our story?</a></li>
                    <li class="List-item"><a href="#">We’re hiring. Is there a job for you?</a></li>
                    <li class="List-item"><a href="#">11 yrs old and growing. What’s our story?</a></li>
                </ul>
            </div>
        </div>
        <!--/.PageLead-->
    </div>

    <div class="TeamGrid">
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/charlotte.jpg" alt="Ms. King Steuber"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Ms. King Steuber</p>
                    <span class="IndexCard-info">Direct Web Liason</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/charlotte.jpg" alt="Tevin Carroll PhD"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Tevin Carroll PhD</p>
                    <span class="IndexCard-info">Dynamic Quality Technician</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/charlotte.jpg" alt="Duncan Reichel"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Duncan Reichel</p>
                    <span class="IndexCard-info">Forward Usability Agent</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/charlotte.jpg" alt="Gracie Collins"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Gracie Collins</p>
                    <span class="IndexCard-info">Chief Optimization Specialist</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/charlotte.jpg" alt="Louvenia Johnston PhD"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Louvenia Johnston PhD</p>
                    <span class="IndexCard-info">Forward Accountability Coordinator</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/ben-w.jpg" alt="Ola Volkman"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Ola Volkman</p>
                    <span class="IndexCard-info">Direct Assurance Director</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/charlotte.jpg" alt="Christine Dickens"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Christine Dickens</p>
                    <span class="IndexCard-info">National Infrastructure Administrator</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/andy-t.jpg" alt="Duane Hettinger I"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Duane Hettinger I</p>
                    <span class="IndexCard-info">Investor Tactics Designer</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/ellen.jpg" alt="Marcella Koelpin"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Marcella Koelpin</p>
                    <span class="IndexCard-info">Central Creative Technician</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/ben-w.jpg" alt="Mollie Padberg"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Mollie Padberg</p>
                    <span class="IndexCard-info">Central Response Consultant</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/charlotte.jpg" alt="Dr. Sandrine Hudson"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Dr. Sandrine Hudson</p>
                    <span class="IndexCard-info">Principal Tactics Liason</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/ellen.jpg" alt="Elfrieda Morar"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Elfrieda Morar</p>
                    <span class="IndexCard-info">Direct Research Strategist</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/charlotte.jpg" alt="Evelyn Maggio"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Evelyn Maggio</p>
                    <span class="IndexCard-info">Regional Directives Strategist</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/ellen.jpg" alt="Halie Eichmann"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Halie Eichmann</p>
                    <span class="IndexCard-info">Dynamic Solutions Officer</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/hana.jpg" alt="Lysanne Champlin"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Lysanne Champlin</p>
                    <span class="IndexCard-info">Regional Web Director</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/andy-t.jpg" alt="Meagan Spencer"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Meagan Spencer</p>
                    <span class="IndexCard-info">Regional Brand Producer</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/ben-w.jpg" alt="Gerhard Kshlerin"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Gerhard Kshlerin</p>
                    <span class="IndexCard-info">Global Quality Liason</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/hana.jpg" alt="Laney Graham IV"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Laney Graham IV</p>
                    <span class="IndexCard-info">Product Group Coordinator</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/andy-t.jpg" alt="Noble Ferry"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Noble Ferry</p>
                    <span class="IndexCard-info">Global Usability Assistant</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/andy-t.jpg" alt="Bethany Lesch IV"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Bethany Lesch IV</p>
                    <span class="IndexCard-info">International Applications Planner</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/ben-w.jpg" alt="Mrs. Darlene Keeling"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Mrs. Darlene Keeling</p>
                    <span class="IndexCard-info">Senior Branding Designer</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/andy-t.jpg" alt="Bulah Cassin V"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Bulah Cassin V</p>
                    <span class="IndexCard-info">Forward Response Officer</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/hana.jpg" alt="Miss Charlene Douglas"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Miss Charlene Douglas</p>
                    <span class="IndexCard-info">Customer Markets Consultant</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/andy-t.jpg" alt="Vallie Walker"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Vallie Walker</p>
                    <span class="IndexCard-info">Forward Research Analyst</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
        <div class="TeamGrid-item">
            <a href="" class="IndexCard">
                <div class="IndexCard-profile">
                    <img class="IndexCard-image" src="/assets/img/team/charlotte.jpg" alt="Curtis Hudson"> </div>
                <!--/.IndexCard-profile-->
                <div class="IndexCard-details">
                    <p class="IndexCard-name">Curtis Hudson</p>
                    <span class="IndexCard-info">Legacy Marketing Architect</span> </div>
                <!--/.IndexCard-details-->
            </a>
            <!--/.IndexCard-->
        </div>
    </div>
    <div class="Banner ">
        <div class="Banner-content">
            <div class="Banner-caption">Take a peek inside</div>
            <h2 class="Banner-headline Heading Heading--secondary">Our Studio</h2>
        </div>
    </div>

    <div class="ImageGallery">

        <div class="ImageGallery-group ImageGallery-group--wide">
            <img class="ImageGallery-image" src="/assets/img/team-gallery/working.jpg" alt="" />
        </div>
        <!--/.ImageGallery-group-->

        <div class="ImageGallery-group ImageGallery-group--pair">
            <img class="ImageGallery-image" src="/assets/img/team-gallery/beer.jpg" alt="Beer fridge" />
            <img class="ImageGallery-image" src="/assets/img/team-gallery/sketching.jpg" alt="Sketching" />
        </div>
        <!--/.ImageGallery-group-->

        <div class="ImageGallery-group ImageGallery-group--pair">
            <img class="ImageGallery-image" src="/assets/img/team-gallery/vr.jpg" alt="VR fun" />
            <img class="ImageGallery-image" src="/assets/img/team-gallery/values.jpg" alt="Values" />
        </div>
        <!--/.ImageGallery-group-->
        <div class="ImageGallery-group ImageGallery-group--quad">
            <div class="ImageGallery-quadRow">
                <img class="ImageGallery-image ImageGallery-image--quadWide" src="/assets/img/team-gallery/doodles.jpg" alt="Sketching" />
                <img class="ImageGallery-image ImageGallery-image--quadSmall" src="/assets/img/team-gallery/post-its.jpg" alt="Post its and notes" />
            </div>
            <!--/.ImageGallery-quadRow-->
            <div class="ImageGallery-quadRow">
                <img class="ImageGallery-image ImageGallery-image--quadWide" src="/assets/img/team-gallery/doughnuts.jpg" alt="Doughnuts and coffee" />
                <img class="ImageGallery-image ImageGallery-image--quadSmall" src="/assets/img/team-gallery/head-down.jpg" alt="Andy in the zone" />
            </div>
            <!--/.ImageGallery-quadRow-->
        </div>
        <!--/.ImageGallery-group-->

        <div class="ImageGallery-group ImageGallery-group--quad">
            <div class="ImageGallery-quadRow">
                <img class="ImageGallery-image ImageGallery-image--quadSmall" src="/assets/img/team-gallery/bike.jpg" alt="Bike" />
                <img class="ImageGallery-image ImageGallery-image--quadWide" src="/assets/img/team-gallery/screens.jpg" alt="Desk and screens" />
            </div>
            <!--/.ImageGallery-quadRow-->
            <div class="ImageGallery-quadRow">
                <img class="ImageGallery-image ImageGallery-image--quadSmall" src="/assets/img/team-gallery/workshopping.jpg" alt="Workshop group" />
                <img class="ImageGallery-image ImageGallery-image--quadWide" src="/assets/img/team-gallery/leading-design.jpg" alt="Leading design tote bags" />
            </div>
            <!--/.ImageGallery-quadRow-->
        </div>
        <!--/.ImageGallery-group-->

        <div class="ImageGallery-group ImageGallery-group--wide">
            <img class="ImageGallery-image" src="/assets/img/team-gallery/team.jpg" alt="Team meeting" />
        </div>
        <!--/.ImageGallery-group-->

    </div>
    <!--/.ImageGallery-->
    <div class="Banner ">
        <div class="Banner-content">
            <div class="Banner-caption">Are you the one?</div>
            <h2 class="Banner-headline Heading Heading--secondary">Join us</h2>
            <div class="Banner-body">
                <p>We’re a team of makers, thinkers, organisers and digital explorers.<br>We’re always actively seeking out new skills, challenges and opportunities.</p>
            </div>
        </div>
    </div>

</main>

<footer class="SiteFooter">
    <div class="SiteFooter-container">
        <div class="SiteFooter-callToAction">
            <div class="InputGroup InputGroup--highlight">
                <form action="" method="post">
                    <input type="hidden" value="1" name="embed">
                    <label class="InputGroup-label Heading Heading--bump" for="ID2">Get notified with updates</label>
                    <div class="Input InputGroup-combo">
                        <input class="InputGroup-field" type="email" name="email" placeholder="Enter email address" id="ID2" />
                        <button type="submit" class="InputGroup-submit">Join the mailing list</button>
                    </div>
                </form>
                <small class="InputGroup-microcopy">Low volume mailing list. Just for events & conference updates. <a href="#">See an example</a></small>
            </div>
            <small class="Heading Heading--context"></small>
        </div>

        <nav class="SiteFooter-navigation" aria-label="Site Footer Navigation">
            <ul class="SiteFooter-navigationLinks">
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Test Lab</a></li>
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Accessibility</a></li>
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Cookies</a></li>
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Styleguide</a></li>
                <li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Jobs</a></li>
            </ul>
            <!--/.SiteFooter-navigationLinks-->
            <ul class="SiteFooter-icons">
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-github.svg" alt="Find us on Github"></a></li>
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-instagram.svg" alt="Find us on Instagram"></a></li>
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-linkedin.svg" alt="Find us on LinkedIn"></a></li>
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-medium.svg" alt="Find us on Medium"></a></li>
                <li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-flickr.svg" alt="Find us on Flickr"></a></li>
            </ul>
            <!--/.SiteFooter-icons-->
        </nav>
        <div class="SiteFooter-small">
            © 2005‑now Clearleft Ltd. All rights reserved.
        </div>
        <!--/.SiteFooter-small-->
    </div>
    <!--/.Cols-->
</footer>
<!--/.SiteFooter-->
<div class="Background Background--grey">
    {% include '@site-header' %}
    {% include '@masthead' %}
</div>

<main id="main-content">

    <div class="Background Background--grey">{% include '@page-lead' %}</div>

    {% include '@team-grid' %}

    {% include '@banner' with {bannerCaption: 'Take a peek inside', bannerHeadline: 'Our Studio', bannerModifier: '', bannerBody: '', "bannerLink": ''} %}

    {% include '@image-gallery-team' %}

    {% include '@banner' %}

</main>

{% include '@site-footer' %}
{
  "primaryNavlinks": [
    {
      "title": "Case Studies",
      "url": "#",
      "primaryActive": true
    },
    {
      "title": "Team",
      "url": "#"
    },
    {
      "title": "Posts",
      "url": "#"
    },
    {
      "title": "Events",
      "url": "#"
    },
    {
      "title": "Contact",
      "url": "#"
    }
  ],
  "mastheadTitle": "Know who you’re working with.",
  "mastheadMidifier": "--chimney",
  "leadText": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore sapiente molestiae sed? Consectetur illo repellat dolorum assumenda, voluptatum explicabo architecto? <a href=\"#\">Here’s a link</a>.",
  "pageLeadSecondary": true,
  "persons": [
    {
      "indexCardName": "Ms. King Steuber",
      "indexCardInfo": "Direct Web Liason",
      "imageSrc": "/assets/img/team/charlotte.jpg"
    },
    {
      "indexCardName": "Tevin Carroll PhD",
      "indexCardInfo": "Dynamic Quality Technician",
      "imageSrc": "/assets/img/team/charlotte.jpg"
    },
    {
      "indexCardName": "Duncan Reichel",
      "indexCardInfo": "Forward Usability Agent",
      "imageSrc": "/assets/img/team/charlotte.jpg"
    },
    {
      "indexCardName": "Gracie Collins",
      "indexCardInfo": "Chief Optimization Specialist",
      "imageSrc": "/assets/img/team/charlotte.jpg"
    },
    {
      "indexCardName": "Louvenia Johnston PhD",
      "indexCardInfo": "Forward Accountability Coordinator",
      "imageSrc": "/assets/img/team/charlotte.jpg"
    },
    {
      "indexCardName": "Ola Volkman",
      "indexCardInfo": "Direct Assurance Director",
      "imageSrc": "/assets/img/team/ben-w.jpg"
    },
    {
      "indexCardName": "Christine Dickens",
      "indexCardInfo": "National Infrastructure Administrator",
      "imageSrc": "/assets/img/team/charlotte.jpg"
    },
    {
      "indexCardName": "Duane Hettinger I",
      "indexCardInfo": "Investor Tactics Designer",
      "imageSrc": "/assets/img/team/andy-t.jpg"
    },
    {
      "indexCardName": "Marcella Koelpin",
      "indexCardInfo": "Central Creative Technician",
      "imageSrc": "/assets/img/team/ellen.jpg"
    },
    {
      "indexCardName": "Mollie Padberg",
      "indexCardInfo": "Central Response Consultant",
      "imageSrc": "/assets/img/team/ben-w.jpg"
    },
    {
      "indexCardName": "Dr. Sandrine Hudson",
      "indexCardInfo": "Principal Tactics Liason",
      "imageSrc": "/assets/img/team/charlotte.jpg"
    },
    {
      "indexCardName": "Elfrieda Morar",
      "indexCardInfo": "Direct Research Strategist",
      "imageSrc": "/assets/img/team/ellen.jpg"
    },
    {
      "indexCardName": "Evelyn Maggio",
      "indexCardInfo": "Regional Directives Strategist",
      "imageSrc": "/assets/img/team/charlotte.jpg"
    },
    {
      "indexCardName": "Halie Eichmann",
      "indexCardInfo": "Dynamic Solutions Officer",
      "imageSrc": "/assets/img/team/ellen.jpg"
    },
    {
      "indexCardName": "Lysanne Champlin",
      "indexCardInfo": "Regional Web Director",
      "imageSrc": "/assets/img/team/hana.jpg"
    },
    {
      "indexCardName": "Meagan Spencer",
      "indexCardInfo": "Regional Brand Producer",
      "imageSrc": "/assets/img/team/andy-t.jpg"
    },
    {
      "indexCardName": "Gerhard Kshlerin",
      "indexCardInfo": "Global Quality Liason",
      "imageSrc": "/assets/img/team/ben-w.jpg"
    },
    {
      "indexCardName": "Laney Graham IV",
      "indexCardInfo": "Product Group Coordinator",
      "imageSrc": "/assets/img/team/hana.jpg"
    },
    {
      "indexCardName": "Noble Ferry",
      "indexCardInfo": "Global Usability Assistant",
      "imageSrc": "/assets/img/team/andy-t.jpg"
    },
    {
      "indexCardName": "Bethany Lesch IV",
      "indexCardInfo": "International Applications Planner",
      "imageSrc": "/assets/img/team/andy-t.jpg"
    },
    {
      "indexCardName": "Mrs. Darlene Keeling",
      "indexCardInfo": "Senior Branding Designer",
      "imageSrc": "/assets/img/team/ben-w.jpg"
    },
    {
      "indexCardName": "Bulah Cassin V",
      "indexCardInfo": "Forward Response Officer",
      "imageSrc": "/assets/img/team/andy-t.jpg"
    },
    {
      "indexCardName": "Miss Charlene Douglas",
      "indexCardInfo": "Customer Markets Consultant",
      "imageSrc": "/assets/img/team/hana.jpg"
    },
    {
      "indexCardName": "Vallie Walker",
      "indexCardInfo": "Forward Research Analyst",
      "imageSrc": "/assets/img/team/andy-t.jpg"
    },
    {
      "indexCardName": "Curtis Hudson",
      "indexCardInfo": "Legacy Marketing Architect",
      "imageSrc": "/assets/img/team/charlotte.jpg"
    }
  ],
  "listItems": [
    "<a href=\"#\">11 yrs old and growing. What’s our story?</a>",
    "<a href=\"#\">We’re hiring. Is there a job for you?</a>",
    "<a href=\"#\">11 yrs old and growing. What’s our story?</a>"
  ],
  "bannerModifier": "--decorated",
  "bannerCaption": "Are you the one?",
  "bannerHeadline": "Join us",
  "bannerLink": "Check out our open vacancies",
  "bannerBody": "<p>We’re a team of makers, thinkers, organisers and digital explorers.<br>We’re always actively seeking out new skills, challenges and opportunities.</p>",
  "footerLinks": [
    {
      "title": "Test Lab",
      "url": "#"
    },
    {
      "title": "Accessibility",
      "url": "#"
    },
    {
      "title": "Cookies",
      "url": "#"
    },
    {
      "title": "Styleguide",
      "url": "#"
    },
    {
      "title": "Jobs",
      "url": "#"
    }
  ],
  "socialLinks": [
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-github.svg",
      "alt": "Find us on Github"
    },
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-instagram.svg",
      "alt": "Find us on Instagram"
    },
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-linkedin.svg",
      "alt": "Find us on LinkedIn"
    },
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-medium.svg",
      "alt": "Find us on Medium"
    },
    {
      "url": "#",
      "imgSrc": "/assets/img/icons/icon-flickr.svg",
      "alt": "Find us on Flickr"
    }
  ],
  "inputGroupLabel": "Get notified with updates",
  "inputGroupSubmit": "Join the mailing list",
  "inputGroupID": "ID2",
  "inputGroupPlaceholder": "Enter email address",
  "inputGroupMicrocopy": "Low volume mailing list. Just for events & conference updates. <a href=\"#\">See an example</a>",
  "inputGroupModifiers": "highlight",
  "siteFooterSmall": "© 2005‑now Clearleft Ltd. All rights reserved."
}

There are no notes for this item.