<div class="card card-register mx-auto mt-5">
    <div class="card-header" style="text-align: center">ĐĂNG KÝ TÀI KHOẢN</div>
    <div class="card-body">
        <form>
            <div class="form-group">
                <div class="form-row">
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="username" id="username" class="form-control" placeholder="Tên truy cập"
                                   required="required" autofocus="autofocus">
                            <label for="username">Tên Đăng Nhập</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="name" id="name" class="form-control" placeholder="Họ và Tên"
                                   required="required">
                            <label for="name">Họ và Tên</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="form-row">
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="email" ng-model="email" id="email" class="form-control"
                                   placeholder="Email đăng ký" required="required">
                            <label for="Email">Email đăng ký</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="tel" ng-model="phonenumber" id="phonenumber" class="form-control"
                                   placeholder="SDT" required="required">
                            <label for="phonenumber">SDT</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="form-row">
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="Object" id="Object" class="form-control"
                                   placeholder="Đối tượng" required="required">
                            <label for="Object">Đối Tượng</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="skype" id="skype" class="form-control"
                                   placeholder="nick skype" required="required">
                            <label for="skype">Nick Skype</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="form-row">
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="facebook" id="facebook" class="form-control"
                                   placeholder="facebook" required="required">
                            <label for="facebook">facebook</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="HocVan" id="HocVan" class="form-control"
                                   placeholder="Học Vấn" required="required">
                            <label for="HocVan">Học Vấn</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="form-row">
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="QueQuan" id="QueQuan" class="form-control"
                                   placeholder="Quê Quán" required="required">
                            <label for="QueQuan">Quê Quán</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="Truong" id="Truong" class="form-control"
                                   placeholder="Trường" required="required">
                            <label for="Truong">Trường</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="form-row">
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="Khoa" id="Khoa" class="form-control"
                                   placeholder="Khoa" required="required">
                            <label for="Khoa">Khoa</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-label-group">
                            <input type="text" ng-model="NamTotNghiep" id="NamTotNghiep" class="form-control"
                                   placeholder="Năm tốt nghiệp" required="required">
                            <label for="NamTotNghiep">Năm tốt nghiệp</label>
                        </div>
                    </div>
                </div>
            </div>
            <a class="btn btn-primary btn-block" href="#">Register</a>
        </form>
        <div class="text-center">
            <a class="d-block small mt-3" ui-sref="login">Dăng Nhập</a>
            <a class="d-block small" ui-sref="forgot-password">Lấy lại mật khẩu?</a>
        </div>
    </div>
</div>