register.blade.php 8.51 KB
<div id="reg" class="modal">
    <div class="modal__body">
        <div class="modal__title left">Регистрация</div>
        <div class="modal__tabs">
            <button type="button" class="modal__tabs-item button button_light active" data-tab="1">Кандидат</button>
            <button type="button" class="modal__tabs-item button button_light" data-tab="2">Работодатель</button>
        </div>
        <form class="modal__reg showed" data-body="1">
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Электронная почта</label>
                <div class="form-group__item">
                    <input type="email" class="input" placeholder="info@rekamore.su" required>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Пароль</label>
                <div class="form-group__item">
                    <input type="password" class="input" placeholder="**********" required>
                    <button type="button" class="eye">
                        <svg class="js-password-show">
                            <use xlink:href="images/sprite.svg#eye"></use>
                        </svg>
                        <svg class="js-password-hide">
                            <use xlink:href="images/sprite.svg#eye-2"></use>
                        </svg>
                    </button>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Подтвердить пароль</label>
                <div class="form-group__item">
                    <input type="password" class="input" placeholder="**********" required>
                    <button type="button" class="eye">
                        <svg class="js-password-show">
                            <use xlink:href="images/sprite.svg#eye"></use>
                        </svg>
                        <svg class="js-password-hide">
                            <use xlink:href="images/sprite.svg#eye-2"></use>
                        </svg>
                    </button>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Статус</label>
                <div class="form-group__item">
                    <div class="select">
                        <select class="js-select2">
                            <option selected disabled>Не указано</option>
                            <option>Вариант 1</option>
                            <option>Вариант 2</option>
                            <option>Вариант 3</option>
                            <option>Вариант 4</option>
                            <option>Вариант 5</option>
                            <option>Вариант 6</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Ф.И.О.</label>
                <div class="form-group__item">
                    <input type="text" class="input" placeholder="Шестаков Михаил Юрьевич" required>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Должность</label>
                <div class="form-group__item">
                    <input type="text" class="input" placeholder="Палуба" required>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Номер телефона</label>
                <div class="form-group__item">
                    <input type="tel" class="input" placeholder="+7 (___) ___-__-__" required>
                </div>
            </div>
            <div class="modal__reg-item">
                <img src="images/catpcha.jpg" alt="" class="captcha">
            </div>
            <div class="modal__reg-item">
                <label class="checkbox">
                    <input type="checkbox" class="checkbox__input" required>
                    <span class="checkbox__icon">
                                <svg>
                                    <use xlink:href="images/sprite.svg#v"></use>
                                </svg>
                            </span>
                    <span class="checkbox__text">
                                <span>
                                    Я согласен(на) с <a href="#">Политикой конфиденциальности</a>
                                </span>
                            </span>
                </label>
            </div>
            <button type="submit" class="button">Зарегистрироваться</button>
        </form>
        <form class="modal__reg" data-body="2">
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Электронная почта</label>
                <div class="form-group__item">
                    <input type="email" class="input" placeholder="info@rekamore.su" required>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Пароль</label>
                <div class="form-group__item">
                    <input type="password" class="input" placeholder="**********" required>
                    <button type="button" class="eye">
                        <svg class="js-password-show">
                            <use xlink:href="images/sprite.svg#eye"></use>
                        </svg>
                        <svg class="js-password-hide">
                            <use xlink:href="images/sprite.svg#eye-2"></use>
                        </svg>
                    </button>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Подтвердить пароль</label>
                <div class="form-group__item">
                    <input type="password" class="input" placeholder="**********" required>
                    <button type="button" class="eye">
                        <svg class="js-password-show">
                            <use xlink:href="images/sprite.svg#eye"></use>
                        </svg>
                        <svg class="js-password-hide">
                            <use xlink:href="images/sprite.svg#eye-2"></use>
                        </svg>
                    </button>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Номер телефона</label>
                <div class="form-group__item">
                    <input type="tel" class="input" placeholder="+7 (___) ___-__-__" required>
                </div>
            </div>
            <div class="modal__reg-item form-group">
                <label class="form-group__label">Название судоходной компании</label>
                <div class="form-group__item">
                    <input type="text" class="input" placeholder="ООО Река Море" required>
                </div>
            </div>
            <div class="modal__reg-item">
                <img src="images/catpcha.jpg" alt="" class="captcha">
            </div>
            <div class="modal__reg-item">
                <label class="checkbox">
                    <input type="checkbox" class="checkbox__input" required>
                    <span class="checkbox__icon">
                                <svg>
                                    <use xlink:href="images/sprite.svg#v"></use>
                                </svg>
                            </span>
                    <span class="checkbox__text">
                                <span>
                                    Я согласен(на) с <a href="#">Политикой конфиденциальности</a>
                                </span>
                            </span>
                </label>
            </div>
            <button type="submit" class="button">Зарегистрироваться</button>
        </form>
        <div class="modal__text">
            <span>Вспомнили пароль?</span>
            &nbsp;
            <a href="#">Войти</a>
        </div>
    </div>
</div>