<nav class="portico-header">
    <div class="content">
        <a class="brand logo" href="{{ root_domain_uri }}">
            <svg class="brand-logo" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 40 40" version="1.1">
                <g transform="translate(-297.14285,-466.64792)">
                    <circle cx="317.14285" cy="486.64792" r="19.030317" style="fill:#fff;stroke-width:1.93936479;stroke:transparent"></circle>
                    <path d="m309.24286 477.14791 14.2 0 1.6 3.9-11.2 11.9 9.6 0 1.6 3.2-14.2 0-1.6-3.9 11.2-11.9-9.6 0z" style="fill:#52c2af;stroke:#52c2af"></path>
                </g>
            </svg>
            <span>Zulip</span>
        </a>
        <ul>
            <div class="exit">&times;</div>
            <li on-page="hello">
                <a href="/hello/">Home</a>
            </li>
            <li on-page="features">
                <a href="/features/">Features</a>
            </li>
            <li on-page="plans">
                <a href="/plans/">Plans</a>
            </li>
            <li on-page="apps">
                <a href="{{ apps_page_url }}">Apps</a>
            </li>
            <li on-page="integrations">
                <a href="/integrations/">Integrations</a>
            </li>
            <li on-page="why-zulip">
                <a href="/why-zulip/">Why Zulip</a>
            </li>
            {% if user_is_authenticated %}
                {% include 'zerver/portico-header-dropdown.html' %}
            {% else %}
                {% if login_link_disabled %}
                {% else %}
                <li>
                    <a href="/login/">Login</a>
                </li>
                {% endif %}
                {% if register_link_disabled %}
                {% else %}
                <li>
                    <a href="/register/">Sign up</a>
                </li>
                {% endif %}
            {% endif %}
            {% if find_team_link_disabled %}
            {% else %}
            <li>
                <a href="/accounts/find/">Find Accounts</a>
            </li>
            {% endif %}
        </ul>
        <div class="clear-float"></div>
    </div>
    <svg height="32px" class="hamburger" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/></svg>
</nav>
