</ iframe ></noscript> ; <nav class="navbar navbar-expand-lg navbar-light" style="border-bottom: 2px solid #43bda8 !important;"> <div class="container"> <!-- Brand --> <div class="navbar-brand-img"> <a class="navbar-brand" href="/"><img src="/trend/images/basic/logo.png" alt="Guruface Logo" width="70%"></a> </div> <!-- Navbar links --> <div class="Loginregisterbtn"> <a href="/Account/Login" class="btn btn-getStarted mr-2 px-4">Login</a> </div> </div> </nav> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAagLbZE-TKg-C8TccElwPrMaJZjuqZ08A&libraries=places"></script> <meta name="google-signin-client_id" content="540540347203-qt1gl5s071ao6c8qlu0ndsqrvomi9eg8.apps.googleusercontent.com"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <style> #map { height: 400px; width: 100%; } form input.ng-invalid { border-left: 5px solid #a94442 !important; } form input.ng-valid { border-left: 5px solid green !important; } form input.ng-dirty { /*background-color: pink !important;*/ } .address1 .ng-invalid { border-left: 0px !important; } .address1 .ng-valid { border-left: 0px !important; } .Not { color: red !important; } </style> <link href="/Content/custom/CustomNew.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.6.1/fullcalendar.min.css"> <link href="/styles/CountryFlag.css" rel="stylesheet" /> <div> <input type="hidden" id="RegisterType" data-value="Student" /> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAagLbZE-TKg-C8TccElwPrMaJZjuqZ08A&libraries=places"></script> <div> <ngx-ui-loader [fgsColor]="'#00ACC1'" [fgsPosition]="'center-center'" [fgsSize]="'60'" [fgsType]="'ball-spin-clockwise'" [bgsColor]="'#00ACC1'" [bgsOpacity]="'0.5'" [bgsPosition]="'bottom-right'" [bgsSize]="'60'" [bgsType]="'ball-spin-clockwise'" [gap]="'24'" [logoPosition]="'center-center'" [logoSize]="'120'" [logoUrl]="" [overlayColor]="'rgba(40, 40, 40, 0.8)'" [pbColor]="'#00ACC1'" [pbDirection]="'ltr'" [pbThickness]="'3'" [hasProgressBar]="'true'" [text]="" [textColor]="'#FFFFFF'" [textPosition]="'center-center'"></ngx-ui-loader> <script type="text/ng-template" id="RegistrationTemplate"> <style> .CaptchaContent { background-image: url(/images/captcha_bg.png); border: 1px solid #a7a7a7 !important; height: 28px; } #captchaImage { width: auto; max-height: 28px; } .icon-student { background: url(/images/icon_home.png) no-repeat scroll -338px -199px; height: 59px; width: 55px; display: inline-block; background-color: #e84c3d } .ng-select { position: relative; display: block; box-sizing: border-box; height: 38px; } label { margin-bottom: 0px; font-size: 17px; } </style> <form (ngSubmit)="onSubmit()" action="/Account/Register/Student" class="form-horizontal" method="post" [formGroup]="registerForm"> <div style="background: #f8fffc;"> <div class="container body-content py-5"> <div class="row"> <div class="col-md-8 "> <div class="container card box-shadow-light body-content bg-white rounded pb-3"> <div class="row mb-3"> <div class="col-md-12 pricing-table4 text-center" style="border-style: none; padding: 0px; line-height: 2.5rem; background-color: #f9eafe;"> <div class="title pt-3"> <div class="space20"></div> <img _ngcontent-wqg-c41="" src="/images/StudentNew.png" alt="Guruface Student Account - For anyone searching for online courses and online certificate programs" height="160" width="220" class="mb-2 ml-3 RegistrationImages"> <div class="space20"></div> <h4 class="homePageHeadingBottomBorder">Create new student account</h4> <div class="pb-1"></div> </div> </div> </div> <div class=""> <div class=" card "> <div class="pt-3 pl-2 pr-2 pb-2"> <div class="form-group row pl-3 pr-3"> <div class="col-md-12"> <label class=" control-label " for="FirstName">First Name</label> <input class="form-control clsFocus " data-val="true" data-val-required="The First Name field is required." formControlName="FirstName" id="FirstName" name="FirstName" type="text" value="" [ngClass]="{ 'is-invalid': submitted && f.FirstName.errors }" /> <div *ngIf="f.FirstName.touched && f.FirstName.hasError('required')"> <span class="text-danger">First Name is required </span></div> </div> </div> <div class="form-group row pl-3 pr-3"> <div class="col-md-12"> <label class="control-label " for="LastName">Last name</label> <input class="form-control clsFocus " data-val="true" data-val-required="The Last name field is required." formControlName="LastName" id="LastName" name="LastName" type="text" value="" [ngClass]="{ 'is-invalid': submitted && f.LastName.errors }" /> <div *ngIf="f.LastName.touched && f.LastName.hasError('required')"><span class="text-danger">Last Name is required </span></div> </div> </div> <div class="form-group row pl-3 pr-3 mb-2"> <div class="col-md-12"> <label class="control-label " for="Email">Email</label> <input (change)="ValidateEmail($event)" class="form-control clsFocus " data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="The Email field is required." formControlName="Email" id="txtEmail" name="Email" type="text" value="" [ngClass]="{ 'is-invalid': submitted && f.Email.errors }" [pattern]="emailPattern" /> <div *ngIf="f.Email.touched && f.Email.hasError('required')"><span class="text-danger">Email is required </span></div> <div *ngIf="f.Email.hasError('pattern')"><span class="text-danger">The email address is not valid</span></div> <div class="text-success {{EmailAvailable}}">{{EmailAvailable}}</div> </div> </div> <div class="form-group row pl-3 pr-3"> <div class="col-md-12"> <label for="Phone" class="control-label ">Phone</label> <div> <div class="input-group "> <div class="input-group-addon"> <ng-select class="countryList border" [searchable]="false" [items]="CountryList" [clearable]="false" bindValue="CountryCode" formControlName="CountryCode" (change)="CountryAreaCodeChange($event)"> <ng-template ng-label-tmp let-item="item" class="form-control"> <span class="p-2"> <i class="icon-tag2_ flag flag-{{item.CountryCode | lowercase}} mr-1"> </i>{{item.CountryAreaCode}} </span> </ng-template> <ng-template ng-option-tmp let-item="item" let-index="index"> <i class="icon-tag2_ flag flag-{{item.CountryCode | lowercase}} "></i> <span class="mr-1">{{item.CountryName}}</span> <span class="text-muted"></span> </ng-template> </ng-select> </div> <input class="form-control" data-val="true" data-val-required="The Country field is required." formControlName="CountryCode" id="CountryCode" name="CountryCode" type="hidden" value="" /> <input class="form-control clsFocus " data-val="true" data-val-required="The Phone field is required." formControlName="Phone" id="Phone" name="Phone" type="text" value="" [ngClass]="{ 'is-invalid': submitted && f.Phone.errors }" [pattern]="PhoneExpression" /> </div> <div *ngIf="f.Phone.touched && f.Phone.hasError('required')"><span class="text-danger">Phone Number is required </span></div> <!--<div *ngIf="f.Phone.errors.maxlength">Maximum 10 digit</div>--> <div *ngIf="f.Phone.hasError('pattern')"><span class="text-danger">Number is not valid</span></div> </div> </div> </div> <div class="form-group row pl-3 pr-3"> <div class="col-md-12"> <label class=" control-label" for="Password">Password</label> <input class="form-control " data-val="true" data-val-length="The Password must be at least 6 characters long." data-val-length-max="100" data-val-length-min="6" data-val-required="The Password field is required." formControlName="Password" id="Password" maxlength="100" name="Password" type="password" [ngClass]="{ 'is-invalid': submitted && f.Password.errors }" /> <div *ngIf="f.Password.touched && f.Password.hasError('required')"><span class="text-danger">Password is required </span></div> <div class="" *ngIf="f.Password.hasError('pattern')"> <span style="color: red;">Password must be at least one number, one lowercase, one special character and one uppercase letter, at least 8 characters.</span>. </div> </div> </div> <div class="form-group row pl-3 pr-3"> <div class="col-md-12"> <div class="captcha-container {{ captchaConfig.cssClass}}"> <label>Enter Code</label> <div class="captcha-actions"> <div class="row"> <div class="col-md-3"> <input type="text" formControlName="Captha" class="form-control " [(ngModel)]="Captha" (keyup)="CaptchaValidation($event)" /> </div> <div class="col-md-9"> <canvas id="captcahCanvas" height="80" class="" style="height:38px"></canvas> <a href="javascript:void(0)" class="cpt-btn pl-4 pt-2" (click)="playCaptcha()"><i class="fa fa-volume-up text-dark iconSize"></i></a> <a href="javascript:void(0)" class="cpt-btn reload pl-4 pt-2" (click)="createCaptcha()"><i class="fa fa-refresh text-dark iconSize"></i></a> </div> </div> </div> </div> </div> </div> <div class="row pb-3"> <div class="col-md-12 text-center"> <div *ngIf="f.Captha.touched && f.Captha.hasError('required')"><span class="text-danger">Captcha is required </span></div> <div class="text-danger">{{IsCaptchaValid}} </div> </div> </div> <div class="form-group row pb-2 pl-3 pr-3"> <div class="col-md-offset-2 col-md-12" *ngIf="!_global.IsUserSaving"> <input type="submit" class="btn btn-success" value="Register" style="width:100%;" /> </div> <div class="col-md-offset-2 col-md-12" *ngIf="_global.IsUserSaving"> <button disabled class="btn btn-lg btn-block btn-success"><i class="fa fa-spinner fa-spin"></i> Please Wait... </button> </div> </div> </div> </div> </div> <div class="px-3"> <div class="addresssection"> </div> </div> </div> </div> <div class="col-md-4 pricing-table4_ pt-4 text-center"> <div class="form-group" style="padding-top:210px;" *ngIf="!IsAddress"> <div class="col-md-2"></div> <div class="col-md-10"> OR <p>You may create your Guruface account by using one of your social media accounts.</p> <br /><br /> <img src="/Images/fb.png" class="fblogin" /> <br /><br /> <img src="/Images/linkedin.png" class="linkedinlogin" /> <br /><br /> <div class="g-signin2" data-onsuccess="onSignIn"></div> </div> </div> <div id="fb-root"></div> </div> </div> </div> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8H1d6xErzUxLkTYYecUUqn01azzaNP3vwlzOauXoptrFEfM76YZQQ304nnj7dZ0-jjNu3U_LO1t3Sn-sHaV7mZYF7pKYP43-UIXFGen6hWrcVLzqinoHgPC7WMByICsOUKYFx8BGVN2uGKgbaUOVHC8" /></form> </script> <script type="text/ng-template" id="AppRootTemplate"> <app-student-registration></app-student-registration> </script> <app-root></app-root> </div> </div> <link rel="stylesheet" href="/css/registration-app.css" /> <script src="/js/registration-app.js"></script> <footer data-v-1a92d671="" data-v-7930edba="" class="footer pt-5 pb-5 mt-auto"> <div class="container"> <div class="row"> <div class="col-lg-5 col-xs-12 about-company"> <h4>ABOUT US</h4> <a href="/about-us" class="btn btn-xs btn-light"> <img src="/trend/images/basic/logo.png" class="img-responsive space20" width="70" alt="Guruface Logo"> </a> <p class="pr-5 mt-2 text-white-50">Guruface is your complete online platform for learning, teaching, and training. Our mission is to provide a state of the art online training platform for students, freelance teachers, corporate trainers, and small to mid-size companies worldwide. </p> <p> We have a foundation of highly talented professional trainers who specialize in a variety of subject areas. </p> <p> <a target="_blank"><i class="fa fa-facebook-square mr-1"></i></a> <a target="_blank"><i class="fa fa-linkedin-square mr-1"></i></a> <a target="_blank"><i class="fa fa-twitter-square mr-1"></i></a> <a target="_blank"><i class="fa fa-youtube-play mr-1"></i></a> <a target="_blank"><i class="fa fa-instagram"></i></a> </p> <a href="/about-us" class="btn btn-outline-warning">Read More</a> </div> <div class="col-lg-3 col-xs-12 links"> <h4 class="mt-lg-0 mt-sm-3">Links</h4> <ul class="m-0 p-0 list-unstyled"> <li><i class="fa fa-angle-right"></i> <a href="/faq"> FAQs</a></li> <li><i class="fa fa-angle-right"></i> <a href="/contact-us"> Contact Us</a></li> <li><i class="fa fa-angle-right"></i> <a href="/about-us"> About Us</a></li> <li><i class="fa fa-angle-right"></i> <a href="http://blog.guruface.com/"> Blogs</a></li> <li><i class="fa fa-angle-right"></i> <a href="/find-courses"> Courses</a></li> <li><i class="fa fa-angle-right"></i> <a href="/training-events"> Events</a></li> <li><i class="fa fa-angle-right"></i> <a href="/find-trainers"> Trainers</a></li> <li><i class="fa fa-angle-right"></i> <a href="/find-trainer-jobs"> Jobs</a></li> <li><i class="fa fa-angle-right"></i> <a href="/practice-exams"> Practice Exams</a></li> <li><i class="fa fa-angle-right"></i> <a href="/knowledge-tests"> Knowledge Tests</a></li> <li><i class="fa fa-angle-right"></i> <a href="/masterclasses"> Master Classes</a></li> <li><i class="fa fa-angle-right"></i> <a href="/learningpaths"> Learning Paths</a></li> </ul> </div> <div class="col-lg-4 col-xs-12 location"> <h4 class="mt-lg-0 mt-sm-4">Location</h4> <p> P O Box 1843<br> Frisco<br> Texas 75034 </p> <a href="tel:(+1) 888-448-7432"><i class="fa fa-phone mr-3"></i>(+1) 888-448-7432</a><br /> <a href="mailto:info@guruface.com"><i class="fa fa-envelope-o mr-3"></i>info@guruface.com</a> </div> </div> <div class="row mt-5"> <div class="col copyright"> <p class=""><small class="text-white-50">© Copyright 2024 Guruface Inc. Designed by <a href="https://www.guruface.com">Guruface Inc.</a></small></p> </div> </div> </div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> </body> </html>