---
layout: default
title: XMPP Account Registration Page
sitemap: false
permalink: /files/register_web/register.html
---

                <center><h1 style="padding-bottom:25px;">New XMPP Account Registration Page</h1></center>
                    <div class="row">
                        <div id="register-text" class="col-md-8">
                            <div class="row">
                                <p>This page allows you to create a new XMPP/Jabber account in this server for the domain {hostname}.  Your new JID will be created in the form
                                <code>username@{hostname}</code>.</p>
                                <div class="alert alert-warning" style="margin:0 auto;" role="alert">
                                    Please read the sites <a href="{{ site.url }}/privacy-policy/" title="Privacy Policy">privacy policy</a>
                                    before registering a new account.
                                </div>

                                <div class="client-mobile">
                                        <h3>Clients</h3>
                                        <p>After creating an account, you must use a software client to login into the server.
                                            Below is a small list of clients you may use, but really any XMPP client can work.</p>
                                        <p>Once you have logged into the server, you may then chat with users on nearly any XMPP server.</p>
                                        <div class="row">
                                            <div class="col-sm-3">
                                                <center><a href="https://conversations.im/" title="Conversations User Guide" target=”_blank”>
                                                    <img src="{{ site.url }}/assets/img/clients/conversations_logo.png" height="80px" width="80px"></a></center>
                                                <center><h4>Conversations</h4></center>
                                            </div>
                                            <div class="col-sm-3">
                                                <center><a href="https://swift.im/" title="Swift User Guide" target=”_blank”>
                                                    <img src="{{ site.url }}/assets/img/clients/swift_logo.svg" height="80px" width="80px"></a></center>
                                                <center><h4>Swift</h4></center>
                                            </div>
                        <div class="col-sm-3">
                            <center><a href="https://chatsecure.org/" title="Chatsecure User Guide" target=”_blank”>
                                <img src="{{ site.url }}/assets/img/clients/chatsecure_logo.png" height="80px" width="80px"></a></center>
                            <center><h4>ChatSecure</h4></center>
                        </div>
                        <div class="col-sm-3">
                            <center><a href="https://gajim.org/" title="Gajim User Guide" target=”_blank”>
                                <img src="{{ site.url }}/assets/img/clients/gajim_logo.png" height="80px" width="80px"></a></center>
                            <center><h4>Gajim</h4></center>
                        </div>
                        </div>
                        <hr style="color:grey">
                        <p>Please see the <a href="{{ site.url }}/new-user-guide/">client list</a> for a longer list of available clients that may be used.</p>
                    </div>
                </div>
            </div>
            <div id="register-window" class="mainbox col-md-4 col-sm-8 col-sx-offset-2">
                <div class="row">
                    <div class="card">
                        <div class="panel-heading">
                            <div class="panel-title"><center><h4>Registration Form</h4></center></div>
                        </div>
                        <div class="panel-body" style="margin-bottom: 15px;">
                            <h3 class="text-center text-danger" style="margin-top:0px;">{notice}</h3>
                            <form action="{{ site.url }}/register/" method="post" class="form-horizontal needs-validation" style="padding: 15px;" novalidate>
                                <div style="margin-bottom: 25px" class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                    <div class="input-group">
                                        <input type="text" class="form-control" name="username" placeholder="Username" id="username" required />
                                        <div class="input-group-append">
                                            <span class="input-group-text" style="font-size:0.8em;font-weight:bold;">@{hostname}</span>
                                        </div>
                                        <div class="invalid-feedback" style="width: 100%;">Your username is required.</div>
                                    </div>
                                </div>
                                <div style="margin-bottom: 25px" class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                    <div class="input-group">
                                        <input type="password" class="form-control" name="password" placeholder="Password" id="password" required />
                                    </div>
                                </div>
                                <div style="margin-bottom: 25px" class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                    <div class="input-group">
                                        <input type="password" class="form-control" name="confirm_password" placeholder="Confirm Password" id="confirm-password" required />
                                    </div>
                                </div>
                                <div style="margin-bottom: 25px" class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
                                    <div class="input-group">
                                        <input type="email" class="form-control" name="email" placeholder="E-Mail" id="email" required />
                                        <div class="invalid-feedback" style="width: 100%;">Your email address is required.</div>
                                    </div>
                                </div>
                                <div style="margin-bottom:25px;margin:0 auto;" class="input-group test">
                                    {captcha}
                                </div>
                                <div style="margin-top:15px;margin-bottom:0;" class="form-group">
                                    <div class="col-sm-12 controls">
                                        <input type="submit" value="Register" class="btn btn-success pull-right" />
                                        <input type="reset" value="Clear" class="btn btn-default pull-right" style="margin-right:15px" />
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                </div>