juicy-dates.com Open in urlscan Pro
18.192.89.42  Public Scan

Form analysis
2 forms found in the DOM

Name: profileForm —

<form name="profileForm"
  class="register-form ng-pristine ng-invalid ng-invalid-required ng-valid-unicode-regex-alpha-numeric ng-valid-max-numbers ng-valid-maxlength ng-valid-email ng-valid-pattern ng-valid-minlength ng-valid-birthday ng-valid-birthmonth ng-valid-birthyear"
  novalidate="">
  <!-- ngIf: root.isGoogleLoginEnabled() -->
  <div ng-if="root.isGoogleLoginEnabled()" class="google-container first-step ng-scope">
    <google-login sign-in="false" class="ng-isolate-scope">
      <div class="google-auth-button-wrapper" ng-show="::clientId">
        <a class="signin-button" id="googleSignInBtn" ng-click="getAuthCode()">

        <svg class="signin-icon" viewBox="0 0 1152 1152">
            <path d="M1055.994 594.42a559.973 559.973 0 0 0-8.86-99.684h-458.99V683.25h262.28c-11.298 60.918-45.633 112.532-97.248 147.089v122.279h157.501c92.152-84.842 145.317-209.78 145.317-358.198z" fill="#4285f4"></path>
            <path d="M588.144 1070.688c131.583 0 241.9-43.64 322.533-118.07l-157.5-122.28c-43.64 29.241-99.463 46.52-165.033 46.52-126.931 0-234.368-85.728-272.691-200.919H152.636v126.267c80.19 159.273 245 268.482 435.508 268.482z" fill="#34a853"></path>
            <path d="M315.453 675.94a288.113 288.113 0 0 1 0-185.191V364.482H152.636a487.96 487.96 0 0 0 0 437.724z" fill="#fbbc05"></path>
            <path d="M588.144 289.83c71.551 0 135.792 24.589 186.298 72.88l139.78-139.779C829.821 144.291 719.504 96 588.143 96c-190.507 0-355.318 109.21-435.508 268.482L315.453 490.75c38.323-115.19 145.76-200.919 272.691-200.919z" fill="#ea4335"></path>
        </svg>

        <span class="signin-text">Continue with Google</span>
    </a>
      </div>
    </google-login>
    <div class="divider">
      <span></span>
      <p class="or ng-binding">or</p>
      <span></span>
    </div>
  </div><!-- end ngIf: root.isGoogleLoginEnabled() -->
  <div class="register-header-title">
    <!-- {{::'landing.register' | locale}} -->
    <h3 class="ng-binding">Register for free</h3>
  </div>
  <div class="header ng-binding">Register</div>
  <!-- ngInclude: 'app/sections/landing-partials/register-fields/gender.html' -->
  <div class="left ng-scope" ng-include="'app/sections/landing-partials/register-fields/gender.html'">
    <div class="form-group ng-scope" ng-class="{'showing-dropdown-icons': vm.landingFormsDropdownIcons, 'gender-icons': !!vm.landingFormsGenderIcons }">
      <div ng-messages="vm.getRegisterForm().gender.$error" ng-show="vm.getRegisterForm().gender.$touched || vm.isRegisterAttempted || vm.fieldsGoNextAttempted['gender']" class="ng-inactive ng-hide">
        <!-- ngMessage: required -->
      </div>
      <!-- ngIf: !vm.landingFormsNoLabels -->
      <!-- ngIf: !!vm.landingFormsGenderIcons -->
      <div class="register-select ui-select-container ui-select-bootstrap dropdown ng-valid ng-valid-required" ng-class="{open: $select.open}" id="gender" name="gender" ng-model="vm.profile.gender" theme="bootstrap" ng-change="vm.onGenderChanged()"
        ng-required="true" required="required">
        <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate"
            ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-binding ng-hide"></span> <span ng-hide="$select.isEmpty()"
              class="ui-select-match-text pull-left" ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope">I am a male</span></span>
            <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
            <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
        </div><input type="text" autocomplete="false" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-1" aria-activedescendant="ui-select-choices-row-1-0"
          class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
        <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope" role="listbox" ng-show="$select.items.length > 0" repeat="item.key as item in vm.availableGenders | filter: $select.search">
          <li class="ui-select-choices-group" id="ui-select-choices-1">
            <div class="divider ng-hide" ng-show="$select.isGrouped &amp;&amp; $index > 0"></div>
            <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header ng-binding ng-hide" ng-bind="$group.name"></div>
            <!-- ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items -->
          </li>
        </ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-1" aria-label="Select box focus" aria-haspopup="true" role="button">
      </div>
    </div>
  </div>
  <!-- ngInclude: 'app/sections/landing-partials/register-fields/looking-for.html' -->
  <div class="right ng-scope" ng-include="'app/sections/landing-partials/register-fields/looking-for.html'">
    <div class="form-group ng-scope" ng-class="{'showing-dropdown-icons': vm.landingFormsDropdownIcons, 'gender-icons': !!vm.landingFormsGenderIcons }">
      <div ng-messages="vm.getRegisterForm().lookingFor.$error" ng-show="vm.getRegisterForm().lookingFor.$touched || vm.isRegisterAttempted || vm.fieldsGoNextAttempted['lookingFor']" class="ng-inactive ng-hide">
        <!-- ngMessage: required -->
      </div>
      <!-- ngIf: !vm.landingFormsNoLabels -->
      <!-- ngIf: !!vm.landingFormsGenderIcons -->
      <div class="register-select ui-select-container ui-select-bootstrap dropdown ng-valid ng-valid-required" ng-class="{open: $select.open}" id="lookingFor" name="lookingFor" ng-model="vm.profile.lookingFor" ng-required="true" theme="bootstrap"
        required="required">
        <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate"
            ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-binding ng-hide"></span> <span ng-hide="$select.isEmpty()"
              class="ui-select-match-text pull-left" ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope">Seeking a female</span></span>
            <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
            <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
        </div><input type="text" autocomplete="false" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-2" aria-activedescendant="ui-select-choices-row-2-0"
          class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
        <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope" role="listbox" ng-show="$select.items.length > 0" repeat="item.key as item in vm.availableLookingFor | filter: $select.search">
          <li class="ui-select-choices-group" id="ui-select-choices-2">
            <div class="divider ng-hide" ng-show="$select.isGrouped &amp;&amp; $index > 0"></div>
            <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header ng-binding ng-hide" ng-bind="$group.name"></div>
            <!-- ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items -->
          </li>
        </ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-2" aria-label="Select box focus" aria-haspopup="true" role="button">
      </div>
    </div>
  </div>
  <!-- ngInclude: 'app/sections/landing-partials/register-fields/username.html' -->
  <div class="left ng-scope" ng-include="'app/sections/landing-partials/register-fields/username.html'">
    <div class="form-group ng-scope" ng-class="{ 'form-group-with-icon': !!vm.landingFormsIcons }">
      <div ng-messages="vm.getRegisterForm().username.$error" ng-show="vm.getRegisterForm().username.$touched || vm.isRegisterAttempted || vm.fieldsGoNextAttempted['username']" class="ng-active ng-hide">
        <!-- ngMessage: required -->
        <div ng-message="required" class="validation-error-label ng-binding ng-scope"><span>*</span>Please enter a username.</div>
        <!-- ngMessage: maxlength -->
        <!-- ngMessage: max-numbers -->
        <!-- ngMessage: unicode-regex-alpha-numeric -->
        <!-- ngMessage: usernameUsed -->
        <!-- ngMessage: usernameInvalid -->
      </div>
      <!-- ngIf: !vm.landingFormsNoLabels -->
      <!-- ngIf: !!vm.landingFormsIcons -->
      <input type="text" ng-change="vm.onUsernameChanged()" ng-blur="vm.checkUsername()" ng-focus="vm.showUsernameSuggestionIfPresent()"
        class="form-control empty floating-label username-input ng-pristine ng-untouched ng-valid-unicode-regex-alpha-numeric ng-valid-max-numbers ng-invalid ng-invalid-required ng-valid-maxlength" name="username" required="" ng-maxlength="15"
        max-numbers="4" ng-model="vm.profile.username" placeholder="Username" unicode-regex-alpha-numeric="">
      <!-- ngIf: vm.showUsernameSuggestion && vm.usernameSuggestion -->
    </div>
  </div>
  <!-- ngInclude: 'app/sections/landing-partials/register-fields/email.html' -->
  <div class="right ng-scope" ng-include="'app/sections/landing-partials/register-fields/email.html'">
    <div class="form-group ng-scope" ng-class="{ 'form-group-with-icon': !!vm.landingFormsIcons }">
      <div ng-messages="vm.getRegisterForm().email.$error" ng-show="vm.getRegisterForm().email.$touched || vm.isRegisterAttempted || vm.fieldsGoNextAttempted['email']" class="ng-active ng-hide">
        <!-- ngMessage: required -->
        <div ng-message="required" class="validation-error-label ng-binding ng-scope"><span>*</span>Please enter a valid email address.</div>
        <!-- ngMessage: maxlength -->
        <!-- ngMessage: pattern -->
        <!-- ngMessage: emailUsed -->
      </div>
      <!-- ngIf: !vm.landingFormsNoLabels -->
      <!-- ngIf: !!vm.landingFormsIcons -->
      <input type="email" class="form-control empty floating-label ng-pristine ng-untouched ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" name="email" required="" ng-change="vm.onEmailChanged()"
        ng-model-options="{ updateOn: 'default blur', debounce: { 'blur': 0, 'default': 2000, '*': 2000 }}" ng-maxlength="100" ng-model="vm.profile.email"
        ng-pattern="/^[-a-z0-9~!$%^&amp;*_=+}{\'?]+(\.[-a-z0-9~!$%^&amp;*_=+}{\'?]+)*@[A-Z0-9][A-Z0-9.-]*\.[A-Z]{2,26}$/i" placeholder="Email">
    </div>
  </div>
  <!-- ngInclude: 'app/sections/landing-partials/register-fields/password.html' -->
  <div class="left ng-scope" ng-include="'app/sections/landing-partials/register-fields/password.html'">
    <div class="form-group ng-scope" ng-class="{ 'form-group-with-icon': !!vm.landingFormsIcons }">
      <div ng-messages="vm.getRegisterForm().password.$error" ng-show="vm.getRegisterForm().password.$touched || vm.isRegisterAttempted || vm.fieldsGoNextAttempted['password']" class="ng-active ng-hide">
        <!-- ngMessage: required -->
        <div ng-message="required" class="validation-error-label ng-binding ng-scope"><span>*</span>Please enter a password.</div>
        <!-- ngMessage: minlength -->
      </div>
      <!-- ngIf: !vm.landingFormsNoLabels -->
      <!-- ngIf: !!vm.landingFormsIcons -->
      <input type="password" class="form-control empty floating-label ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-minlength" name="password" required="" ng-model="vm.profile.password" ng-minlength="7" placeholder="Password">
    </div>
  </div>
  <!-- ngInclude: 'app/sections/landing-partials/register-fields/birth-date.html' -->
  <div class="right ng-scope" ng-include="'app/sections/landing-partials/register-fields/birth-date.html'">
    <div class="form-group ng-scope" ng-class="{'showing-dropdown-icons': vm.landingFormsDropdownIcons }">
      <!-- ngIf: vm.getRegisterForm().birthday.$touched || vm.getRegisterForm().birthmonth.$touched || vm.getRegisterForm().birthyear.$touched || vm.isRegisterAttempted || vm.fieldsGoNextAttempted['birthdate'] -->
      <!-- ngIf: !vm.landingFormsNoLabels -->
      <div>
        <div class="col-xs-4 birthdate">
          <div class="register-select ui-select-container ui-select-bootstrap dropdown ng-valid ng-valid-birthday" ng-class="{open: $select.open}" name="birthday" ng-model="vm.birthdate.day" theme="bootstrap" ng-click="vm.onBirthDateClick()"
            ng-change="vm.onBirthdateChanged()">
            <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Day"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle"
                aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-binding ng-hide">Day</span> <span
                  ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left" ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope">DD</span></span>
                <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
                <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
            </div><input type="text" autocomplete="false" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-3" aria-activedescendant="ui-select-choices-row-3-0"
              class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="Day" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
            <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope" role="listbox" ng-show="$select.items.length > 0" repeat="item.key as item in vm.availableBirthDates | filter: $select.search">
              <li class="ui-select-choices-group" id="ui-select-choices-3">
                <div class="divider ng-hide" ng-show="$select.isGrouped &amp;&amp; $index > 0"></div>
                <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header ng-binding ng-hide" ng-bind="$group.name"></div>
                <!-- ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items -->
              </li>
            </ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-3" aria-label="Select box focus" aria-haspopup="true" role="button">
          </div>
        </div>
        <div class="col-xs-4 birthmonth">
          <div class="register-select ui-select-container ui-select-bootstrap dropdown ng-valid ng-valid-required ng-valid-birthmonth" ng-class="{open: $select.open}" name="birthmonth" ng-model="vm.birthdate.month" theme="bootstrap"
            ng-change="vm.onBirthdateChanged()" ng-required="true" required="required">
            <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Month"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle"
                aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-binding ng-hide">Month</span> <span
                  ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left" ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope">MM</span></span>
                <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
                <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
            </div><input type="text" autocomplete="false" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-4" aria-activedescendant="ui-select-choices-row-4-0"
              class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="Month" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
            <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope" role="listbox" ng-show="$select.items.length > 0" repeat="item.key as item in vm.availableBirthMonths | filter: $select.search">
              <li class="ui-select-choices-group" id="ui-select-choices-4">
                <div class="divider ng-hide" ng-show="$select.isGrouped &amp;&amp; $index > 0"></div>
                <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header ng-binding ng-hide" ng-bind="$group.name"></div>
                <!-- ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items -->
              </li>
            </ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-4" aria-label="Select box focus" aria-haspopup="true" role="button">
          </div>
        </div>
        <div class="col-xs-4 birthyear">
          <div class="register-select ui-select-container ui-select-bootstrap dropdown ng-valid ng-valid-required ng-valid-birthyear" ng-class="{open: $select.open}" name="birthyear" ng-model="vm.birthdate.year" theme="bootstrap"
            ng-change="vm.onBirthdateChanged()" ng-required="true" required="required">
            <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Year"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle"
                aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-binding ng-hide">Year</span> <span
                  ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left" ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope">YYYY</span></span>
                <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
                <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
            </div><input type="text" autocomplete="false" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-5" aria-activedescendant="ui-select-choices-row-5-0"
              class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="Year" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
            <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope" role="listbox" ng-show="$select.items.length > 0" repeat="item.key as item in vm.availableBirthYears | filter: $select.search">
              <li class="ui-select-choices-group" id="ui-select-choices-5">
                <div class="divider ng-hide" ng-show="$select.isGrouped &amp;&amp; $index > 0"></div>
                <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header ng-binding ng-hide" ng-bind="$group.name"></div>
                <!-- ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items -->
              </li>
            </ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-5" aria-label="Select box focus" aria-haspopup="true" role="button">
          </div>
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
  <!-- ngInclude: 'app/sections/landing-partials/register-fields/country.html' -->
  <div class="left ng-scope" ng-include="'app/sections/landing-partials/register-fields/country.html'">
    <div class="form-group ng-scope" ng-class="{'showing-dropdown-icons': vm.landingFormsDropdownIcons, 'flag-on-left': !!vm.landingFormsCountryFlag }">
      <div ng-messages="vm.getRegisterForm().country.$error" ng-show="vm.getRegisterForm().country.$touched || vm.isRegisterAttempted || vm.fieldsGoNextAttempted['country']" class="ng-hide ng-inactive">
        <!-- ngMessage: required -->
      </div>
      <!-- ngIf: !vm.landingFormsNoLabels -->
      <span class="flag"><img alt="CA" src="app/icons/flags/CA.png"></span>
      <div class="register-select icon-padded ui-select-container ui-select-bootstrap dropdown ng-valid ng-valid-required" ng-class="{open: $select.open}" id="country" name="country" ng-model="vm.profile.country" theme="bootstrap"
        ng-change="vm.onCountryChanged()" required="required">
        <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Your country"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle"
            aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-binding ng-hide">Your country</span> <span
              ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left" ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope">Canada</span></span>
            <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
            <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
        </div><input type="text" autocomplete="false" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-6" aria-activedescendant="ui-select-choices-row-6-0"
          class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="Your country" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
        <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope" role="listbox" ng-show="$select.items.length > 0" repeat="item.id as item in vm.availableCountries | filter: $select.search">
          <li class="ui-select-choices-group" id="ui-select-choices-6">
            <div class="divider ng-hide" ng-show="$select.isGrouped &amp;&amp; $index > 0"></div>
            <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header ng-binding ng-hide" ng-bind="$group.name"></div>
            <!-- ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: item in $select.items -->
          </li>
        </ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-6" aria-label="Select box focus" aria-haspopup="true" role="button">
      </div>
      <span class="country-icon"></span>
    </div>
  </div>
  <!-- ngIf: !vm.showStates --><!-- ngInclude: 'app/sections/landing-partials/register-fields/city.html' -->
  <div class="right ng-scope" ng-if="!vm.showStates" ng-include="'app/sections/landing-partials/register-fields/city.html'">
    <div class="form-group ng-scope" ng-class="{'showing-dropdown-icons': vm.landingFormsDropdownIcons }">
      <div ng-messages="vm.getRegisterForm().location.$error" ng-show="vm.getRegisterForm().location.$touched || vm.isRegisterAttempted || vm.fieldsGoNextAttempted['location']" class="ng-active ng-hide">
        <!-- ngMessage: required -->
        <div ng-message="required" class="validation-error-label ng-binding ng-scope">Please enter your city.</div>
      </div>
      <!-- ngIf: !vm.landingFormsNoLabels -->
      <div class="register-select icon-padded ui-select-container ui-select-bootstrap dropdown ng-invalid ng-invalid-required" ng-class="{open: $select.open}" name="location" ng-model="vm.location" theme="bootstrap" required="required">
        <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Your city"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle"
            aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-binding">Your city</span> <span
              ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left ng-hide" ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope"></span></span>
            <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
            <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
        </div><input type="text" autocomplete="false" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-7" aria-activedescendant="ui-select-choices-row-7-0"
          class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="Your city" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
        <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope ng-hide" role="listbox" ng-show="$select.items.length > 0" repeat="value in vm.availableLocations" refresh="vm.refreshLocations($select.search)"
          refresh-delay="500">
          <li class="ui-select-choices-group" id="ui-select-choices-7">
            <div class="divider ng-hide" ng-show="$select.isGrouped &amp;&amp; $index > 0"></div>
            <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header ng-binding ng-hide" ng-bind="$group.name"></div><!-- ngRepeat: value in $select.items -->
          </li>
        </ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-7" aria-label="Select box focus" aria-haspopup="true" role="button">
      </div>
      <span class="city-icon"></span>
    </div>
  </div><!-- end ngIf: !vm.showStates -->
  <!-- ngIf: vm.showStates -->
  <!-- ngIf: vm.showStates -->
  <!-- ngIf: vm.showStates -->
  <!-- ngIf: !vm.invisibleRecaptchaEnabled -->
  <!-- ngIf: vm.invisibleRecaptchaEnabled -->
  <div class="left invisible-recaptcha-container ng-scope" ng-if="vm.invisibleRecaptchaEnabled"> &nbsp; <div id="inv-g-recaptcha-cont" class="g-recaptcha chil_recaptcha_rendered" data-size="invisible">
      <div class="grecaptcha-badge" data-style="bottomright"
        style="width: 256px; height: 60px; position: fixed; visibility: hidden; display: block; transition: right 0.3s ease 0s; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;">
        <div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-7az41yji2tjb" frameborder="0" scrolling="no"
            sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
            src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6Lf0CzQcAAAAAFlP5Lv2VRvRBC7k1m9-g2aLouAb&amp;co=aHR0cHM6Ly9qdWljeS1kYXRlcy5jb206NDQz&amp;hl=en&amp;v=V6_85qpc2Xf2sbe3xTnRte7m&amp;size=invisible&amp;cb=m00sq86t96qi"></iframe>
        </div>
        <div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
          style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
      </div><iframe style="display: none;"></iframe>
    </div>
  </div><!-- end ngIf: vm.invisibleRecaptchaEnabled -->
  <div class="right accept-container">
    <div class="form-group">
      <!-- ngInclude: 'app/sections/landing-partials/register-fields/accept-terms.html' -->
      <div ng-include="'app/sections/landing-partials/register-fields/accept-terms.html'" class="ng-scope">
        <p class="terms ng-scope" ng-class="{'error': !vm.termsAccepted &amp;&amp; vm.isRegisterAttempted}">
          <input type="checkbox" ng-model="vm.termsAccepted" class="ng-pristine ng-untouched ng-valid">
          <span dom-replace="vm.acceptPolicyHTML"><span class="ng-scope">I accept the </span><a href="javascript:void(0)" ng-click="root.openStaticContent('Terms')" class="ng-scope">Terms</a><span class="ng-scope"> &amp;
            </span><a href="javascript:void(0)" ng-click="root.openStaticContent('Privacy')" class="ng-scope">Privacy policy</a><span class="ng-scope">.</span></span>
        </p>
      </div>
      <!-- ngInclude: 'app/sections/landing-partials/register-fields/register-btn.html' -->
      <div class="register-btn-container ng-scope" ng-include="'app/sections/landing-partials/register-fields/register-btn.html'"><button class="btn btn-primary submit main-register-btn ng-binding ng-scope disabled" ng-click="vm.createProfile()"
          ng-class="{'disabled': !vm.canSubmit()}"> Register </button></div>
      <!-- ngInclude: 'app/sections/landing-partials/register-fields/signin-link.html' -->
      <div class="register-header-already-member ng-scope" ng-include="'app/sections/landing-partials/register-fields/signin-link.html'">
        <p class="signin ng-binding ng-scope">Already a Member? <a href="#/signin" ui-sref="landing.login" class="ng-binding">Sign In.</a></p>
      </div>
    </div>
  </div>
</form>

Name: contactForm — POST

<form name="contactForm" id="contactForm" action="" ng-upload="root.contactFormContext.uploadComplete(content, contactForm.email)" error-catcher="root.contactFormContext.onUploadError(error)"
  class="ng-pristine ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern" target="upload-iframe-2" method="post" enctype="multipart/form-data" encoding="multipart/form-data">
  <div class="center-wrapper ps-container ps-theme-default" perfect-scrollbar="" refresh-on-resize-delayed="500" scrollbar-disable-on-has-touch="" data-ps-id="6d3b558c-16b3-59b8-f19d-6c10118b9138">
    <div class="container">
      <div class="header">
        <h2 class="ng-binding">Contact Support</h2>
        <div class="close"></div>
      </div>
      <!-- ngIf: !root.isLoggedOn -->
      <div class="body-row min-row dialog-stop-close high ng-scope" ng-if="!root.isLoggedOn">
        <div class="center100">
          <div class="validation-errors ng-active" ng-messages="contactForm.username.$error" ng-show="contactForm.username.$invalid">
            <!-- ngMessage: required -->
            <div ng-message="required" class="validation-error-label ng-binding ng-scope">Required</div>
          </div>
          <label for="username" class="ng-binding">Name</label>
          <input type="text" id="username" name="username" ng-model="root.contactFormContext.form.username" ng-required="true" class="ng-pristine ng-untouched ng-invalid ng-invalid-required" required="required">
        </div>
      </div><!-- end ngIf: !root.isLoggedOn -->
      <div class="body-row min-row dialog-stop-close high">
        <div ng-class="{ 'left': !root.isLoggedOn, 'center100': root.isLoggedOn }" class="left">
          <div class="validation-errors ng-active" ng-messages="contactForm.email.$error" ng-show="contactForm.email.$invalid">
            <!-- ngMessage: required -->
            <div ng-message="required" class="validation-error-label ng-binding ng-scope">Required</div>
            <!-- ngMessage: pattern -->
          </div>
          <label for="email" class="ng-binding">Email</label>
          <input type="email" id="email" name="email" ng-change="root.contactFormContext.onEmailChanged(contactForm.email)" ng-model-options="{ updateOn: 'default blur', debounce: { 'blur': 0, 'default': 1500, '*': 1500 }}"
            ng-model="root.contactFormContext.form.email" ng-required="true" class="ng-pristine ng-untouched ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern" required="required">
        </div><!-- no white space 
                --><!-- ngIf: !root.isLoggedOn -->
        <div class="right ng-scope" ng-if="!root.isLoggedOn">
          <div class="validation-errors ng-active" ng-messages="contactForm.language.$error" ng-show="contactForm.language.$invalid">
            <!-- ngMessage: required -->
            <div ng-message="required" class="validation-error-label ng-binding ng-scope">Required</div>
          </div>
          <label for="language" class="ng-binding">Your Language</label>
          <div class="select ui-select-container ui-select-bootstrap dropdown ng-invalid ng-invalid-required" ng-class="{open: $select.open}" id="language" name="language" ng-model="root.contactFormContext.form.language" theme="bootstrap"
            ng-required="true" required="required">
            <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate"
                ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-binding"></span> <span ng-hide="$select.isEmpty()"
                  class="ui-select-match-text pull-left ng-hide" ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope"></span></span>
                <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
                <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
            </div><input type="text" autocomplete="false" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-0" aria-activedescendant="ui-select-choices-row-0-0"
              class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
            <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope ng-hide" role="listbox" ng-show="$select.items.length > 0"
              repeat="item.id as item in root.contactFormContext.languages | filter: $select.search">
              <li class="ui-select-choices-group" id="ui-select-choices-0">
                <div class="divider ng-hide" ng-show="$select.isGrouped &amp;&amp; $index > 0"></div>
                <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header ng-binding ng-hide" ng-bind="$group.name"></div><!-- ngRepeat: item in $select.items -->
              </li>
            </ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-0" aria-label="Select box focus" aria-haspopup="true" role="button">
          </div>
          <input type="hidden" name="language2" ng-value="root.contactFormContext.form.language" autocomplete="off">
        </div><!-- end ngIf: !root.isLoggedOn -->
      </div>
      <div class="body-row dialog-stop-close high text-area-container">
        <div class="full">
          <div class="validation-errors ng-active" ng-messages="contactForm.issue.$error" ng-show="contactForm.issue.$invalid">
            <!-- ngMessage: required -->
            <div ng-message="required" class="validation-error-label ng-binding ng-scope">Required</div>
          </div>
          <label for="issue" class="ng-binding">Describe the issue:</label>
          <textarea id="issue" name="issue" ng-model="root.contactFormContext.form.issue" ng-required="true" class="no-resize ng-pristine ng-untouched ng-invalid ng-invalid-required" required="required"></textarea>
        </div>
      </div>
      <div class="body-row min-row dialog-stop-close high">
        <div class="full">
          <label class="ng-binding">Attachment:</label>
          <!-- ngIf: root.contactUsDialogOpen -->
        </div>
      </div>
      <div class="body-row min-row dialog-stop-close high last">
        <div class="left">
          <div class="recaptcha-wrapper">
            <!-- ngIf: root.contactUsDialogOpen -->
          </div>
        </div><!-- no white space 
                -->
        <div class="right">
          <button class="primary accented ng-binding" type="submit" ng-disabled="contactForm.$invalid" disabled="disabled">Submit</button>
        </div>
      </div>
      <!-- ngIf: !root.isLoggedOn && root.showContactInfo -->
      <div class="shadow-row">
        <div></div>
      </div>
      <div class="footer"><span class="ng-binding">© 2024 juicy-dates.com</span></div>
    </div>
    <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px;">
      <div class="ps-scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div>
    </div>
    <div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px;">
      <div class="ps-scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div>
    </div>
  </div>
</form>

Text Content

RegisterSign In
Continue with Google

or


REGISTER FOR FREE

Register
I am a male
 * 

Seeking a female
 * 

*Please enter a username.
*Please enter a valid email address.
*Please enter a password.
Day DD
 * 

Month MM
 * 

Year YYYY
 * 


Your country Canada
 * 

Please enter your city.
Your city
 * 

 


I accept the Terms & Privacy policy.

Register

Already a Member? Sign In.

Scroll Down


BROWSE INSTANTLY

All photos are personally checked by our staff to prove they are real.


CHAT ENDLESSLY

Chat, share your photos and make meaningful connections


FLIRT AWAY

Receive lots of attention from attractive members worldwide




MAKE THE


FIRST MOVE

Register


WHY US?

Thousands of people just like you are looking for a match


WHO ARE WE?

Juicy-Dates is the most open-minded community in the world


WHY JOIN?

See for yourself, a dating site that succumbs the norms. Changing the classic
vanilla style dating to a more open-minded and super user friendly site



© 2024 juicy-dates.com
© 2024 juicy-dates.com Canada Affiliate Terms Privacy & Cookies Contact us Help

© 2024 juicy-dates.com
© 2024 juicy-dates.com


CONTACT SUPPORT


Required
Name
Required
Email
Required
Your Language
 * 

Required
Describe the issue:
Attachment:
Submit

© 2024 juicy-dates.com




CONTACT SUPPORT




Thank you for contacting us!

Your contact support request has been submitted.

You will be receiving a response within 3-5 working days.



© 2024 juicy-dates.com