Share Page

<section class="o-layer  o-layer--base">
    <div class="o-retain">
        <share-button>
            <button type="button" class="c-button      c-button--has-icon          " data-share-button>
                <span class="c-button__inner">
                    <span class="c-button__label  " data-module-bind="btn-label">
                        Deel deze pagina
                    </span>

                    <span class="c-button__wrap-icon">
                        <svg class="c-icon    " aria-hidden="true">
                            <use xlink:href="../../dist/sprite.svg#icon-share" />
                        </svg>

                    </span>

                </span>
            </button>

            <div class="o-flow" hidden data-share-button-fallback>
                <h3>Deel deze pagina</h3>

                <div class="c-share">
                    <ul class="o-layout o-layout--fit">
                        <li>
                            <a href="#" class="c-button      c-button--has-icon    c-button--hide-label      ">
                                <span class="c-button__inner">
                                    <span class="c-button__label  u-visually-hidden" data-module-bind="btn-label">
                                        Twitter
                                    </span>

                                    <span class="c-button__wrap-icon">
                                        <svg class="c-icon    " aria-hidden="true">
                                            <use xlink:href="../../dist/sprite.svg#icon-twitter" />
                                        </svg>

                                    </span>

                                </span>
                            </a>

                        </li>
                        <li>
                            <a href="#" class="c-button      c-button--has-icon    c-button--hide-label      ">
                                <span class="c-button__inner">
                                    <span class="c-button__label  u-visually-hidden" data-module-bind="btn-label">
                                        Facebook
                                    </span>

                                    <span class="c-button__wrap-icon">
                                        <svg class="c-icon    " aria-hidden="true">
                                            <use xlink:href="../../dist/sprite.svg#icon-facebook" />
                                        </svg>

                                    </span>

                                </span>
                            </a>

                        </li>
                        <li>
                            <a href="#" class="c-button      c-button--has-icon    c-button--hide-label      ">
                                <span class="c-button__inner">
                                    <span class="c-button__label  u-visually-hidden" data-module-bind="btn-label">
                                        LinkedIn
                                    </span>

                                    <span class="c-button__wrap-icon">
                                        <svg class="c-icon    " aria-hidden="true">
                                            <use xlink:href="../../dist/sprite.svg#icon-linkedin" />
                                        </svg>

                                    </span>

                                </span>
                            </a>

                        </li>
                        <li>
                            <a href="#" class="c-button      c-button--has-icon    c-button--hide-label      ">
                                <span class="c-button__inner">
                                    <span class="c-button__label  u-visually-hidden" data-module-bind="btn-label">
                                        Whatsapp
                                    </span>

                                    <span class="c-button__wrap-icon">
                                        <svg class="c-icon    " aria-hidden="true">
                                            <use xlink:href="../../dist/sprite.svg#icon-whatsapp" />
                                        </svg>

                                    </span>

                                </span>
                            </a>

                        </li>
                        <li>
                            <a href="#" class="c-button      c-button--has-icon    c-button--hide-label      ">
                                <span class="c-button__inner">
                                    <span class="c-button__label  u-visually-hidden" data-module-bind="btn-label">
                                        Mail
                                    </span>

                                    <span class="c-button__wrap-icon">
                                        <svg class="c-icon    " aria-hidden="true">
                                            <use xlink:href="../../dist/sprite.svg#icon-mail" />
                                        </svg>

                                    </span>

                                </span>
                            </a>

                        </li>
                    </ul>

                </div>

            </div>
        </share-button>
    </div>
</section>