Create an Account HTML

mail@pastecode.io avatar
unknown
html
2 years ago
3.6 kB
8
Indexable
Never
<section class="login-box">
    <h2 class="title title--login txt-center">
        Create an account
    </h2>
    <ul class="social-list list">
        <li class="social-list__item">
            <a class="social-list__link">
                <i class="social-list__icon social-list__icon--instagram"></i>
            </a>
        </li>
        <li class="social-list__item">
            <a class="social-list__link">
                <i class="social-list__icon social-list__icon--google"></i>
            </a>
        </li>
        <li class="social-list__item">
            <a class="social-list__link">
                <i class="social-list__icon social-list__icon--facebook"></i>
            </a>
        </li>
    </ul>
    <p class="txt-center">
        or use your email for registration
    </p>
    <form class="form" [formGroup]="createUserForm" (ngSubmit)="onCreateUser()">
        <div class="form-field__wrap">
            <label class="form-field__label" for="username">Enter your name</label>
            <div class="form-field form-field--user">
                <input id="username" class="form-field__input form-field__input--border form-field__input--user"
                    type="text" value="" placeholder="Name" formControlName="username">
            </div>
        </div>
        <div class="form-field__wrap">
            <label class="form-field__label" for="email">Enter your email</label>
            <div class="form-field form-field--email">
                <input id="email" class="form-field__input form-field__input--border form-field__input--email"
                    type="text" value="" placeholder="Email" formControlName="email">
            </div>
            <ng-container class='field-message' *ngIf="email?.errors">
                An user with email {{email?.value}} already exists.
            </ng-container>
        </div>
        <div class="form-field__wrap">
            <label class="form-field__label" for="password">Enter password</label>
            <div class="form-field form-field--password">
                <input class="form-field__input form-field__input--border form-field__input--password" type="password"
                    value="" placeholder="Password">
                <i class="password-toggle"></i>
            </div>
        </div>
        <div class="form-field__wrap">
            <label class="form-field__label" for="password">Confirm password</label>
            <div class="form-field form-field--password">
                <input class="form-field__input form-field__input--border form-field__input--password" type="password"
                    value="" placeholder="Password">
                <i class="password-toggle"></i>
            </div>
        </div>
        <input type="submit" class="form-submit" value="Create an account">
        <div class="form-field__wrap check-item check-item--form">
            <label class="checkbox checkbox--form checkbox--green">
                <input class="checkbox__input" type="checkbox" name="">
                <span class="checkbox__checkmark checkbox__checkmark--form"></span>
            </label>
            <div class="check-item__content">
                <p class="check-item__descr">
                    I have read and agree to the<br>
                    <a href="">user agent</a> and <a href="">Privacy policy</a>.
                </p>
            </div>
        </div>
    </form>
    <p class="txt-center">
        Adready registered ? <a href="#">Sign in</a>
    </p>
</section>