Groupmate Header

<div class="hero_background">
    <div class="container">
        <div class="row --center">
            <div class="groupmate_header d_grid-10 m_grid-4">
                <h1 class="h1 h--long">groupmate: Combined Listings</h1>
                <p>mimic a variant setup with a set of separate Shopify products</p>

                <ul class="marketing_swatches">
                    <li>
                        <a href="#link">
                            <div class="swatch --active"></div>
                            <span class="title">About</span>
                        </a>
                    </li>
                    <li>
                        <a href="#link">
                            <div class="swatch"></div>
                            <span class="title">View Demo</span>
                        </a>
                    </li>
                    <li>
                        <a href="#link">
                            <div class="swatch">
                                <img src="../../shopify_logo.svg" alt="" />
                            </div>
                            <span class="title">Install</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>