
<div class="stm-login-register-form">

    <div class="row">

        <div class="col-md-4">
            <h3>Sign In</h3>
            <div class="stm-login-form">
                <form method="post">

                    <div class="form-group">
                        <h4>Login or E-mail</h4>
                        <input type="text" class="form-control" name="stm_user_login"
                               placeholder="Enter login or E-mail"/>
                    </div>

                    <div class="form-group">
                        <h4>Password</h4>
                        <input type="password" class="form-control" name="stm_user_password"
                               placeholder="Enter password"/>
                    </div>

                    <div class="form-group form-checker">
                        <label>
                            <input type="checkbox" name="stm_remember_me"/>
                            <span>Remember me</span>
                        </label>
                    </div>
                    <input type="submit" class="button" value="Login"/>
                    <span class="stm-listing-loader"><i class="fa fa-spinner"></i></span>
                    <div class="stm-validation-message"></div>
                </form>
            </div>
        </div>

        <div class="col-md-8">
            <h3>Sign Up</h3>
            <div class="stm-register-form">
                <form method="post">

                    <div class="row form-group">
                        <div class="col-md-6">
                            <h4>First Name</h4>
                            <input class="user_validated_field form-control" type="text" name="stm_user_first_name"
                                   placeholder="Enter First name"/>
                        </div>
                        <div class="col-md-6">
                            <h4>Last Name</h4>
                            <input class="user_validated_field form-control" type="text" name="stm_user_last_name"
                                   placeholder="Enter Last name"/>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col-md-6">
                            <h4>Phone number</h4>
                            <input class="user_validated_field form-control" type="tel" name="stm_user_phone"
                                   placeholder="Enter Phone"/>
                        </div>
                        <div class="col-md-6">
                            <h4>Email *</h4>
                            <input class="user_validated_field form-control" type="email" name="stm_user_mail"
                                   placeholder="Enter E-mail"/>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col-md-6">
                            <h4>Login *</h4>
                            <input class="user_validated_field form-control" type="text" name="stm_nickname"
                                   placeholder="Enter Login"/>
                        </div>
                        <div class="col-md-6">
                            <h4>Password *</h4>
                            <div class="stm-show-password">
                                <i class="fa fa-eye-slash"></i>
                                <input class="user_validated_field form-control" type="password"
                                       name="stm_user_password"
                                       placeholder="Enter Password"/>
                            </div>
                        </div>
                    </div>

                    <div class="form-group form-group-submit clearfix">
                        <input type="submit" class="button"
                               value="Sign up now!"/>
                        <span class="stm-listing-loader"><i class="fa fa-spinner"></i></span>
                    </div>

                    <div class="stm-validation-message"></div>

                </form>
            </div>
        </div>

    </div>
</div>

<script type="text/javascript">
    jQuery(document).ready(function () {
        var $ = jQuery;
        $('.stm-show-password .fa').mousedown(function () {
            $(this).closest('.stm-show-password').find('input').attr('type', 'text');
            $(this).addClass('fa-eye');
            $(this).removeClass('fa-eye-slash');
        });

        $(document).mouseup(function () {
            $('.stm-show-password').find('input').attr('type', 'password');
            $('.stm-show-password .fa').addClass('fa-eye-slash');
            $('.stm-show-password .fa').removeClass('fa-eye');
        });
    });
</script>{"id":1574,"date":"2016-12-30T08:41:58","date_gmt":"2016-12-30T08:41:58","guid":{"rendered":"https:\/\/stylemixthemes.com\/cardealerplugin\/?page_id=1574"},"modified":"2016-12-30T08:41:58","modified_gmt":"2016-12-30T08:41:58","slug":"login","status":"publish","type":"page","link":"https:\/\/stylemixthemes.com\/cardealerplugin\/login\/","title":{"rendered":"Login"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stylemixthemes.com\/cardealerplugin\/wp-json\/wp\/v2\/pages\/1574"}],"collection":[{"href":"https:\/\/stylemixthemes.com\/cardealerplugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stylemixthemes.com\/cardealerplugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stylemixthemes.com\/cardealerplugin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stylemixthemes.com\/cardealerplugin\/wp-json\/wp\/v2\/comments?post=1574"}],"version-history":[{"count":1,"href":"https:\/\/stylemixthemes.com\/cardealerplugin\/wp-json\/wp\/v2\/pages\/1574\/revisions"}],"predecessor-version":[{"id":1575,"href":"https:\/\/stylemixthemes.com\/cardealerplugin\/wp-json\/wp\/v2\/pages\/1574\/revisions\/1575"}],"wp:attachment":[{"href":"https:\/\/stylemixthemes.com\/cardealerplugin\/wp-json\/wp\/v2\/media?parent=1574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}