zulip/templates/zerver/create_realm.html

{% extends "zerver/portico_signup.html" %}
{# Home page for not logged-in users. #}

{# This is where we pitch the app and solicit signups. #}

{% block portico_content %}
<script type="text/javascript">
$(function () {
    autofocus('#email');
});
</script>

<div class="app register-page flex">
    <div class="app-main register-page-container new-style flex full-page">
        <div class="bg-image"></div>

        <div class="register-form">
            <div class="lead">
                <h1 class="get-started">{{ _("Create a new Zulip organization") }}</h1>
            </div>
            <form class="form-inline" id="send_confirm" name="email_form"
                action="{{ current_url() }}" method="post">
                {{ csrf_input }}
                <div class="input-box horizontal">
                    <div class="inline-block relative">
                        <input type="text" class="email required" placeholder="{{ _("Enter your work email address") }}"
                               id="email" name="email" required />
                        <label for="id_username">{{ _('Email') }}</label>
                        <div class="required"></div>
                        <img class="valid" src="/static/images/checkbox-valid.svg" alt="{{ _('Valid') }}" />
                    </div>

                    <button type="submit" class="new-organization-button register-button">{{ _("Create organization") }}</button>
                </div>
            </form>
            <div id="errors"></div>
            {% if form.email.errors %}
                {% for error in form.email.errors %}
                <div class="alert alert-error">{{ error }}</div>
                {% endfor %}
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}