<div class="compare">
    <div class="padded-content">
        <div class="text-header">
            <div class="text-content">
                <h1><span>Compare</span></h1>
            </div>
        </div>

        <table>
            <thead>
                <tr>
                    <th>Feature</th>
                    <th class="uniform">Zulip</th>
                    <th class="normal uniform">Slack</th>
                    <th class="normal uniform">Mattermost</th>
                    <th class="normal uniform">Hipchat</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Apps for every platform</td>
                    <td class="yes"></td>
                    <td class="yes"></td>
                    <td class="yes"></td>
                    <td class="yes"></td>
                </tr>
                <tr>
                    <td>Hundreds of integrations</td>
                    <td class="yes"></td>
                    <td class="yes"></td>
                    <td class="yes"></td>
                    <td class="yes"></td>
                </tr>
                <tr>
                    <td>Hosting available</td>
                    <td class="yes"></td>
                    <td class="yes"></td>
                    <td class="no"></td>
                    <td class="yes"></td>
                </tr>
                <tr>
                    <td>Emoji reactions</td>
                    <td class="yes"></td>
                    <td class="yes"></td>
                    <td class="yes"></td>
                    <td class="no"></td>
                </tr>
                <tr>
                    <td>Markdown formatting</td>
                    <td class="yes"></td>
                    <td class="no"></td>
                    <td class="yes"></td>
                    <td class="no"></td>
                </tr>
                <tr>
                    <td>Topic-based threading</td>
                    <td class="yes"></td>
                    <td class="no"></td>
                    <td class="no"></td>
                    <td class="no"></td>
                </tr>
                <tr>
                    <td>Lightning-fast search</td>
                    <td class="yes"></td>
                    <td class="no"></td>
                    <td class="no"></td>
                    <td class="no"></td>
                </tr>
                <tr>
                    <td>Free and open source</td>
                    <td class="yes"></td>
                    <td class="no"></td>
                    <td>See below*</td>
                    <td class="no"></td>
                </tr>
            </tbody>
        </table>
        <p class="terms">
            <span class="term">
                * On Mattermost's licensing: The components of
                Mattermost are, technically, released under various
                open source licenses.
                However, <a href="https://www.mattermost.org/licensing/">Mattermost's
                licensing and trademark policy</a> forbids
                redistributing patched versions of Mattermost without
                renaming the project.  This means, for
                example, that projects like Debian will never be able to include a
                Mattermost server package.
            </span>
        </p>
    </div>
</div>
