</ iframe ></noscript> <nav class="navbar navbar-expand-lg navbar-dark scrolling-navbar top-nav-collapse sticky-navbar" style="background: #010413;"> <div class="container"> <input type="hidden" id="ImageCDN" data-value="https://cdn-images-gf-prod.azureedge.net" /> <input type="hidden" id="Username" data-value="" /> <input type="hidden" id="UserRoleInSelectedCompany" data-value="" /> <input type="hidden" id="ShowSetupCompanyLink4CompanyAdmin" data-value="" /> <input type="hidden" id="SelectedCompanyPackageId" data-value="-1" /> <input type="hidden" id="SelectedCompanyPackageName" data-value="" /> <input type="hidden" id="UpgradeLinkUrl" data-value="" /> <input type="hidden" id="UpgradeLinkTitle" data-value="" /> <input type="hidden" id="ChangeCompanyLink" data-value="" /> <input type="hidden" id="DebugMode" data-value="" /> <input type="hidden" id="ShowSwitchToPreviousUser" data-value="" /> <input type="hidden" id="PreviousUser" data-value="" /> <div class="d-flex innerlayout-searchbutton-width bd-highlight w-100"> <div class="flex-grow-1 pr-2 w-100 bd-highlight"> <app-search></app-search> </div> <style> .Image-icon-xs { height: 40px; width: 40px; } .topdrpheadercolor { background: black; color: white; } .topdrpCard-top { border-top: 4px solid #00b9bd; } .viewcartdrp-menu { left: auto; } .drpMenuLeft { left: auto; right: 0; } .moreLinks .dropdown-toggle::after { display: none; } .moreLinks .dropdown-menu { min-width: 15rem; } .moreLinks small { font-size: 65%; } </style> <div class="navbar-toggler p-0 my-auto"> <a href="/account/login" class="btn btn-sm btn-outline-success p-1" title="Login"> <i class="fa fa-sign-in fa-2x"></i> </a> </div> <div class="navbar-toggler p-0 my-auto"> <a href="/account/register" class="btn btn-sm btn-outline-info p-1" title="Register"> <i class="fa fa-user-plus fa-2x"></i> </a> </div> </div> <div class="bd-highlight collapse navbar-collapse" id="basicExampleNav1"> <style> .Image-icon-xs { height: 40px; width: 40px; } .topdrpheadercolor { background: black; color: white; } .topdrpCard-top { border-top: 4px solid #00b9bd; } .viewcartdrp-menu { left: auto; right: 21%; min-width: 25%; } .cartitemscount { border-radius: 50%; color: #fff; display: inline-block; font-size: 12px; height: 18px; line-height: 16px; padding: 2px; position: relative; text-align: center; float: right; min-width: 20px; background: red; } </style> <ul class="navbar-nav "> <li class="nav-item mr-2"> <a class="nav-link btn btn-sm btn-login" href="/account/login"><b> Login </b></a> </li> <li class="nav-item"> <a class="nav-link btn btn-sm btn-getStarted width-max-content" href="/Account/Register"><b> Get Started </b></a> </li> </ul> </div> </div> </nav> <!-- Start-Global messaging --> <div id="global-messaging" class="container" > <div id="valSummary" class="alert alert-danger error hide" style="color:Green;display:none;"> </div> <div id="lblSuccess" class="alert alert-success confirmation hide"></div> <div id="lblInformation" class="alert alert-info notice hide"></div> <div id="lblAlert" class="alert alert-warning alerts hide"></div> </div> <!-- End- Global messaging --> <input type="hidden" id="Recaptcha" data-value="" /> <input type="hidden" id="geoAPI" data-value="AIzaSyDcNqfdVOpsj7zCjaCM5dlgPspLM9mJDKw" /> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDcNqfdVOpsj7zCjaCM5dlgPspLM9mJDKw"></script> <input type="hidden" id="UserCity" data-value="Surrey Hills" /> <div style="background-color: #f3f2ef; "> <div class="container body-content p-0"> <div class="container pt-3"> <div class="row col-md-12"> <ul class='bcrumbs mb-0 p-0'> <li><a href = '/' ><i class='fa fa-home'></i> Home</a></li> <li>/ <a href = '/myaccount'> Personal Dashboard</a></li> <li>/ Profile</li> </ul> </div> <div class="page-header"><h3>Profile Preview <small class="text-muted">profile info</small></h3></div> <app-root> <script type="text/ng-template" id="ProfilePreviewTemplateB4"> <style> ul.text-muted { list-style-type: none; } </style> <div *ngIf="IsLoad"> <div class="row"> <div class="col-md-3"> <div class="card my-3 p-0 border box-shadow-light"> <div class="text-center"> <div class="card border-0 text-center"> <img src="https://cdn-images-gf-prod.azureedge.net/assets/user/200_200_th_uqdw8026UQ.jpg" alt="Generic placeholder image" class="card-img-top img-fluid"> <div class="card-body text-center py-0"> <h1 class="user-name h5">Sue Ellson</h1> <div class="dropdown user-login m-1"> <button aria-expanded="true" data-toggle="dropdown" type="button" class="btn btn-sm btn-light"> <i class="fa fa-circle " style="color:orangered"></i> Offline <i class="fa fa-angle-down"></i> </button> </div> <h6 class="user-name"> Profile Type : <small class="text-secondary ">Trainer</small> </h6> <h6 class="user-name"> <small class="text-secondary ">Member since : 01/11/2016 </small> </h6> </div> </div> </div> <div class="card m-2 border-0"> <ul class="list-group list-group-flush"> <li class="list-group-item " (click)="scrollTo('ProfileSummary')"> Profile Summary </li> <li class="list-group-item "> Photos and Videos </li> <li class="list-group-item" (click)="scrollTo('TrainingTypes')">Training Types and Rate</li> <li class="list-group-item" (click)="scrollTo('Availability')">Availability</li> <li class="list-group-item" (click)="scrollTo('Courses')">Courses <span class="badge badge-warning text-white pull-right">{{CoursesCount}}</span></li> <li class="list-group-item" (click)="scrollTo('Events')">Upcoming Events <span class="badge badge-danger text-white pull-right">{{TotalUpcomingEvent}}</span></li> </ul> </div> </div> </div> <div class="col-md-9"> <div class="row"> <div class="col-md-12"> <div class="alert alert-success alert-dismissible" *ngIf="emailSuccess"> <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a> <strong>Success!</strong> Email Send Successfully. </div> </div> <div class="col-md-12"> <div class="card my-3 box-shadow-light"> <div class="card-body "> <div class="row mx-0"> <div class="col-md-12 p-0"> <div class="d-flex"> <h2 class="user-name"> Sue Ellson </h2> <span class="my-auto px-2"> <star-rating [value]="rate" [totalstars]="5" checkedcolor="gold" uncheckedcolor="gray" size="24px" [readonly]="true"></star-rating> </span> <span class="my-auto px-2"> <small>(0 Reviews)</small> </span> </div> <div class="row px-2"> <div class="col-md-8"> <ul class="profile-list" style="list-style: outside none none; margin: 0; padding: 0; color:#777"> <li> <i class="fa fa-map-marker"></i> Surrey Hills, Victoria </li> <li> <h6 class="user-name"> <i class="flag flag-au "></i> Australia </h6> </li> <li> <div class="user "> <div class="project-meta"> <ul style="list-style: outside none none; margin: 0; padding: 0; color: #777"> <li> <i class="fa fa-volume-up"></i> Speaks : <small>English US</small> </li> <li> <div> <i class="fa fa-lightbulb-o"></i> Experience Since : 1987 </div> </li> <li> <i class="fa fa-clock-o"></i> Weekly Availability : <span class="text-danger">0 Hrs</span> <div class="cal-context" style="width: 100%;" id="calendar11"> <div class="cal-row-fluid cal-row-head availability-progress"> <div class="cal-cell1"> Sun <div class="progress progress-xs progress-striped active" style="margin:5px; height:10px"> <div style="width: 0%; background-color:#00b9bd" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-success"> </div> </div> <small class="text-gray ng-binding">0:00 Hrs</small> </div> <div class="cal-cell1"> Mon <div class="progress progress-xs progress-striped active" style="margin:5px; height:10px"> <div style="width: 0%; background-color:#00b9bd" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-success"> </div> </div> <small class="text-gray ng-binding">0:00 Hrs</small> </div> <div class="cal-cell1"> Tue <div class="progress progress-xs progress-striped active" style="margin:5px; height:10px"> <div style="width: 0%; background-color:#00b9bd" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-success"> </div> </div> <small class="text-gray ng-binding">0:00 Hrs</small> </div> <div class="cal-cell1"> Wed <div class="progress progress-xs progress-striped active" style="margin:5px; height:10px"> <div style="width: 0%; background-color:#00b9bd" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-success"> </div> </div> <small class="text-gray ng-binding">0:00 Hrs</small> </div> <div class="cal-cell1"> Thu <div class="progress progress-xs progress-striped active" style="margin:5px; height:10px"> <div style="width: 0%; background-color:#00b9bd" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-success"> </div> </div> <small class="text-gray ng-binding">0:00 Hrs</small> </div> <div class="cal-cell1"> Fri <div class="progress progress-xs progress-striped active" style="margin:5px; height:10px"> <div style="width: 0%; background-color:#00b9bd" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-success"> </div> </div> <small class="text-gray ng-binding">0:00 Hrs</small> </div> <div class="cal-cell1"> Sat <div class="progress progress-xs progress-striped active" style="margin:5px; height:10px"> <div style="width: 0%; background-color:#00b9bd" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-success"> </div> </div> <small class="text-gray ng-binding">0:00 Hrs</small> </div> </div> </div> </li> <li> <i class="icon-clock2"></i> <b><u>TimeZone</u></b><p> AUS Eastern Standard Time , (UTC+10:00) Canberra, Melbourne, Sydney</p> </li> <li> <i class="fa fa-graduation-cap"></i> Training Areas: <div class="row"> <div class="col-md-12"> <div> <a class="badge border border-secondary m-1 font-weight-normal text-dark" href="#">Basics of Computer</a> <a class="badge border border-secondary m-1 font-weight-normal text-dark" href="#">Web Development</a> <a class="badge border border-secondary m-1 font-weight-normal text-dark" href="#">Digital Marketing</a> <a class="badge border border-secondary m-1 font-weight-normal text-dark" href="#">WordPress</a> <a class="badge border border-secondary m-1 font-weight-normal text-dark" href="#">Social Media Marketing</a> </div> </div> </div> </li> </ul> </div> </div> </li> </ul> </div> <div class="col-md-4 "> <div class="card p-3"> <google-map height="170px" width="100%" [zoom]="zoom" [center]="center" [options]="options"> <map-marker #markerElem *ngFor="let marker of markers" [position]="marker.position" [title]="marker.title"> </map-marker> </google-map> <div class="clean"> </div> <button (click)="OpenContactTrainer(ContactTrainer)" class="btn btn-success" style="width:100%;" *ngIf="CoursesCount==0">Contact Trainer</button> <a href="/trainer-booking/3072" class="btn btn-success" style="width:100%;" *ngIf="CoursesCount>0">Hire Trainer</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Start- Summary area--> <div class="row mt-3"> <div class="col-md-12"> <div #ProfileSummary class="card box-shadow-light" id="showSticky"> <div class="card-header"><h5>Profile Summary</h5></div> <div class="card-body p-3"> <h5>Title</h5> <p class="text-muted">Independent LinkedIn Specialist , Social Media, Careers, Business, Marketing</p> <h5>Summary</h5> <span class="text-muted">Read more about me at http://sueellson.com and http://au.linkedin.com/in/sueellson Author of '120 Ways To Achieve Your Purpose With LinkedIn'</span> <h5>Certifications</h5> <div class="certification-table-s1"> <div class="certification-inner"> <ul class="text-muted p-0"> <li class="check"> <i class="fa fa-check" style="color:green"></i> Certificate IV in Training and Assessment, Member Australian Institute of Management and Australian Human Resources Institute, Associate Member Career Development Association of Australia, Member Australian Society of Authors </li> </ul> </div> </div> <h5>Qualifications</h5> <ul class="feature-list text-muted p-0"> <li> <i class="fa fa-check-circle-o" style="color:green"></i> Bachelor's Degree in English </li> </ul> </div> </div> </div> </div> <!-- End- Summary area--> <!-- Start Training Types --> <div class="row mt-3"> <div class="col-md-12"> <div #TrainingTypes class="card box-shadow-light" id="TypesAndRate"> <div class="card-header "> <h5>Training Types and Rate</h5> </div> <div class="card-body p-0"> <!-- table --> <table class="table table-bordered table-hover m-0"> <tr style="font-weight: bold"> <td>Training Type</td> <td>Individual Rate</td> <td>Group Rate(per person)</td> </tr> <tr> <td> <span> Online </span> </td> <td> <div class="row mx-1"> <span><i class="fa fa-usd"></i></span> 100.00 <span class="text-danger">/ Hr</span> </div> </td> <td> <div class="row mx-1"> <span><i class="fa fa-usd"></i></span> 100.00 <span class="text-danger">/ Hr</span> </div> </td> </tr> <tr> <td> <span> Onsite </span> </td> <td> <div class="row mx-1"> <span><i class="fa fa-usd"></i></span> 100.00 <span class="text-danger">/ Hr</span> </div> </td> <td> <div class="row mx-1"> <span><i class="fa fa-usd"></i></span> 100.00 <span class="text-danger">/ Hr</span> </div> </td> </tr> <tr> <td> <span> Offsite </span> </td> <td> <div class="row mx-1"> <span><i class="fa fa-usd"></i></span> 100.00 <span class="text-danger">/ Hr</span> </div> </td> <td> <div class="row mx-1"> <span><i class="fa fa-usd"></i></span> 100.00 <span class="text-danger">/ Hr</span> </div> </td> </tr> </table> </div> </div> </div> </div> <!-- End Training Types--> <!-- Start - Weekly availability --> <div class="row mt-3"> <div class="col-md-12"> <div #Availability class="card box-shadow-light" id="WeeklyAvailability"> <div class="card-header"> <h5> Weekly Availability <span class="text-danger pull-right" style="font-size: initial;"><i class="fa fa-clock-o"></i> AUS Eastern Standard Time , (UTC+10:00) Canberra, Melbourne, Sydney</span> </h5> </div> <div class="card-body"> <div id="Calendar_wrapper" *ngIf="calendarVisible" class=""> <full-calendar *ngIf='calendarVisible' [options]='calendarOptions'></full-calendar> </div> </div> </div> </div> </div> <!-- End- Weekly Availability --> <div class="row my-3" *ngIf="CoursesCount>0"> <div class="col-md-12"> <div #Courses class="card border-0 box-shadow-light" id="TrainingReadyCourses"> <div class=" card-header bg-light"> <h5 class="m-0">Courses <span class="text-info"> ({{CoursesCount}}) </span></h5> </div> <div class="row m-0 p-2 border border-light rounded" style="background-color: #F2F2F2;"> <div class="col-md-4 p-1" *ngFor="let Course of CourseList| paginate: { id: 'CourseListPagination', currentPage: CourseFilter.PageNumber, itemsPerPage: CourseFilter.PageSize, totalItems: CoursesCount}; let i=index"> <div class="card mb-1 h-100" *ngIf="Course.CourseImage !=null" (mouseenter)="TrainerDivMouseHover(i)" (mouseleave)="TrainerDivMouseLeave(i)"> <a href="{{Course.CourseLink}}"> <img class="card-img-top img-fluid" style="min-height: 177px;" src="{{Course.CourseImage.ImageMedium}}"> <div class="card-img-overlay pr-1 pt-2 "> <span class="badge mx-1 coursestatus-badge-TrainingReady float-right" *ngIf="Course.TrainingReady==1">Trainer-Led</span> <span class="mx-1 coursestatus-badge-Selfpaced badge float-right" *ngIf="Course.AvailableInStore==1">Self-Paced</span> </div> </a> <div class="card-body p-2" style="min-height: 10rem;"> <h6> <a class="Popularcourse_name" href="{{Course.CourseLink}}"> <span class="text-dark">{{Course.CourseName}}</span> </a> </h6> <p class="text-secondary mb-2 course_front " *ngIf="!(IsShow && IsSelected == i)"><small>Modules : {{Course.ModulesCount}} | Total Hrs : {{Course.TotalModuleDurationInHours}} hrs</small></p> <p class="card-text" *ngIf="IsShow && IsSelected == i"> <small> {{Course.CourseDescriptionShort}}</small> </p> </div> <div class="card-footer p-2 bg-white"> <div class="row"> <div class="col-12 "> <p class="float-left mb-0" *ngIf="Course.PriceToDisplay!=null"> <span [innerHTML]="Course.PriceToDisplay"></span> </p> </div> <div class="col-12"> <a href="{{Course.CourseLink}}" class="btn btn-outline-info btn-sm pull-right">View Details</a> </div> </div> </div> </div> </div> <div class="col-md-12 mt-2" *ngIf="CoursesCount>6"> <select id="CourseLogPageSize" [(ngModel)]="CourseFilter.PageSize" (change)="GetCourseList()" class="ELS-pageselector"> <option value="6">6</option> <option value="50">50</option> <option value="100">100</option> <option value="150">150</option> </select> <pagination-controls id="CourseListPagination" class="pull-right" (pageChange)="ChangeCoursePageOrder($event)"></pagination-controls> </div> </div> </div> </div> </div> <div class="row my-3" *ngIf="TotalUpcomingEvent > 0"> <div class="col-md-12"> <div class="card border-0 box-shadow-light"> <div class="card-header bg-light"> <h5 class="m-0">Upcoming Events <span class=" text-info"> ({{TotalUpcomingEvent}}) </span></h5> </div> <div class="row m-0 p-2 border border-light rounded" style="background-color: #F2F2F2;"> <div class="col-md-4 p-1" *ngFor="let event of UpcomingEventList| paginate: { id: 'EventPagination', currentPage: EventFilter.PageNumber, itemsPerPage: EventFilter.PageSize, totalItems: TotalUpcomingEvent}; "> <div class="card mb-1 h-100" *ngIf="event.TrainingBatchImage !=null"> <time datetime="2014-09-20" class="icon "> <em [ngStyle]="{'color': event.StartDate.WeekOfDay.DayColor}">{{event.StartDate.Year}}</em> <strong [ngStyle]="{'background-color': event.StartDate.WeekOfDay.DayColor}">{{event.StartDate.Month}}</strong> <span>{{event.StartDate.Day}}</span> </time> <img class="card-img-top " style="min-height: 177px;" src="{{event.TrainingBatchImage.ImageMedium}}"> <div class="card-body p-2" style="min-height: 10rem;"> <span class="badge label-featured-tag featured-event-ribbon-div bg-{{event.TrainingBatchTemplate.TrainingBatchTemplateCSS}}" *ngIf="event.TrainingBatchTemplate !=null"> <span class="event-template ">{{event.TrainingBatchTemplate.TrainingBatchTemplateName}}</span> </span> <h5 class="card-title mt-1 mb-1 homeEventTitle">{{event.BatchName}}</h5> <div> <p class="text-secondary mb-0" *ngIf="event.TrainingBatchTemplate.TrainingBatchTemplateId!=8"><small>Modules : {{event.ModuleCount}}</small></p> </div> <div *ngIf="event.TrainingBatchTrainers!=null"> <ul class="list-style-none list-icons d-flex flex-item pt-2 mb-0"> <li *ngFor="let TrainerProfile of event.TrainingBatchTrainers;let k = index" [ngClass]="k==0?'activetrainerinfoimage':'trainerinfoimage'"> <a title=""> <img src="{{TrainerProfile.Profile.User.UserProfileImage.ImageMedium}}" class="rounded-circle" width="40" height="40"> </a> </li> <li class="trainerinfo-font mt-3 ml-1"> {{ event.TrainingBatchTrainers[0].Profile.User.FirstName}} {{ event.TrainingBatchTrainers[0].Profile.User.LastName}} <span *ngIf=" event.TrainingBatchTrainers.length>1"> + {{ event.TrainingBatchTrainers.length -1}}</span> </li> </ul> </div> </div> <div class="card-footer p-2 bg-white"> <div class="row"> <div class="col-12"> <p *ngIf="event.trainingBatchFee !=null;" class="float-left mb-0"> <span *ngFor="let EventPrice of event.trainingBatchFee"> <span [innerHTML]="EventPrice.DiscountString" class="price-display"></span> </span> </p> <p *ngIf="event.trainingBatchFee ==null;" class="float-left mb-0"> <span class="green">Free</span> </p> </div> <div class="col-12"> <a class="btn btn-outline-info btn-sm pull-right" href="/event/{{event.BatchId}}">Join Now</a> </div> </div> </div> </div> </div> <div class="col-md-12 mt-2" *ngIf="TotalUpcomingEvent>6"> <select [(ngModel)]="EventFilter.PageSize" (change)="GetUpcomingEvent()" class="ELS-pageselector"> <option value="6">6</option> <option value="50">50</option> <option value="100">100</option> <option value="150">150</option> </select> <pagination-controls id="EventPagination" class="pull-right" (pageChange)="ChangeEventPageOrder($event)"></pagination-controls> </div> </div> </div> </div> </div> </div> </div> </div> <ng-template #ContactTrainer> <div class="modal-header"> <span class="modal-title pull-left">Contact Trainer</span> <button type="button" class="btn-close close pull-right" aria-label="Close" (click)="ContactTrainerRef?.hide()" style="background-color: red !important; color: white;"> <span aria-hidden="true" class="visually-hidden">×</span> </button> </div> <div class="modal-body"> <content> <div *ngIf="IsUserLogged"> <app-login-register (GetLoginStatus)="UserStatus($event)"></app-login-register> </div> <div *ngIf="!IsUserLogged"> <div class="container"> <div class="row "> <div class="col-md-6"> <img alt="Sue Ellson" style="width:100%;padding:0px !important;" class="img-responsive" src="https://cdn-images-gf-prod.azureedge.net/assets/user/200_200_th_uqdw8026UQ.jpg"> </div> <div class="col-md-6"> <ul class="profile-list"> <li> <h3 class="user-name">Sue Ellson</h3> </li> <li> <h5 class="font-weight-normal"> <i class="fa fa-map-marker"></i> Surrey Hills, Victoria </h5> </li> <li> <h5 class="font-weight-normal"> <i class="flag flag-au"></i> Australia </h5> </li> </ul> </div> </div> <div class="row my-1"> <div class="col-md-12 text-center"> <p>Please enter the code and click 'Contact This Trainer' button for sending your request to trainer.</p> </div> </div> <div class="row mt-1 mb-2"> <div class="col-md-4"></div> <div class="col-md-4"> <form [formGroup]="aFormGroup"> <ngx-recaptcha2 #captchaElem [siteKey]="siteKey" (reset)="handleReset()" (expire)="handleExpire()" (load)="handleLoad()" (success)="handleSuccess($event)" [useGlobalDomain]="false" [size]="size" [hl]="lang" [theme]="theme" [type]="type" formControlName="recaptcha"> </ngx-recaptcha2> </form> </div> <div class="col-md-4"></div> </div> <div class="row"> <button type="button" class="btn btn-success btn-block" (click)="sendEmailToTrainerWithNoCourse()">Contact this Trainer</button> </div> </div> </div> </content> </div> </ng-template> </script> </app-root> </div> </div> </div> <script src="/js/view-profile-app.js"></script> <div class="footer-bottom footer "> <div class="container py-2"> <div class="row"> <div class="col-md-8"> <p>© Copyright 2024 Guruface Inc. Designed by <a href="http://www.guruface.com" target="_blank">Guruface Inc.</a></p> </div> <div class="col-md-4"> <div class="f-social pull-right"> <a class="fa fa-twitter"></a> <a class="fa fa-facebook"></a> <a class="fa fa-linkedin"></a> </div> </div> </div> <div class="row"> <div class="col-md-12"> <p> <span class="">Release Version: </span> </p> </div> </div> </div> </div> </body> </html>