No notes defined.
{% extends '@uol-form' %}
{% block formContent %}
{% render '@uol-form-input', {
'type': 'text',
'label': 'Name',
'name': 'profile-name',
'id': 'profile-name',
'required': true,
'autocomplete': 'name'
} %}
{% render '@uol-form-input', {
'type': 'text',
'label': 'Name in the Language Exchange if different',
'hint': 'If you use another name and prefer to use this in your Language Exchange profile, add it here. This will not change your name in any other University IT system.',
'name': 'profile-nickname',
'id': 'profile-nickname',
'autocomplete': 'nickname'
} %}
{% render '@uol-form-input', {
'type': 'radio',
'legend': 'My gender',
'hint': 'Select ‘Other’ if you do not identify as male or female. Select ‘Prefer not to say’ if you do not want to give this information.',
'required': true,
'group_label_id': 'profile-gender',
'options': [
{
'id': 'genderPreferNot',
'name': 'gender',
'value': 'prefer-not',
'label': 'Prefer not to say'
},
{
'id': 'genderFemale',
'name': 'gender',
'value': 'female',
'label': 'Female'
},
{
'id': 'genderMale',
'name': 'gender',
'value': 'female',
'label': 'Male'
},
{
'id': 'genderOther',
'name': 'gender',
'value': 'other',
'label': 'Other'
}
]
} %}
{% render '@uol-form-input', {
'type': 'select',
'label': 'My native country',
'required': true,
'id': 'native-country',
'name': 'native-country',
'options': countryCodeSelectOptions
} %}
<h2 class="uol-typography-heading-2">Your languages</h2>
{% render '@uol-form-input', {
'type': 'select',
'label': 'Language(s) I as a native speaker, can help others to learn',
'hint': 'Select a maximum of four. Only include languages you are a native speaker of.',
'required': true,
'multiple': true,
'id': 'native-languages',
'name': 'native-languages',
'options': languageOptions
} %}
<div class="langex-langs-to-learn">
<div class="langex-langs-to-learn__lang" role="group" aria-label="Language to learn: 1" tabindex="-1">
<hr/>
{% render '@uol-form-input', {
'type': 'select',
'label': 'Language I'd like to learn',
'required': true,
'id': 'lang-1-language-learn',
'name': 'lang-1-language-learn',
'options': languageOptions
} %}
{% render '@uol-form-input', {
'type': 'radio',
'legend': 'My current competency in this language',
'required': true,
'group_label_id': 'lang-1-language-competency',
'options': [
{
'id': 'lang-1-language-competency-1',
'name': 'lang-1-language-competency',
'value': '1',
'label': 'Beginner'
},
{
'id': 'lang-1-language-competency-2',
'name': 'lang-1-language-competency',
'value': '2',
'label': 'Elementary'
},
{
'id': 'lang-1-language-competency-3',
'name': 'lang-1-language-competency',
'value': '3',
'label': 'Lower intermediate'
},
{
'id': 'language-competency-4',
'name': 'lang-1-language-competency',
'value': '4',
'label': 'Upper intermediate'
},
{
'id': 'lang-1-language-competency-5',
'name': 'lang-1-language-competency',
'value': '5',
'label': 'Advanced'
},
{
'id': 'lang-1-language-competency-6',
'name': 'lang-1-language-competency',
'value': '6',
'label': 'Native/multilingual'
}
]
} %}
</div>
<div class="langex-langs-to-learn__lang" role="group" aria-label="Language to learn: 2" tabindex="-1">
<hr/>
{% render '@uol-form-input', {
'type': 'select',
'label': 'Language I'd like to learn',
'id': 'lang-2-language-learn',
'name': 'lang-2-language-learn',
'options': languageOptions
} %}
{% render '@uol-form-input', {
'type': 'radio',
'legend': 'My current competency in this language',
'group_label_id': 'lang-2-language-competency',
'options': [
{
'id': 'lang-2-language-competency-1',
'name': 'lang-2-language-competency',
'value': '1',
'label': 'Beginner'
},
{
'id': 'lang-2-language-competency-2',
'name': 'lang-2-language-competency',
'value': '2',
'label': 'Elementary'
},
{
'id': 'lang-2-language-competency-3',
'name': 'lang-2-language-competency',
'value': '3',
'label': 'Lower intermediate'
},
{
'id': 'lang-2-language-competency-4',
'name': 'lang-2-language-competency',
'value': '4',
'label': 'Upper intermediate'
},
{
'id': 'lang-2-language-competency-5',
'name': 'lang-2-language-competency',
'value': '5',
'label': 'Advanced'
},
{
'id': 'lang-2-language-competency-6',
'name': 'lang-2-language-competency',
'value': '6',
'label': 'Native/multilingual'
}
]
} %}
</div>
<div class="langex-langs-to-learn__lang" role="group" aria-label="Language to learn: 3" tabindex="-1">
<hr/>
{% render '@uol-form-input', {
'type': 'select',
'label': 'Language I'd like to learn',
'id': 'lang-3-language-learn',
'name': 'lang-3-language-learn',
'options': languageOptions
} %}
{% render '@uol-form-input', {
'type': 'radio',
'legend': 'My current competency in this language',
'group_label_id': 'lang-3-language-competency',
'options': [
{
'id': 'lang-3-language-competency-1',
'name': 'lang-3-language-competency',
'value': '1',
'label': 'Beginner'
},
{
'id': 'lang-3-language-competency-2',
'name': 'lang-3-language-competency',
'value': '2',
'label': 'Elementary'
},
{
'id': 'lang-3-language-competency-3',
'name': 'lang-3-language-competency',
'value': '3',
'label': 'Lower intermediate'
},
{
'id': 'lang-3-language-competency-4',
'name': 'lang-3-language-competency',
'value': '4',
'label': 'Upper intermediate'
},
{
'id': 'lang-3-language-competency-5',
'name': 'lang-3-language-competency',
'value': '5',
'label': 'Advanced'
},
{
'id': 'lang-3-language-competency-6',
'name': 'lang-3-language-competency',
'value': '6',
'label': 'Native/multilingual'
}
]
} %}
</div>
<div class="langex-langs-to-learn__lang" role="group" aria-label="Language to learn: 4" tabindex="-1">
<hr/>
{% render '@uol-form-input', {
'type': 'select',
'label': 'Language I'd like to learn',
'id': 'lang-4-language-learn',
'name': 'lang-4-language-learn',
'options': languageOptions
} %}
{% render '@uol-form-input', {
'type': 'radio',
'legend': 'My current competency in this language',
'group_label_id': 'lang-3-language-competency',
'options': [
{
'id': 'lang-4-language-competency-1',
'name': 'lang-4-language-competency',
'value': '1',
'label': 'Beginner'
},
{
'id': 'lang-4-language-competency-2',
'name': 'lang-4-language-competency',
'value': '2',
'label': 'Elementary'
},
{
'id': 'lang-4-language-competency-3',
'name': 'lang-4-language-competency',
'value': '3',
'label': 'Lower intermediate'
},
{
'id': 'lang-4-language-competency-4',
'name': 'lang-4-language-competency',
'value': '4',
'label': 'Upper intermediate'
},
{
'id': 'lang-4-language-competency-5',
'name': 'lang-4-language-competency',
'value': '5',
'label': 'Advanced'
},
{
'id': 'lang-4-language-competency-6',
'name': 'lang-4-language-competency',
'value': '6',
'label': 'Native/multilingual'
}
]
} %}
</div>
</div>
<hr/>
<h2 class="uol-typography-heading-2">About you</h2>
<p class="uol-typography-paragraph">To help potential language exchange partners to get to know more about you, you can also add additional information about your studies and interests. These comments will be visible on your profile.</p>
{% render '@uol-form-input', {
'type': 'textarea',
'label': 'My academic interests',
'hint': 'Include information about your studies if you want to.',
'id': 'profile-academic-interests',
'name': 'profile-academic-interest'
} %}
{% render '@uol-form-input', {
'type': 'textarea',
'label': 'Extra information',
'hint': 'Include information about yourself and your interests. For example, the specific language variant you speak or want to learn, if you want to meet only on campus, or any other preferences.',
'id': 'profile-extra-info',
'name': 'profile-extra-info'
} %}
{% render '@uol-form-input', {
'type': 'radio',
'legend': 'Language Exchange duration',
'hint': 'The length of time you want your Language Exchange profile to remain active. After this time your profile will automatically be made inactive (not active). We will tell you when this happens and give you chance to reactivate it.',
'required': true,
'group_label_id': 'langex-duration',
'options': [
{
'id': 'langex-duration-full-year',
'name': 'langex-duration',
'value': 'full',
'label': 'Full academic year'
},
{
'id': 'langex-duration-semester-one-only',
'name': 'langex-duration',
'value': 'semester-one-only',
'label': 'Semester One only'
},
{
'id': 'langex-duration-summer-only',
'name': 'langex-duration',
'value': 'summer-only',
'label': 'Summer only'
}
]
} %}
{% render '@uol-form-input', {
'type': 'radio',
'legend': 'Profile status',
'hint': 'You can deactivate or reactivate your profile at any time, depending whether you want to be contacted or not.',
'required': true,
'group_label_id': 'langex-status',
'options': [
{
'id': 'langex-status-active',
'name': 'langex-status',
'value': 'active',
'label': 'Active'
},
{
'id': 'langex-status-inactive',
'name': 'langex-status',
'value': 'inactive',
'label': 'Inactive'
}
]
} %}
{% render '@uol-form-input', {
'type': 'radio',
'legend': 'I'm happy to be contacted by the Language Zone about my experience',
'hint': 'Can we contact you for feedback about your experience with the Language Exchange? This will not be often and we will not pass your details to anyone else.',
'required': true,
'group_label_id': 'langex-contact-consent',
'options': [
{
'id': 'langex-contact-consent-yes',
'name': 'langex-contact-consent',
'value': 'yes',
'label': 'Yes'
},
{
'id': 'langex-contact-consent-no',
'name': 'langex-contact-consent',
'value': 'no',
'label': 'No'
}
]
} %}
{% endblock%}
<div class="uol-form__container ">
<div class="uol-form__inner-wrapper">
<form class="uol-form" action="/example-form-action">
<div class="uol-form__input-group uol-form__input-group--block">
</div>
<div class="uol-form--button-block">
<div class="uol-form__inputs-wrapper">
<div class="uol-form__input-container
">
<label class="uol-form__input-label" for="profile-name">
<span class="uol-form__input-label__text">Name (required)</span>
</label>
<div class="uol-form__input-wrapper
uol-form__input-wrapper--text
" data-field-invalid=false>
<!-- -->
<input class="uol-form__input uol-form__input--text" type="text" id="profile-name" name="profile-name" value="" autocomplete="name" required>
<!-- -->
</div>
</div>
<div class="uol-form__input-container
">
<label class="uol-form__input-label" for="profile-nickname">
<span class="uol-form__input-label__text">Name in the Language Exchange if different</span>
<span class="uol-form__input-label__hint">If you use another name and prefer to use this in your Language Exchange profile, add it here. This will not change your name in any other University IT system. </span>
</label>
<div class="uol-form__input-wrapper
uol-form__input-wrapper--text
" data-field-invalid=false>
<!-- -->
<input class="uol-form__input uol-form__input--text" type="text" id="profile-nickname" name="profile-nickname" value="" autocomplete="nickname">
<!-- -->
</div>
</div>
<div class="uol-form__input-container
">
<div role="radiogroup" aria-labelledby="profile-gender profile-gender-hint" class="uol-form__custom-fieldset" aria-required="true">
<span id="profile-gender" class="uol-form__custom__legend">My gender (required)</span>
<span class="uol-form__input-label__hint" id="profile-gender-hint">Select ‘Other’ if you do not identify as male or female. Select ‘Prefer not to say’ if you do not want to give this information. </span>
<div class="uol-form__inputs-wrapper ">
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="genderPreferNot" name="gender" value="prefer-not" checked>
<label class="uol-form__input--radio__label" for="genderPreferNot">Prefer not to say</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="genderFemale" name="gender" value="female">
<label class="uol-form__input--radio__label" for="genderFemale">Female</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="genderMale" name="gender" value="female">
<label class="uol-form__input--radio__label" for="genderMale">Male</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="genderOther" name="gender" value="other">
<label class="uol-form__input--radio__label" for="genderOther">Other</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="uol-form__input-container
">
<label class="uol-form__input-label" for="native-country" id="native-country-label">
<span class="uol-form__input-label__text">My native country (required)</span>
</label>
<div class="uol-form__input-wrapper " data-field-invalid=false>
<select class="uol-form__input uol-form__input--select " name="native-country" id="native-country" aria-label="Select My native country" required>
<option value="">Select an option</option>
<option value="AD">Andorra</option>
<option value="AE">United Arab Emirates</option>
<option value="AF">Afghanistan</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AI">Anguilla</option>
<option value="AL">Albania</option>
<option value="AM">Armenia</option>
<option value="AO">Angola</option>
<option value="AQ">Antarctica</option>
<option value="AR">Argentina</option>
<option value="AS">American Samoa</option>
<option value="AT">Austria</option>
<option value="AU">Australia</option>
<option value="AW">Aruba</option>
<option value="AX">Åland Islands</option>
<option value="AZ">Azerbaijan</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BB">Barbados</option>
<option value="BD">Bangladesh</option>
<option value="BE">Belgium</option>
<option value="BF">Burkina Faso</option>
<option value="BG">Bulgaria</option>
<option value="BH">Bahrain</option>
<option value="BI">Burundi</option>
<option value="BJ">Benin</option>
<option value="BL">Saint Barthélemy</option>
<option value="BM">Bermuda</option>
<option value="BN">Brunei Darussalam</option>
<option value="BO">Bolivia, Plurinational State of</option>
<option value="BQ">Bonaire, Sint Eustatius and Saba</option>
<option value="BR">Brazil</option>
<option value="BS">Bahamas</option>
<option value="BT">Bhutan</option>
<option value="BV">Bouvet Island</option>
<option value="BW">Botswana</option>
<option value="BY">Belarus</option>
<option value="BZ">Belize</option>
<option value="CA">Canada</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CD">Congo, Democratic Republic of the</option>
<option value="CF">Central African Republic</option>
<option value="CG">Congo</option>
<option value="CH">Switzerland</option>
<option value="CI">Côte d'Ivoire</option>
<option value="CK">Cook Islands</option>
<option value="CL">Chile</option>
<option value="CM">Cameroon</option>
<option value="CN">China</option>
<option value="CO">Colombia</option>
<option value="CR">Costa Rica</option>
<option value="CU">Cuba</option>
<option value="CV">Cabo Verde</option>
<option value="CW">Curaçao</option>
<option value="CX">Christmas Island</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czechia</option>
<option value="DE">Germany</option>
<option value="DJ">Djibouti</option>
<option value="DK">Denmark</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="DZ">Algeria</option>
<option value="EC">Ecuador</option>
<option value="EE">Estonia</option>
<option value="EG">Egypt</option>
<option value="EH">Western Sahara</option>
<option value="ER">Eritrea</option>
<option value="ES">Spain</option>
<option value="ET">Ethiopia</option>
<option value="FI">Finland</option>
<option value="FJ">Fiji</option>
<option value="FK">Falkland Islands (Malvinas)</option>
<option value="FM">Micronesia, Federated States of</option>
<option value="FO">Faroe Islands</option>
<option value="FR">France</option>
<option value="GA">Gabon</option>
<option value="GB">United Kingdom of Great Britain and Northern Ireland</option>
<option value="GD">Grenada</option>
<option value="GE">Georgia</option>
<option value="GF">French Guiana</option>
<option value="GG">Guernsey</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GL">Greenland</option>
<option value="GM">Gambia</option>
<option value="GN">Guinea</option>
<option value="GP">Guadeloupe</option>
<option value="GQ">Equatorial Guinea</option>
<option value="GR">Greece</option>
<option value="GS">South Georgia and the South Sandwich Islands</option>
<option value="GT">Guatemala</option>
<option value="GU">Guam</option>
<option value="GW">Guinea-Bissau</option>
<option value="GY">Guyana</option>
<option value="HK">Hong Kong</option>
<option value="HM">Heard Island and McDonald Islands</option>
<option value="HN">Honduras</option>
<option value="HR">Croatia</option>
<option value="HT">Haiti</option>
<option value="HU">Hungary</option>
<option value="ID">Indonesia</option>
<option value="IE">Ireland</option>
<option value="IL">Israel</option>
<option value="IM">Isle of Man</option>
<option value="IN">India</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="IQ">Iraq</option>
<option value="IR">Iran, Islamic Republic of</option>
<option value="IS">Iceland</option>
<option value="IT">Italy</option>
<option value="JE">Jersey</option>
<option value="JM">Jamaica</option>
<option value="JO">Jordan</option>
<option value="JP">Japan</option>
<option value="KE">Kenya</option>
<option value="KG">Kyrgyzstan</option>
<option value="KH">Cambodia</option>
<option value="KI">Kiribati</option>
<option value="KM">Comoros</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="KP">Korea, Democratic People's Republic of</option>
<option value="KR">Korea, Republic of</option>
<option value="KW">Kuwait</option>
<option value="KY">Cayman Islands</option>
<option value="KZ">Kazakhstan</option>
<option value="LA">Lao People's Democratic Republic</option>
<option value="LB">Lebanon</option>
<option value="LC">Saint Lucia</option>
<option value="LI">Liechtenstein</option>
<option value="LK">Sri Lanka</option>
<option value="LR">Liberia</option>
<option value="LS">Lesotho</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="LV">Latvia</option>
<option value="LY">Libya</option>
<option value="MA">Morocco</option>
<option value="MC">Monaco</option>
<option value="MD">Moldova, Republic of</option>
<option value="ME">Montenegro</option>
<option value="MF">Saint Martin, (French part)</option>
<option value="MG">Madagascar</option>
<option value="MH">Marshall Islands</option>
<option value="MK">North Macedonia</option>
<option value="ML">Mali</option>
<option value="MM">Myanmar</option>
<option value="MN">Mongolia</option>
<option value="MO">Macao</option>
<option value="MP">Northern Mariana Islands</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritania</option>
<option value="MS">Montserrat</option>
<option value="MT">Malta</option>
<option value="MU">Mauritius</option>
<option value="MV">Maldives</option>
<option value="MW">Malawi</option>
<option value="MX">Mexico</option>
<option value="MY">Malaysia</option>
<option value="MZ">Mozambique</option>
<option value="NA">Namibia</option>
<option value="NC">New Caledonia</option>
<option value="NE">Niger</option>
<option value="NF">Norfolk Island</option>
<option value="NG">Nigeria</option>
<option value="NI">Nicaragua</option>
<option value="NL">Netherlands</option>
<option value="NO">Norway</option>
<option value="NP">Nepal</option>
<option value="NR">Nauru</option>
<option value="NU">Niue</option>
<option value="NZ">New Zealand</option>
<option value="OM">Oman</option>
<option value="PA">Panama</option>
<option value="PE">Peru</option>
<option value="PF">French Polynesia</option>
<option value="PG">Papua New Guinea</option>
<option value="PH">Philippines</option>
<option value="PK">Pakistan</option>
<option value="PL">Poland</option>
<option value="PM">Saint Pierre and Miquelon</option>
<option value="PN">Pitcairn</option>
<option value="PR">Puerto Rico</option>
<option value="PS">Palestine, State of</option>
<option value="PT">Portugal</option>
<option value="PW">Palau</option>
<option value="PY">Paraguay</option>
<option value="QA">Qatar</option>
<option value="RE">Réunion</option>
<option value="RO">Romania</option>
<option value="RS">Serbia</option>
<option value="RU">Russian Federation</option>
<option value="RW">Rwanda</option>
<option value="SA">Saudi Arabia</option>
<option value="SB">Solomon Islands</option>
<option value="SC">Seychelles</option>
<option value="SD">Sudan</option>
<option value="SE">Sweden</option>
<option value="SG">Singapore</option>
<option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="SI">Slovenia</option>
<option value="SJ">Svalbard and Jan Mayen</option>
<option value="SK">Slovakia</option>
<option value="SL">Sierra Leone</option>
<option value="SM">San Marino</option>
<option value="SN">Senegal</option>
<option value="SO">Somalia</option>
<option value="SR">Suriname</option>
<option value="SS">South Sudan</option>
<option value="ST">Sao Tome and Principe</option>
<option value="SV">El Salvador</option>
<option value="SX">Sint Maarten, (Dutch part)</option>
<option value="SY">Syrian Arab Republic</option>
<option value="SZ">Eswatini</option>
<option value="TC">Turks and Caicos Islands</option>
<option value="TD">Chad</option>
<option value="TF">French Southern Territories</option>
<option value="TG">Togo</option>
<option value="TH">Thailand</option>
<option value="TJ">Tajikistan</option>
<option value="TK">Tokelau</option>
<option value="TL">Timor-Leste</option>
<option value="TM">Turkmenistan</option>
<option value="TN">Tunisia</option>
<option value="TO">Tonga</option>
<option value="TR">Turkey</option>
<option value="TT">Trinidad and Tobago</option>
<option value="TV">Tuvalu</option>
<option value="TW">Taiwan, Province of China</option>
<option value="TZ">Tanzania, United Republic of</option>
<option value="UA">Ukraine</option>
<option value="UG">Uganda</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="US">United States of America</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VA">Holy See</option>
<option value="VC">Saint Vincent and the Grenadines</option>
<option value="VE">Venezuela, Bolivarian Republic of</option>
<option value="VG">Virgin Islands, British</option>
<option value="VI">Virgin Islands, U.S.</option>
<option value="VN">Viet Nam</option>
<option value="VU">Vanuatu</option>
<option value="WF">Wallis and Futuna</option>
<option value="WS">Samoa</option>
<option value="YE">Yemen</option>
<option value="YT">Mayotte</option>
<option value="ZA">South Africa</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select>
<svg class="uol-form__input__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" focusable="false" aria-hidden="true">
<path fill="none" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
</svg>
</div>
</div>
<h2 class="uol-typography-heading-2">Your languages</h2>
<div class="uol-form__input-container
">
<label class="uol-form__input-label" for="native-languages" id="native-languages-label">
<span class="uol-form__input-label__text">Language(s) I as a native speaker, can help others to learn (required)</span>
<span class="uol-form__input-label__hint" id="native-languages-hint">Select a maximum of four. Only include languages you are a native speaker of. </span>
</label>
<div class="uol-form__input-wrapper " data-field-invalid=false>
<select class="uol-form__input uol-form__input--select " name="native-languages" id="native-languages" aria-label="Select Language(s) I as a native speaker, can help others to learn" required multiple>
<option value="">Select an option</option>
<option value="aa">Afar</option>
<option value="ab">Abkhazian</option>
<option value="af">Afrikaans</option>
<option value="ak">Akan</option>
<option value="am">Amharic</option>
<option value="an">Aragonese</option>
<option value="ar">Arabic</option>
<option value="as">Assamese</option>
<option value="av">Avar</option>
<option value="ay">Aymara</option>
<option value="az">Azerbaijani</option>
<option value="ba">Bashkir</option>
<option value="be">Belarusian</option>
<option value="bg">Bulgarian</option>
<option value="bh">Bihari</option>
<option value="bi">Bislama</option>
<option value="bm">Bambara</option>
<option value="bn">Bengali</option>
<option value="bo">Tibetan</option>
<option value="br">Breton</option>
<option value="bs">Bosnian</option>
<option value="ca">Catalan</option>
<option value="ce">Chechen</option>
<option value="ch">Chamorro</option>
<option value="co">Corsican</option>
<option value="cr">Cree</option>
<option value="cs">Czech</option>
<option value="cu">Old Church Slavonic / Old Bulgarian</option>
<option value="cv">Chuvash</option>
<option value="cy">Welsh</option>
<option value="da">Danish</option>
<option value="de">German</option>
<option value="dv">Divehi</option>
<option value="dz">Dzongkha</option>
<option value="ee">Ewe</option>
<option value="el">Greek</option>
<option value="en">English</option>
<option value="eo">Esperanto</option>
<option value="es">Spanish</option>
<option value="et">Estonian</option>
<option value="eu">Basque</option>
<option value="fa">Persian</option>
<option value="ff">Peul</option>
<option value="fi">Finnish</option>
<option value="fj">Fijian</option>
<option value="fo">Faroese</option>
<option value="fr">French</option>
<option value="fy">West Frisian</option>
<option value="ga">Irish</option>
<option value="gd">Scottish Gaelic</option>
<option value="gl">Galician</option>
<option value="gn">Guarani</option>
<option value="gu">Gujarati</option>
<option value="gv">Manx</option>
<option value="ha">Hausa</option>
<option value="he">Hebrew</option>
<option value="hi">Hindi</option>
<option value="ho">Hiri Motu</option>
<option value="hr">Croatian</option>
<option value="ht">Haitian</option>
<option value="hu">Hungarian</option>
<option value="hy">Armenian</option>
<option value="hz">Herero</option>
<option value="ia">Interlingua</option>
<option value="id">Indonesian</option>
<option value="ie">Interlingue</option>
<option value="ig">Igbo</option>
<option value="ii">Sichuan Yi</option>
<option value="ik">Inupiak</option>
<option value="io">Ido</option>
<option value="is">Icelandic</option>
<option value="it">Italian</option>
<option value="iu">Inuktitut</option>
<option value="ja">Japanese</option>
<option value="jv">Javanese</option>
<option value="kg">Kongo</option>
<option value="ki">Kikuyu</option>
<option value="kj">Kuanyama</option>
<option value="kk">Kazakh</option>
<option value="kl">Greenlandic</option>
<option value="km">Cambodian</option>
<option value="kn">Kannada</option>
<option value="ko">Korean</option>
<option value="kr">Kanuri</option>
<option value="ks">Kashmiri</option>
<option value="ku">Kurdish</option>
<option value="kv">Komi</option>
<option value="kw">Cornish</option>
<option value="ky">Kirghiz</option>
<option value="la">Latin</option>
<option value="lb">Luxembourgish</option>
<option value="lg">Ganda</option>
<option value="li">Limburgian</option>
<option value="ln">Lingala</option>
<option value="lo">Laotian</option>
<option value="lt">Lithuanian</option>
<option value="lv">Latvian</option>
<option value="mg">Malagasy</option>
<option value="mh">Marshallese</option>
<option value="mi">Maori</option>
<option value="mk">Macedonian</option>
<option value="ml">Malayalam</option>
<option value="mn">Mongolian</option>
<option value="mo">Moldovan</option>
<option value="mr">Marathi</option>
<option value="ms">Malay</option>
<option value="mt">Maltese</option>
<option value="my">Burmese</option>
<option value="na">Nauruan</option>
<option value="nd">North Ndebele</option>
<option value="ne">Nepali</option>
<option value="ng">Ndonga</option>
<option value="nl">Dutch</option>
<option value="nn">Norwegian Nynorsk</option>
<option value="no">Norwegian</option>
<option value="nr">South Ndebele</option>
<option value="nv">Navajo</option>
<option value="ny">Chichewa</option>
<option value="oc">Occitan</option>
<option value="oj">Ojibwa</option>
<option value="om">Oromo</option>
<option value="or">Oriya</option>
<option value="os">Ossetian</option>
<option value="pa">Punjabi</option>
<option value="pi">Pali</option>
<option value="pl">Polish</option>
<option value="ps">Pashto</option>
<option value="pt">Portuguese</option>
<option value="qu">Quechua</option>
<option value="rm">Raeto Romance</option>
<option value="rn">Kirundi</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="rw">Rwandi</option>
<option value="sa">Sanskrit</option>
<option value="sc">Sardinian</option>
<option value="sd">Sindhi</option>
<option value="sg">Sango</option>
<option value="sh">Serbo-Croatian</option>
<option value="si">Sinhalese</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="sm">Samoan</option>
<option value="sn">Shona</option>
<option value="so">Somalia</option>
<option value="sq">Albanian</option>
<option value="sr">Serbian</option>
<option value="ss">Swati</option>
<option value="st">Southern Sotho</option>
<option value="su">Sundanese</option>
<option value="sv">Swedish</option>
<option value="sw">Swahili</option>
<option value="ta">Tamil</option>
<option value="te">Telugu</option>
<option value="tg">Tajik</option>
<option value="th">Thai</option>
<option value="ti">Tigrinya</option>
<option value="tk">Turkmen</option>
<option value="tl">Tagalog</option>
<option value="tn">Tswana</option>
<option value="to">Tonga</option>
<option value="tr">Turkish</option>
<option value="ts">Tsonga</option>
<option value="tt">Tatar</option>
<option value="tw">Twi</option>
<option value="ty">Tahitian</option>
<option value="ug">Uyghur</option>
<option value="ur">Urdu</option>
<option value="ve">Venda</option>
<option value="vi">Vietnamese</option>
<option value="vo">Volapük</option>
<option value="wa">Walloon</option>
<option value="wo">Wolof</option>
<option value="xh">Xhosa</option>
<option value="yi">Yiddish</option>
<option value="yo">Yoruba</option>
<option value="za">Zhuang</option>
<option value="zh">Chinese</option>
<option value="zu">Zulu</option>
</select>
<svg class="uol-form__input__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" focusable="false" aria-hidden="true">
<path fill="none" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
</svg>
</div>
</div>
<div class="langex-langs-to-learn">
<div class="langex-langs-to-learn__lang" role="group" aria-label="Language to learn: 1" tabindex="-1">
<hr />
<div class="uol-form__input-container
">
<label class="uol-form__input-label" for="lang-1-language-learn" id="lang-1-language-learn-label">
<span class="uol-form__input-label__text">Language I'd like to learn (required)</span>
</label>
<div class="uol-form__input-wrapper " data-field-invalid=false>
<select class="uol-form__input uol-form__input--select " name="lang-1-language-learn" id="lang-1-language-learn" aria-label="Select Language I&apos;d like to learn" required>
<option value="">Select an option</option>
<option value="aa">Afar</option>
<option value="ab">Abkhazian</option>
<option value="af">Afrikaans</option>
<option value="ak">Akan</option>
<option value="am">Amharic</option>
<option value="an">Aragonese</option>
<option value="ar">Arabic</option>
<option value="as">Assamese</option>
<option value="av">Avar</option>
<option value="ay">Aymara</option>
<option value="az">Azerbaijani</option>
<option value="ba">Bashkir</option>
<option value="be">Belarusian</option>
<option value="bg">Bulgarian</option>
<option value="bh">Bihari</option>
<option value="bi">Bislama</option>
<option value="bm">Bambara</option>
<option value="bn">Bengali</option>
<option value="bo">Tibetan</option>
<option value="br">Breton</option>
<option value="bs">Bosnian</option>
<option value="ca">Catalan</option>
<option value="ce">Chechen</option>
<option value="ch">Chamorro</option>
<option value="co">Corsican</option>
<option value="cr">Cree</option>
<option value="cs">Czech</option>
<option value="cu">Old Church Slavonic / Old Bulgarian</option>
<option value="cv">Chuvash</option>
<option value="cy">Welsh</option>
<option value="da">Danish</option>
<option value="de">German</option>
<option value="dv">Divehi</option>
<option value="dz">Dzongkha</option>
<option value="ee">Ewe</option>
<option value="el">Greek</option>
<option value="en">English</option>
<option value="eo">Esperanto</option>
<option value="es">Spanish</option>
<option value="et">Estonian</option>
<option value="eu">Basque</option>
<option value="fa">Persian</option>
<option value="ff">Peul</option>
<option value="fi">Finnish</option>
<option value="fj">Fijian</option>
<option value="fo">Faroese</option>
<option value="fr">French</option>
<option value="fy">West Frisian</option>
<option value="ga">Irish</option>
<option value="gd">Scottish Gaelic</option>
<option value="gl">Galician</option>
<option value="gn">Guarani</option>
<option value="gu">Gujarati</option>
<option value="gv">Manx</option>
<option value="ha">Hausa</option>
<option value="he">Hebrew</option>
<option value="hi">Hindi</option>
<option value="ho">Hiri Motu</option>
<option value="hr">Croatian</option>
<option value="ht">Haitian</option>
<option value="hu">Hungarian</option>
<option value="hy">Armenian</option>
<option value="hz">Herero</option>
<option value="ia">Interlingua</option>
<option value="id">Indonesian</option>
<option value="ie">Interlingue</option>
<option value="ig">Igbo</option>
<option value="ii">Sichuan Yi</option>
<option value="ik">Inupiak</option>
<option value="io">Ido</option>
<option value="is">Icelandic</option>
<option value="it">Italian</option>
<option value="iu">Inuktitut</option>
<option value="ja">Japanese</option>
<option value="jv">Javanese</option>
<option value="kg">Kongo</option>
<option value="ki">Kikuyu</option>
<option value="kj">Kuanyama</option>
<option value="kk">Kazakh</option>
<option value="kl">Greenlandic</option>
<option value="km">Cambodian</option>
<option value="kn">Kannada</option>
<option value="ko">Korean</option>
<option value="kr">Kanuri</option>
<option value="ks">Kashmiri</option>
<option value="ku">Kurdish</option>
<option value="kv">Komi</option>
<option value="kw">Cornish</option>
<option value="ky">Kirghiz</option>
<option value="la">Latin</option>
<option value="lb">Luxembourgish</option>
<option value="lg">Ganda</option>
<option value="li">Limburgian</option>
<option value="ln">Lingala</option>
<option value="lo">Laotian</option>
<option value="lt">Lithuanian</option>
<option value="lv">Latvian</option>
<option value="mg">Malagasy</option>
<option value="mh">Marshallese</option>
<option value="mi">Maori</option>
<option value="mk">Macedonian</option>
<option value="ml">Malayalam</option>
<option value="mn">Mongolian</option>
<option value="mo">Moldovan</option>
<option value="mr">Marathi</option>
<option value="ms">Malay</option>
<option value="mt">Maltese</option>
<option value="my">Burmese</option>
<option value="na">Nauruan</option>
<option value="nd">North Ndebele</option>
<option value="ne">Nepali</option>
<option value="ng">Ndonga</option>
<option value="nl">Dutch</option>
<option value="nn">Norwegian Nynorsk</option>
<option value="no">Norwegian</option>
<option value="nr">South Ndebele</option>
<option value="nv">Navajo</option>
<option value="ny">Chichewa</option>
<option value="oc">Occitan</option>
<option value="oj">Ojibwa</option>
<option value="om">Oromo</option>
<option value="or">Oriya</option>
<option value="os">Ossetian</option>
<option value="pa">Punjabi</option>
<option value="pi">Pali</option>
<option value="pl">Polish</option>
<option value="ps">Pashto</option>
<option value="pt">Portuguese</option>
<option value="qu">Quechua</option>
<option value="rm">Raeto Romance</option>
<option value="rn">Kirundi</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="rw">Rwandi</option>
<option value="sa">Sanskrit</option>
<option value="sc">Sardinian</option>
<option value="sd">Sindhi</option>
<option value="sg">Sango</option>
<option value="sh">Serbo-Croatian</option>
<option value="si">Sinhalese</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="sm">Samoan</option>
<option value="sn">Shona</option>
<option value="so">Somalia</option>
<option value="sq">Albanian</option>
<option value="sr">Serbian</option>
<option value="ss">Swati</option>
<option value="st">Southern Sotho</option>
<option value="su">Sundanese</option>
<option value="sv">Swedish</option>
<option value="sw">Swahili</option>
<option value="ta">Tamil</option>
<option value="te">Telugu</option>
<option value="tg">Tajik</option>
<option value="th">Thai</option>
<option value="ti">Tigrinya</option>
<option value="tk">Turkmen</option>
<option value="tl">Tagalog</option>
<option value="tn">Tswana</option>
<option value="to">Tonga</option>
<option value="tr">Turkish</option>
<option value="ts">Tsonga</option>
<option value="tt">Tatar</option>
<option value="tw">Twi</option>
<option value="ty">Tahitian</option>
<option value="ug">Uyghur</option>
<option value="ur">Urdu</option>
<option value="ve">Venda</option>
<option value="vi">Vietnamese</option>
<option value="vo">Volapük</option>
<option value="wa">Walloon</option>
<option value="wo">Wolof</option>
<option value="xh">Xhosa</option>
<option value="yi">Yiddish</option>
<option value="yo">Yoruba</option>
<option value="za">Zhuang</option>
<option value="zh">Chinese</option>
<option value="zu">Zulu</option>
</select>
<svg class="uol-form__input__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" focusable="false" aria-hidden="true">
<path fill="none" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
</svg>
</div>
</div>
<div class="uol-form__input-container
">
<div role="radiogroup" aria-labelledby="lang-1-language-competency" class="uol-form__custom-fieldset" aria-required="true">
<span id="lang-1-language-competency" class="uol-form__custom__legend">My current competency in this language (required)</span>
<div class="uol-form__inputs-wrapper ">
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-1-language-competency-1" name="lang-1-language-competency" value="1" checked>
<label class="uol-form__input--radio__label" for="lang-1-language-competency-1">Beginner</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-1-language-competency-2" name="lang-1-language-competency" value="2">
<label class="uol-form__input--radio__label" for="lang-1-language-competency-2">Elementary</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-1-language-competency-3" name="lang-1-language-competency" value="3">
<label class="uol-form__input--radio__label" for="lang-1-language-competency-3">Lower intermediate</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="language-competency-4" name="lang-1-language-competency" value="4">
<label class="uol-form__input--radio__label" for="language-competency-4">Upper intermediate</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-1-language-competency-5" name="lang-1-language-competency" value="5">
<label class="uol-form__input--radio__label" for="lang-1-language-competency-5">Advanced</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-1-language-competency-6" name="lang-1-language-competency" value="6">
<label class="uol-form__input--radio__label" for="lang-1-language-competency-6">Native/multilingual</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="langex-langs-to-learn__lang" role="group" aria-label="Language to learn: 2" tabindex="-1">
<hr />
<div class="uol-form__input-container
">
<label class="uol-form__input-label" for="lang-2-language-learn" id="lang-2-language-learn-label">
<span class="uol-form__input-label__text">Language I'd like to learn</span>
</label>
<div class="uol-form__input-wrapper " data-field-invalid=false>
<select class="uol-form__input uol-form__input--select " name="lang-2-language-learn" id="lang-2-language-learn" aria-label="Select Language I&apos;d like to learn">
<option value="">Select an option</option>
<option value="aa">Afar</option>
<option value="ab">Abkhazian</option>
<option value="af">Afrikaans</option>
<option value="ak">Akan</option>
<option value="am">Amharic</option>
<option value="an">Aragonese</option>
<option value="ar">Arabic</option>
<option value="as">Assamese</option>
<option value="av">Avar</option>
<option value="ay">Aymara</option>
<option value="az">Azerbaijani</option>
<option value="ba">Bashkir</option>
<option value="be">Belarusian</option>
<option value="bg">Bulgarian</option>
<option value="bh">Bihari</option>
<option value="bi">Bislama</option>
<option value="bm">Bambara</option>
<option value="bn">Bengali</option>
<option value="bo">Tibetan</option>
<option value="br">Breton</option>
<option value="bs">Bosnian</option>
<option value="ca">Catalan</option>
<option value="ce">Chechen</option>
<option value="ch">Chamorro</option>
<option value="co">Corsican</option>
<option value="cr">Cree</option>
<option value="cs">Czech</option>
<option value="cu">Old Church Slavonic / Old Bulgarian</option>
<option value="cv">Chuvash</option>
<option value="cy">Welsh</option>
<option value="da">Danish</option>
<option value="de">German</option>
<option value="dv">Divehi</option>
<option value="dz">Dzongkha</option>
<option value="ee">Ewe</option>
<option value="el">Greek</option>
<option value="en">English</option>
<option value="eo">Esperanto</option>
<option value="es">Spanish</option>
<option value="et">Estonian</option>
<option value="eu">Basque</option>
<option value="fa">Persian</option>
<option value="ff">Peul</option>
<option value="fi">Finnish</option>
<option value="fj">Fijian</option>
<option value="fo">Faroese</option>
<option value="fr">French</option>
<option value="fy">West Frisian</option>
<option value="ga">Irish</option>
<option value="gd">Scottish Gaelic</option>
<option value="gl">Galician</option>
<option value="gn">Guarani</option>
<option value="gu">Gujarati</option>
<option value="gv">Manx</option>
<option value="ha">Hausa</option>
<option value="he">Hebrew</option>
<option value="hi">Hindi</option>
<option value="ho">Hiri Motu</option>
<option value="hr">Croatian</option>
<option value="ht">Haitian</option>
<option value="hu">Hungarian</option>
<option value="hy">Armenian</option>
<option value="hz">Herero</option>
<option value="ia">Interlingua</option>
<option value="id">Indonesian</option>
<option value="ie">Interlingue</option>
<option value="ig">Igbo</option>
<option value="ii">Sichuan Yi</option>
<option value="ik">Inupiak</option>
<option value="io">Ido</option>
<option value="is">Icelandic</option>
<option value="it">Italian</option>
<option value="iu">Inuktitut</option>
<option value="ja">Japanese</option>
<option value="jv">Javanese</option>
<option value="kg">Kongo</option>
<option value="ki">Kikuyu</option>
<option value="kj">Kuanyama</option>
<option value="kk">Kazakh</option>
<option value="kl">Greenlandic</option>
<option value="km">Cambodian</option>
<option value="kn">Kannada</option>
<option value="ko">Korean</option>
<option value="kr">Kanuri</option>
<option value="ks">Kashmiri</option>
<option value="ku">Kurdish</option>
<option value="kv">Komi</option>
<option value="kw">Cornish</option>
<option value="ky">Kirghiz</option>
<option value="la">Latin</option>
<option value="lb">Luxembourgish</option>
<option value="lg">Ganda</option>
<option value="li">Limburgian</option>
<option value="ln">Lingala</option>
<option value="lo">Laotian</option>
<option value="lt">Lithuanian</option>
<option value="lv">Latvian</option>
<option value="mg">Malagasy</option>
<option value="mh">Marshallese</option>
<option value="mi">Maori</option>
<option value="mk">Macedonian</option>
<option value="ml">Malayalam</option>
<option value="mn">Mongolian</option>
<option value="mo">Moldovan</option>
<option value="mr">Marathi</option>
<option value="ms">Malay</option>
<option value="mt">Maltese</option>
<option value="my">Burmese</option>
<option value="na">Nauruan</option>
<option value="nd">North Ndebele</option>
<option value="ne">Nepali</option>
<option value="ng">Ndonga</option>
<option value="nl">Dutch</option>
<option value="nn">Norwegian Nynorsk</option>
<option value="no">Norwegian</option>
<option value="nr">South Ndebele</option>
<option value="nv">Navajo</option>
<option value="ny">Chichewa</option>
<option value="oc">Occitan</option>
<option value="oj">Ojibwa</option>
<option value="om">Oromo</option>
<option value="or">Oriya</option>
<option value="os">Ossetian</option>
<option value="pa">Punjabi</option>
<option value="pi">Pali</option>
<option value="pl">Polish</option>
<option value="ps">Pashto</option>
<option value="pt">Portuguese</option>
<option value="qu">Quechua</option>
<option value="rm">Raeto Romance</option>
<option value="rn">Kirundi</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="rw">Rwandi</option>
<option value="sa">Sanskrit</option>
<option value="sc">Sardinian</option>
<option value="sd">Sindhi</option>
<option value="sg">Sango</option>
<option value="sh">Serbo-Croatian</option>
<option value="si">Sinhalese</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="sm">Samoan</option>
<option value="sn">Shona</option>
<option value="so">Somalia</option>
<option value="sq">Albanian</option>
<option value="sr">Serbian</option>
<option value="ss">Swati</option>
<option value="st">Southern Sotho</option>
<option value="su">Sundanese</option>
<option value="sv">Swedish</option>
<option value="sw">Swahili</option>
<option value="ta">Tamil</option>
<option value="te">Telugu</option>
<option value="tg">Tajik</option>
<option value="th">Thai</option>
<option value="ti">Tigrinya</option>
<option value="tk">Turkmen</option>
<option value="tl">Tagalog</option>
<option value="tn">Tswana</option>
<option value="to">Tonga</option>
<option value="tr">Turkish</option>
<option value="ts">Tsonga</option>
<option value="tt">Tatar</option>
<option value="tw">Twi</option>
<option value="ty">Tahitian</option>
<option value="ug">Uyghur</option>
<option value="ur">Urdu</option>
<option value="ve">Venda</option>
<option value="vi">Vietnamese</option>
<option value="vo">Volapük</option>
<option value="wa">Walloon</option>
<option value="wo">Wolof</option>
<option value="xh">Xhosa</option>
<option value="yi">Yiddish</option>
<option value="yo">Yoruba</option>
<option value="za">Zhuang</option>
<option value="zh">Chinese</option>
<option value="zu">Zulu</option>
</select>
<svg class="uol-form__input__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" focusable="false" aria-hidden="true">
<path fill="none" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
</svg>
</div>
</div>
<div class="uol-form__input-container
">
<div role="radiogroup" aria-labelledby="lang-2-language-competency" class="uol-form__custom-fieldset">
<span id="lang-2-language-competency" class="uol-form__custom__legend">My current competency in this language</span>
<div class="uol-form__inputs-wrapper ">
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-2-language-competency-1" name="lang-2-language-competency" value="1">
<label class="uol-form__input--radio__label" for="lang-2-language-competency-1">Beginner</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-2-language-competency-2" name="lang-2-language-competency" value="2">
<label class="uol-form__input--radio__label" for="lang-2-language-competency-2">Elementary</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-2-language-competency-3" name="lang-2-language-competency" value="3">
<label class="uol-form__input--radio__label" for="lang-2-language-competency-3">Lower intermediate</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-2-language-competency-4" name="lang-2-language-competency" value="4">
<label class="uol-form__input--radio__label" for="lang-2-language-competency-4">Upper intermediate</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-2-language-competency-5" name="lang-2-language-competency" value="5">
<label class="uol-form__input--radio__label" for="lang-2-language-competency-5">Advanced</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-2-language-competency-6" name="lang-2-language-competency" value="6">
<label class="uol-form__input--radio__label" for="lang-2-language-competency-6">Native/multilingual</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="langex-langs-to-learn__lang" role="group" aria-label="Language to learn: 3" tabindex="-1">
<hr />
<div class="uol-form__input-container
">
<label class="uol-form__input-label" for="lang-3-language-learn" id="lang-3-language-learn-label">
<span class="uol-form__input-label__text">Language I'd like to learn</span>
</label>
<div class="uol-form__input-wrapper " data-field-invalid=false>
<select class="uol-form__input uol-form__input--select " name="lang-3-language-learn" id="lang-3-language-learn" aria-label="Select Language I&apos;d like to learn">
<option value="">Select an option</option>
<option value="aa">Afar</option>
<option value="ab">Abkhazian</option>
<option value="af">Afrikaans</option>
<option value="ak">Akan</option>
<option value="am">Amharic</option>
<option value="an">Aragonese</option>
<option value="ar">Arabic</option>
<option value="as">Assamese</option>
<option value="av">Avar</option>
<option value="ay">Aymara</option>
<option value="az">Azerbaijani</option>
<option value="ba">Bashkir</option>
<option value="be">Belarusian</option>
<option value="bg">Bulgarian</option>
<option value="bh">Bihari</option>
<option value="bi">Bislama</option>
<option value="bm">Bambara</option>
<option value="bn">Bengali</option>
<option value="bo">Tibetan</option>
<option value="br">Breton</option>
<option value="bs">Bosnian</option>
<option value="ca">Catalan</option>
<option value="ce">Chechen</option>
<option value="ch">Chamorro</option>
<option value="co">Corsican</option>
<option value="cr">Cree</option>
<option value="cs">Czech</option>
<option value="cu">Old Church Slavonic / Old Bulgarian</option>
<option value="cv">Chuvash</option>
<option value="cy">Welsh</option>
<option value="da">Danish</option>
<option value="de">German</option>
<option value="dv">Divehi</option>
<option value="dz">Dzongkha</option>
<option value="ee">Ewe</option>
<option value="el">Greek</option>
<option value="en">English</option>
<option value="eo">Esperanto</option>
<option value="es">Spanish</option>
<option value="et">Estonian</option>
<option value="eu">Basque</option>
<option value="fa">Persian</option>
<option value="ff">Peul</option>
<option value="fi">Finnish</option>
<option value="fj">Fijian</option>
<option value="fo">Faroese</option>
<option value="fr">French</option>
<option value="fy">West Frisian</option>
<option value="ga">Irish</option>
<option value="gd">Scottish Gaelic</option>
<option value="gl">Galician</option>
<option value="gn">Guarani</option>
<option value="gu">Gujarati</option>
<option value="gv">Manx</option>
<option value="ha">Hausa</option>
<option value="he">Hebrew</option>
<option value="hi">Hindi</option>
<option value="ho">Hiri Motu</option>
<option value="hr">Croatian</option>
<option value="ht">Haitian</option>
<option value="hu">Hungarian</option>
<option value="hy">Armenian</option>
<option value="hz">Herero</option>
<option value="ia">Interlingua</option>
<option value="id">Indonesian</option>
<option value="ie">Interlingue</option>
<option value="ig">Igbo</option>
<option value="ii">Sichuan Yi</option>
<option value="ik">Inupiak</option>
<option value="io">Ido</option>
<option value="is">Icelandic</option>
<option value="it">Italian</option>
<option value="iu">Inuktitut</option>
<option value="ja">Japanese</option>
<option value="jv">Javanese</option>
<option value="kg">Kongo</option>
<option value="ki">Kikuyu</option>
<option value="kj">Kuanyama</option>
<option value="kk">Kazakh</option>
<option value="kl">Greenlandic</option>
<option value="km">Cambodian</option>
<option value="kn">Kannada</option>
<option value="ko">Korean</option>
<option value="kr">Kanuri</option>
<option value="ks">Kashmiri</option>
<option value="ku">Kurdish</option>
<option value="kv">Komi</option>
<option value="kw">Cornish</option>
<option value="ky">Kirghiz</option>
<option value="la">Latin</option>
<option value="lb">Luxembourgish</option>
<option value="lg">Ganda</option>
<option value="li">Limburgian</option>
<option value="ln">Lingala</option>
<option value="lo">Laotian</option>
<option value="lt">Lithuanian</option>
<option value="lv">Latvian</option>
<option value="mg">Malagasy</option>
<option value="mh">Marshallese</option>
<option value="mi">Maori</option>
<option value="mk">Macedonian</option>
<option value="ml">Malayalam</option>
<option value="mn">Mongolian</option>
<option value="mo">Moldovan</option>
<option value="mr">Marathi</option>
<option value="ms">Malay</option>
<option value="mt">Maltese</option>
<option value="my">Burmese</option>
<option value="na">Nauruan</option>
<option value="nd">North Ndebele</option>
<option value="ne">Nepali</option>
<option value="ng">Ndonga</option>
<option value="nl">Dutch</option>
<option value="nn">Norwegian Nynorsk</option>
<option value="no">Norwegian</option>
<option value="nr">South Ndebele</option>
<option value="nv">Navajo</option>
<option value="ny">Chichewa</option>
<option value="oc">Occitan</option>
<option value="oj">Ojibwa</option>
<option value="om">Oromo</option>
<option value="or">Oriya</option>
<option value="os">Ossetian</option>
<option value="pa">Punjabi</option>
<option value="pi">Pali</option>
<option value="pl">Polish</option>
<option value="ps">Pashto</option>
<option value="pt">Portuguese</option>
<option value="qu">Quechua</option>
<option value="rm">Raeto Romance</option>
<option value="rn">Kirundi</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="rw">Rwandi</option>
<option value="sa">Sanskrit</option>
<option value="sc">Sardinian</option>
<option value="sd">Sindhi</option>
<option value="sg">Sango</option>
<option value="sh">Serbo-Croatian</option>
<option value="si">Sinhalese</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="sm">Samoan</option>
<option value="sn">Shona</option>
<option value="so">Somalia</option>
<option value="sq">Albanian</option>
<option value="sr">Serbian</option>
<option value="ss">Swati</option>
<option value="st">Southern Sotho</option>
<option value="su">Sundanese</option>
<option value="sv">Swedish</option>
<option value="sw">Swahili</option>
<option value="ta">Tamil</option>
<option value="te">Telugu</option>
<option value="tg">Tajik</option>
<option value="th">Thai</option>
<option value="ti">Tigrinya</option>
<option value="tk">Turkmen</option>
<option value="tl">Tagalog</option>
<option value="tn">Tswana</option>
<option value="to">Tonga</option>
<option value="tr">Turkish</option>
<option value="ts">Tsonga</option>
<option value="tt">Tatar</option>
<option value="tw">Twi</option>
<option value="ty">Tahitian</option>
<option value="ug">Uyghur</option>
<option value="ur">Urdu</option>
<option value="ve">Venda</option>
<option value="vi">Vietnamese</option>
<option value="vo">Volapük</option>
<option value="wa">Walloon</option>
<option value="wo">Wolof</option>
<option value="xh">Xhosa</option>
<option value="yi">Yiddish</option>
<option value="yo">Yoruba</option>
<option value="za">Zhuang</option>
<option value="zh">Chinese</option>
<option value="zu">Zulu</option>
</select>
<svg class="uol-form__input__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" focusable="false" aria-hidden="true">
<path fill="none" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
</svg>
</div>
</div>
<div class="uol-form__input-container
">
<div role="radiogroup" aria-labelledby="lang-3-language-competency" class="uol-form__custom-fieldset">
<span id="lang-3-language-competency" class="uol-form__custom__legend">My current competency in this language</span>
<div class="uol-form__inputs-wrapper ">
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-3-language-competency-1" name="lang-3-language-competency" value="1">
<label class="uol-form__input--radio__label" for="lang-3-language-competency-1">Beginner</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-3-language-competency-2" name="lang-3-language-competency" value="2">
<label class="uol-form__input--radio__label" for="lang-3-language-competency-2">Elementary</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-3-language-competency-3" name="lang-3-language-competency" value="3">
<label class="uol-form__input--radio__label" for="lang-3-language-competency-3">Lower intermediate</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-3-language-competency-4" name="lang-3-language-competency" value="4">
<label class="uol-form__input--radio__label" for="lang-3-language-competency-4">Upper intermediate</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-3-language-competency-5" name="lang-3-language-competency" value="5">
<label class="uol-form__input--radio__label" for="lang-3-language-competency-5">Advanced</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-3-language-competency-6" name="lang-3-language-competency" value="6">
<label class="uol-form__input--radio__label" for="lang-3-language-competency-6">Native/multilingual</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="langex-langs-to-learn__lang" role="group" aria-label="Language to learn: 4" tabindex="-1">
<hr />
<div class="uol-form__input-container
">
<label class="uol-form__input-label" for="lang-4-language-learn" id="lang-4-language-learn-label">
<span class="uol-form__input-label__text">Language I'd like to learn</span>
</label>
<div class="uol-form__input-wrapper " data-field-invalid=false>
<select class="uol-form__input uol-form__input--select " name="lang-4-language-learn" id="lang-4-language-learn" aria-label="Select Language I&apos;d like to learn">
<option value="">Select an option</option>
<option value="aa">Afar</option>
<option value="ab">Abkhazian</option>
<option value="af">Afrikaans</option>
<option value="ak">Akan</option>
<option value="am">Amharic</option>
<option value="an">Aragonese</option>
<option value="ar">Arabic</option>
<option value="as">Assamese</option>
<option value="av">Avar</option>
<option value="ay">Aymara</option>
<option value="az">Azerbaijani</option>
<option value="ba">Bashkir</option>
<option value="be">Belarusian</option>
<option value="bg">Bulgarian</option>
<option value="bh">Bihari</option>
<option value="bi">Bislama</option>
<option value="bm">Bambara</option>
<option value="bn">Bengali</option>
<option value="bo">Tibetan</option>
<option value="br">Breton</option>
<option value="bs">Bosnian</option>
<option value="ca">Catalan</option>
<option value="ce">Chechen</option>
<option value="ch">Chamorro</option>
<option value="co">Corsican</option>
<option value="cr">Cree</option>
<option value="cs">Czech</option>
<option value="cu">Old Church Slavonic / Old Bulgarian</option>
<option value="cv">Chuvash</option>
<option value="cy">Welsh</option>
<option value="da">Danish</option>
<option value="de">German</option>
<option value="dv">Divehi</option>
<option value="dz">Dzongkha</option>
<option value="ee">Ewe</option>
<option value="el">Greek</option>
<option value="en">English</option>
<option value="eo">Esperanto</option>
<option value="es">Spanish</option>
<option value="et">Estonian</option>
<option value="eu">Basque</option>
<option value="fa">Persian</option>
<option value="ff">Peul</option>
<option value="fi">Finnish</option>
<option value="fj">Fijian</option>
<option value="fo">Faroese</option>
<option value="fr">French</option>
<option value="fy">West Frisian</option>
<option value="ga">Irish</option>
<option value="gd">Scottish Gaelic</option>
<option value="gl">Galician</option>
<option value="gn">Guarani</option>
<option value="gu">Gujarati</option>
<option value="gv">Manx</option>
<option value="ha">Hausa</option>
<option value="he">Hebrew</option>
<option value="hi">Hindi</option>
<option value="ho">Hiri Motu</option>
<option value="hr">Croatian</option>
<option value="ht">Haitian</option>
<option value="hu">Hungarian</option>
<option value="hy">Armenian</option>
<option value="hz">Herero</option>
<option value="ia">Interlingua</option>
<option value="id">Indonesian</option>
<option value="ie">Interlingue</option>
<option value="ig">Igbo</option>
<option value="ii">Sichuan Yi</option>
<option value="ik">Inupiak</option>
<option value="io">Ido</option>
<option value="is">Icelandic</option>
<option value="it">Italian</option>
<option value="iu">Inuktitut</option>
<option value="ja">Japanese</option>
<option value="jv">Javanese</option>
<option value="kg">Kongo</option>
<option value="ki">Kikuyu</option>
<option value="kj">Kuanyama</option>
<option value="kk">Kazakh</option>
<option value="kl">Greenlandic</option>
<option value="km">Cambodian</option>
<option value="kn">Kannada</option>
<option value="ko">Korean</option>
<option value="kr">Kanuri</option>
<option value="ks">Kashmiri</option>
<option value="ku">Kurdish</option>
<option value="kv">Komi</option>
<option value="kw">Cornish</option>
<option value="ky">Kirghiz</option>
<option value="la">Latin</option>
<option value="lb">Luxembourgish</option>
<option value="lg">Ganda</option>
<option value="li">Limburgian</option>
<option value="ln">Lingala</option>
<option value="lo">Laotian</option>
<option value="lt">Lithuanian</option>
<option value="lv">Latvian</option>
<option value="mg">Malagasy</option>
<option value="mh">Marshallese</option>
<option value="mi">Maori</option>
<option value="mk">Macedonian</option>
<option value="ml">Malayalam</option>
<option value="mn">Mongolian</option>
<option value="mo">Moldovan</option>
<option value="mr">Marathi</option>
<option value="ms">Malay</option>
<option value="mt">Maltese</option>
<option value="my">Burmese</option>
<option value="na">Nauruan</option>
<option value="nd">North Ndebele</option>
<option value="ne">Nepali</option>
<option value="ng">Ndonga</option>
<option value="nl">Dutch</option>
<option value="nn">Norwegian Nynorsk</option>
<option value="no">Norwegian</option>
<option value="nr">South Ndebele</option>
<option value="nv">Navajo</option>
<option value="ny">Chichewa</option>
<option value="oc">Occitan</option>
<option value="oj">Ojibwa</option>
<option value="om">Oromo</option>
<option value="or">Oriya</option>
<option value="os">Ossetian</option>
<option value="pa">Punjabi</option>
<option value="pi">Pali</option>
<option value="pl">Polish</option>
<option value="ps">Pashto</option>
<option value="pt">Portuguese</option>
<option value="qu">Quechua</option>
<option value="rm">Raeto Romance</option>
<option value="rn">Kirundi</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="rw">Rwandi</option>
<option value="sa">Sanskrit</option>
<option value="sc">Sardinian</option>
<option value="sd">Sindhi</option>
<option value="sg">Sango</option>
<option value="sh">Serbo-Croatian</option>
<option value="si">Sinhalese</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="sm">Samoan</option>
<option value="sn">Shona</option>
<option value="so">Somalia</option>
<option value="sq">Albanian</option>
<option value="sr">Serbian</option>
<option value="ss">Swati</option>
<option value="st">Southern Sotho</option>
<option value="su">Sundanese</option>
<option value="sv">Swedish</option>
<option value="sw">Swahili</option>
<option value="ta">Tamil</option>
<option value="te">Telugu</option>
<option value="tg">Tajik</option>
<option value="th">Thai</option>
<option value="ti">Tigrinya</option>
<option value="tk">Turkmen</option>
<option value="tl">Tagalog</option>
<option value="tn">Tswana</option>
<option value="to">Tonga</option>
<option value="tr">Turkish</option>
<option value="ts">Tsonga</option>
<option value="tt">Tatar</option>
<option value="tw">Twi</option>
<option value="ty">Tahitian</option>
<option value="ug">Uyghur</option>
<option value="ur">Urdu</option>
<option value="ve">Venda</option>
<option value="vi">Vietnamese</option>
<option value="vo">Volapük</option>
<option value="wa">Walloon</option>
<option value="wo">Wolof</option>
<option value="xh">Xhosa</option>
<option value="yi">Yiddish</option>
<option value="yo">Yoruba</option>
<option value="za">Zhuang</option>
<option value="zh">Chinese</option>
<option value="zu">Zulu</option>
</select>
<svg class="uol-form__input__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" focusable="false" aria-hidden="true">
<path fill="none" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
</svg>
</div>
</div>
<div class="uol-form__input-container
">
<div role="radiogroup" aria-labelledby="lang-3-language-competency" class="uol-form__custom-fieldset">
<span id="lang-3-language-competency" class="uol-form__custom__legend">My current competency in this language</span>
<div class="uol-form__inputs-wrapper ">
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-4-language-competency-1" name="lang-4-language-competency" value="1">
<label class="uol-form__input--radio__label" for="lang-4-language-competency-1">Beginner</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-4-language-competency-2" name="lang-4-language-competency" value="2">
<label class="uol-form__input--radio__label" for="lang-4-language-competency-2">Elementary</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-4-language-competency-3" name="lang-4-language-competency" value="3">
<label class="uol-form__input--radio__label" for="lang-4-language-competency-3">Lower intermediate</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-4-language-competency-4" name="lang-4-language-competency" value="4">
<label class="uol-form__input--radio__label" for="lang-4-language-competency-4">Upper intermediate</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-4-language-competency-5" name="lang-4-language-competency" value="5">
<label class="uol-form__input--radio__label" for="lang-4-language-competency-5">Advanced</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="lang-4-language-competency-6" name="lang-4-language-competency" value="6">
<label class="uol-form__input--radio__label" for="lang-4-language-competency-6">Native/multilingual</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<hr />
<h2 class="uol-typography-heading-2">About you</h2>
<p class="uol-typography-paragraph">To help potential language exchange partners to get to know more about you, you can also add additional information about your studies and interests. These comments will be visible on your profile.</p>
<div class="uol-form__input-container
">
<label class="uol-form__input-label uol-form__input--teaxtarea-label" for="profile-academic-interests" id="profile-academic-interests-label">
<span class="uol-form__input-label__text">My academic interests</span>
<span class="uol-form__input-label__hint">Include information about your studies if you want to. </span>
</label>
<div class="uol-form__input--textarea-wrapper" data-field-invalid=false>
<textarea class="uol-form__input uol-form__input--textarea" id="profile-academic-interests" name="profile-academic-interest" data-character-input="true" data-textarea-height="medium"></textarea>
</div>
</div>
<div class="uol-form__input-container
">
<label class="uol-form__input-label uol-form__input--teaxtarea-label" for="profile-extra-info" id="profile-extra-info-label">
<span class="uol-form__input-label__text">Extra information</span>
<span class="uol-form__input-label__hint">Include information about yourself and your interests. For example, the specific language variant you speak or want to learn, if you want to meet only on campus, or any other preferences. </span>
</label>
<div class="uol-form__input--textarea-wrapper" data-field-invalid=false>
<textarea class="uol-form__input uol-form__input--textarea" id="profile-extra-info" name="profile-extra-info" data-character-input="true" data-textarea-height="medium"></textarea>
</div>
</div>
<div class="uol-form__input-container
">
<div role="radiogroup" aria-labelledby="langex-duration langex-duration-hint" class="uol-form__custom-fieldset" aria-required="true">
<span id="langex-duration" class="uol-form__custom__legend">Language Exchange duration (required)</span>
<span class="uol-form__input-label__hint" id="langex-duration-hint">The length of time you want your Language Exchange profile to remain active. After this time your profile will automatically be made inactive (not active). We will tell you when this happens and give you chance to reactivate it. </span>
<div class="uol-form__inputs-wrapper ">
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="langex-duration-full-year" name="langex-duration" value="full" checked>
<label class="uol-form__input--radio__label" for="langex-duration-full-year">Full academic year</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="langex-duration-semester-one-only" name="langex-duration" value="semester-one-only">
<label class="uol-form__input--radio__label" for="langex-duration-semester-one-only">Semester One only</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="langex-duration-summer-only" name="langex-duration" value="summer-only">
<label class="uol-form__input--radio__label" for="langex-duration-summer-only">Summer only</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="uol-form__input-container
">
<div role="radiogroup" aria-labelledby="langex-status langex-status-hint" class="uol-form__custom-fieldset" aria-required="true">
<span id="langex-status" class="uol-form__custom__legend">Profile status (required)</span>
<span class="uol-form__input-label__hint" id="langex-status-hint">You can deactivate or reactivate your profile at any time, depending whether you want to be contacted or not. </span>
<div class="uol-form__inputs-wrapper ">
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="langex-status-active" name="langex-status" value="active" checked>
<label class="uol-form__input--radio__label" for="langex-status-active">Active</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="langex-status-inactive" name="langex-status" value="inactive">
<label class="uol-form__input--radio__label" for="langex-status-inactive">Inactive</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="uol-form__input-container
">
<div role="radiogroup" aria-labelledby="langex-contact-consent langex-contact-consent-hint" class="uol-form__custom-fieldset" aria-required="true">
<span id="langex-contact-consent" class="uol-form__custom__legend">I'm happy to be contacted by the Language Zone about my experience (required)</span>
<span class="uol-form__input-label__hint" id="langex-contact-consent-hint">Can we contact you for feedback about your experience with the Language Exchange? This will not be often and we will not pass your details to anyone else. </span>
<div class="uol-form__inputs-wrapper ">
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="langex-contact-consent-yes" name="langex-contact-consent" value="yes" checked>
<label class="uol-form__input--radio__label" for="langex-contact-consent-yes">Yes</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
<div class="uol-form__input--radio-wrapper">
<input class="uol-form__input--radio" type="radio" id="langex-contact-consent-no" name="langex-contact-consent" value="no">
<label class="uol-form__input--radio__label" for="langex-contact-consent-no">No</label>
<span class="uol-form__input--custom-radio" hidden>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" aria-hidden="true" focusable="false">
<circle cx="12" cy="12" r="12" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="uol-form__button-wrapper">
<button class="uol-button uol-button--primary
" type="submit">Submit</button>
</div>
</div>
</form>
</div>
</div>
{
"form": {
"action": "/example-form-action",
"button": {
"style": "primary",
"type": "submit",
"content": "Submit"
}
},
"countryCodeSelectOptions": [
{
"value": "AD",
"label": "Andorra"
},
{
"value": "AE",
"label": "United Arab Emirates"
},
{
"value": "AF",
"label": "Afghanistan"
},
{
"value": "AG",
"label": "Antigua and Barbuda"
},
{
"value": "AI",
"label": "Anguilla"
},
{
"value": "AL",
"label": "Albania"
},
{
"value": "AM",
"label": "Armenia"
},
{
"value": "AO",
"label": "Angola"
},
{
"value": "AQ",
"label": "Antarctica"
},
{
"value": "AR",
"label": "Argentina"
},
{
"value": "AS",
"label": "American Samoa"
},
{
"value": "AT",
"label": "Austria"
},
{
"value": "AU",
"label": "Australia"
},
{
"value": "AW",
"label": "Aruba"
},
{
"value": "AX",
"label": "Åland Islands"
},
{
"value": "AZ",
"label": "Azerbaijan"
},
{
"value": "BA",
"label": "Bosnia and Herzegovina"
},
{
"value": "BB",
"label": "Barbados"
},
{
"value": "BD",
"label": "Bangladesh"
},
{
"value": "BE",
"label": "Belgium"
},
{
"value": "BF",
"label": "Burkina Faso"
},
{
"value": "BG",
"label": "Bulgaria"
},
{
"value": "BH",
"label": "Bahrain"
},
{
"value": "BI",
"label": "Burundi"
},
{
"value": "BJ",
"label": "Benin"
},
{
"value": "BL",
"label": "Saint Barthélemy"
},
{
"value": "BM",
"label": "Bermuda"
},
{
"value": "BN",
"label": "Brunei Darussalam"
},
{
"value": "BO",
"label": "Bolivia, Plurinational State of"
},
{
"value": "BQ",
"label": "Bonaire, Sint Eustatius and Saba"
},
{
"value": "BR",
"label": "Brazil"
},
{
"value": "BS",
"label": "Bahamas"
},
{
"value": "BT",
"label": "Bhutan"
},
{
"value": "BV",
"label": "Bouvet Island"
},
{
"value": "BW",
"label": "Botswana"
},
{
"value": "BY",
"label": "Belarus"
},
{
"value": "BZ",
"label": "Belize"
},
{
"value": "CA",
"label": "Canada"
},
{
"value": "CC",
"label": "Cocos (Keeling) Islands"
},
{
"value": "CD",
"label": "Congo, Democratic Republic of the"
},
{
"value": "CF",
"label": "Central African Republic"
},
{
"value": "CG",
"label": "Congo"
},
{
"value": "CH",
"label": "Switzerland"
},
{
"value": "CI",
"label": "Côte d'Ivoire"
},
{
"value": "CK",
"label": "Cook Islands"
},
{
"value": "CL",
"label": "Chile"
},
{
"value": "CM",
"label": "Cameroon"
},
{
"value": "CN",
"label": "China"
},
{
"value": "CO",
"label": "Colombia"
},
{
"value": "CR",
"label": "Costa Rica"
},
{
"value": "CU",
"label": "Cuba"
},
{
"value": "CV",
"label": "Cabo Verde"
},
{
"value": "CW",
"label": "Curaçao"
},
{
"value": "CX",
"label": "Christmas Island"
},
{
"value": "CY",
"label": "Cyprus"
},
{
"value": "CZ",
"label": "Czechia"
},
{
"value": "DE",
"label": "Germany"
},
{
"value": "DJ",
"label": "Djibouti"
},
{
"value": "DK",
"label": "Denmark"
},
{
"value": "DM",
"label": "Dominica"
},
{
"value": "DO",
"label": "Dominican Republic"
},
{
"value": "DZ",
"label": "Algeria"
},
{
"value": "EC",
"label": "Ecuador"
},
{
"value": "EE",
"label": "Estonia"
},
{
"value": "EG",
"label": "Egypt"
},
{
"value": "EH",
"label": "Western Sahara"
},
{
"value": "ER",
"label": "Eritrea"
},
{
"value": "ES",
"label": "Spain"
},
{
"value": "ET",
"label": "Ethiopia"
},
{
"value": "FI",
"label": "Finland"
},
{
"value": "FJ",
"label": "Fiji"
},
{
"value": "FK",
"label": "Falkland Islands (Malvinas)"
},
{
"value": "FM",
"label": "Micronesia, Federated States of"
},
{
"value": "FO",
"label": "Faroe Islands"
},
{
"value": "FR",
"label": "France"
},
{
"value": "GA",
"label": "Gabon"
},
{
"value": "GB",
"label": "United Kingdom of Great Britain and Northern Ireland"
},
{
"value": "GD",
"label": "Grenada"
},
{
"value": "GE",
"label": "Georgia"
},
{
"value": "GF",
"label": "French Guiana"
},
{
"value": "GG",
"label": "Guernsey"
},
{
"value": "GH",
"label": "Ghana"
},
{
"value": "GI",
"label": "Gibraltar"
},
{
"value": "GL",
"label": "Greenland"
},
{
"value": "GM",
"label": "Gambia"
},
{
"value": "GN",
"label": "Guinea"
},
{
"value": "GP",
"label": "Guadeloupe"
},
{
"value": "GQ",
"label": "Equatorial Guinea"
},
{
"value": "GR",
"label": "Greece"
},
{
"value": "GS",
"label": "South Georgia and the South Sandwich Islands"
},
{
"value": "GT",
"label": "Guatemala"
},
{
"value": "GU",
"label": "Guam"
},
{
"value": "GW",
"label": "Guinea-Bissau"
},
{
"value": "GY",
"label": "Guyana"
},
{
"value": "HK",
"label": "Hong Kong"
},
{
"value": "HM",
"label": "Heard Island and McDonald Islands"
},
{
"value": "HN",
"label": "Honduras"
},
{
"value": "HR",
"label": "Croatia"
},
{
"value": "HT",
"label": "Haiti"
},
{
"value": "HU",
"label": "Hungary"
},
{
"value": "ID",
"label": "Indonesia"
},
{
"value": "IE",
"label": "Ireland"
},
{
"value": "IL",
"label": "Israel"
},
{
"value": "IM",
"label": "Isle of Man"
},
{
"value": "IN",
"label": "India"
},
{
"value": "IO",
"label": "British Indian Ocean Territory"
},
{
"value": "IQ",
"label": "Iraq"
},
{
"value": "IR",
"label": "Iran, Islamic Republic of"
},
{
"value": "IS",
"label": "Iceland"
},
{
"value": "IT",
"label": "Italy"
},
{
"value": "JE",
"label": "Jersey"
},
{
"value": "JM",
"label": "Jamaica"
},
{
"value": "JO",
"label": "Jordan"
},
{
"value": "JP",
"label": "Japan"
},
{
"value": "KE",
"label": "Kenya"
},
{
"value": "KG",
"label": "Kyrgyzstan"
},
{
"value": "KH",
"label": "Cambodia"
},
{
"value": "KI",
"label": "Kiribati"
},
{
"value": "KM",
"label": "Comoros"
},
{
"value": "KN",
"label": "Saint Kitts and Nevis"
},
{
"value": "KP",
"label": "Korea, Democratic People's Republic of"
},
{
"value": "KR",
"label": "Korea, Republic of"
},
{
"value": "KW",
"label": "Kuwait"
},
{
"value": "KY",
"label": "Cayman Islands"
},
{
"value": "KZ",
"label": "Kazakhstan"
},
{
"value": "LA",
"label": "Lao People's Democratic Republic"
},
{
"value": "LB",
"label": "Lebanon"
},
{
"value": "LC",
"label": "Saint Lucia"
},
{
"value": "LI",
"label": "Liechtenstein"
},
{
"value": "LK",
"label": "Sri Lanka"
},
{
"value": "LR",
"label": "Liberia"
},
{
"value": "LS",
"label": "Lesotho"
},
{
"value": "LT",
"label": "Lithuania"
},
{
"value": "LU",
"label": "Luxembourg"
},
{
"value": "LV",
"label": "Latvia"
},
{
"value": "LY",
"label": "Libya"
},
{
"value": "MA",
"label": "Morocco"
},
{
"value": "MC",
"label": "Monaco"
},
{
"value": "MD",
"label": "Moldova, Republic of"
},
{
"value": "ME",
"label": "Montenegro"
},
{
"value": "MF",
"label": "Saint Martin, (French part)"
},
{
"value": "MG",
"label": "Madagascar"
},
{
"value": "MH",
"label": "Marshall Islands"
},
{
"value": "MK",
"label": "North Macedonia"
},
{
"value": "ML",
"label": "Mali"
},
{
"value": "MM",
"label": "Myanmar"
},
{
"value": "MN",
"label": "Mongolia"
},
{
"value": "MO",
"label": "Macao"
},
{
"value": "MP",
"label": "Northern Mariana Islands"
},
{
"value": "MQ",
"label": "Martinique"
},
{
"value": "MR",
"label": "Mauritania"
},
{
"value": "MS",
"label": "Montserrat"
},
{
"value": "MT",
"label": "Malta"
},
{
"value": "MU",
"label": "Mauritius"
},
{
"value": "MV",
"label": "Maldives"
},
{
"value": "MW",
"label": "Malawi"
},
{
"value": "MX",
"label": "Mexico"
},
{
"value": "MY",
"label": "Malaysia"
},
{
"value": "MZ",
"label": "Mozambique"
},
{
"value": "NA",
"label": "Namibia"
},
{
"value": "NC",
"label": "New Caledonia"
},
{
"value": "NE",
"label": "Niger"
},
{
"value": "NF",
"label": "Norfolk Island"
},
{
"value": "NG",
"label": "Nigeria"
},
{
"value": "NI",
"label": "Nicaragua"
},
{
"value": "NL",
"label": "Netherlands"
},
{
"value": "NO",
"label": "Norway"
},
{
"value": "NP",
"label": "Nepal"
},
{
"value": "NR",
"label": "Nauru"
},
{
"value": "NU",
"label": "Niue"
},
{
"value": "NZ",
"label": "New Zealand"
},
{
"value": "OM",
"label": "Oman"
},
{
"value": "PA",
"label": "Panama"
},
{
"value": "PE",
"label": "Peru"
},
{
"value": "PF",
"label": "French Polynesia"
},
{
"value": "PG",
"label": "Papua New Guinea"
},
{
"value": "PH",
"label": "Philippines"
},
{
"value": "PK",
"label": "Pakistan"
},
{
"value": "PL",
"label": "Poland"
},
{
"value": "PM",
"label": "Saint Pierre and Miquelon"
},
{
"value": "PN",
"label": "Pitcairn"
},
{
"value": "PR",
"label": "Puerto Rico"
},
{
"value": "PS",
"label": "Palestine, State of"
},
{
"value": "PT",
"label": "Portugal"
},
{
"value": "PW",
"label": "Palau"
},
{
"value": "PY",
"label": "Paraguay"
},
{
"value": "QA",
"label": "Qatar"
},
{
"value": "RE",
"label": "Réunion"
},
{
"value": "RO",
"label": "Romania"
},
{
"value": "RS",
"label": "Serbia"
},
{
"value": "RU",
"label": "Russian Federation"
},
{
"value": "RW",
"label": "Rwanda"
},
{
"value": "SA",
"label": "Saudi Arabia"
},
{
"value": "SB",
"label": "Solomon Islands"
},
{
"value": "SC",
"label": "Seychelles"
},
{
"value": "SD",
"label": "Sudan"
},
{
"value": "SE",
"label": "Sweden"
},
{
"value": "SG",
"label": "Singapore"
},
{
"value": "SH",
"label": "Saint Helena, Ascension and Tristan da Cunha"
},
{
"value": "SI",
"label": "Slovenia"
},
{
"value": "SJ",
"label": "Svalbard and Jan Mayen"
},
{
"value": "SK",
"label": "Slovakia"
},
{
"value": "SL",
"label": "Sierra Leone"
},
{
"value": "SM",
"label": "San Marino"
},
{
"value": "SN",
"label": "Senegal"
},
{
"value": "SO",
"label": "Somalia"
},
{
"value": "SR",
"label": "Suriname"
},
{
"value": "SS",
"label": "South Sudan"
},
{
"value": "ST",
"label": "Sao Tome and Principe"
},
{
"value": "SV",
"label": "El Salvador"
},
{
"value": "SX",
"label": "Sint Maarten, (Dutch part)"
},
{
"value": "SY",
"label": "Syrian Arab Republic"
},
{
"value": "SZ",
"label": "Eswatini"
},
{
"value": "TC",
"label": "Turks and Caicos Islands"
},
{
"value": "TD",
"label": "Chad"
},
{
"value": "TF",
"label": "French Southern Territories"
},
{
"value": "TG",
"label": "Togo"
},
{
"value": "TH",
"label": "Thailand"
},
{
"value": "TJ",
"label": "Tajikistan"
},
{
"value": "TK",
"label": "Tokelau"
},
{
"value": "TL",
"label": "Timor-Leste"
},
{
"value": "TM",
"label": "Turkmenistan"
},
{
"value": "TN",
"label": "Tunisia"
},
{
"value": "TO",
"label": "Tonga"
},
{
"value": "TR",
"label": "Turkey"
},
{
"value": "TT",
"label": "Trinidad and Tobago"
},
{
"value": "TV",
"label": "Tuvalu"
},
{
"value": "TW",
"label": "Taiwan, Province of China"
},
{
"value": "TZ",
"label": "Tanzania, United Republic of"
},
{
"value": "UA",
"label": "Ukraine"
},
{
"value": "UG",
"label": "Uganda"
},
{
"value": "UM",
"label": "United States Minor Outlying Islands"
},
{
"value": "US",
"label": "United States of America"
},
{
"value": "UY",
"label": "Uruguay"
},
{
"value": "UZ",
"label": "Uzbekistan"
},
{
"value": "VA",
"label": "Holy See"
},
{
"value": "VC",
"label": "Saint Vincent and the Grenadines"
},
{
"value": "VE",
"label": "Venezuela, Bolivarian Republic of"
},
{
"value": "VG",
"label": "Virgin Islands, British"
},
{
"value": "VI",
"label": "Virgin Islands, U.S."
},
{
"value": "VN",
"label": "Viet Nam"
},
{
"value": "VU",
"label": "Vanuatu"
},
{
"value": "WF",
"label": "Wallis and Futuna"
},
{
"value": "WS",
"label": "Samoa"
},
{
"value": "YE",
"label": "Yemen"
},
{
"value": "YT",
"label": "Mayotte"
},
{
"value": "ZA",
"label": "South Africa"
},
{
"value": "ZM",
"label": "Zambia"
},
{
"value": "ZW",
"label": "Zimbabwe"
}
],
"languageOptions": [
{
"value": "aa",
"label": "Afar"
},
{
"value": "ab",
"label": "Abkhazian"
},
{
"value": "af",
"label": "Afrikaans"
},
{
"value": "ak",
"label": "Akan"
},
{
"value": "am",
"label": "Amharic"
},
{
"value": "an",
"label": "Aragonese"
},
{
"value": "ar",
"label": "Arabic"
},
{
"value": "as",
"label": "Assamese"
},
{
"value": "av",
"label": "Avar"
},
{
"value": "ay",
"label": "Aymara"
},
{
"value": "az",
"label": "Azerbaijani"
},
{
"value": "ba",
"label": "Bashkir"
},
{
"value": "be",
"label": "Belarusian"
},
{
"value": "bg",
"label": "Bulgarian"
},
{
"value": "bh",
"label": "Bihari"
},
{
"value": "bi",
"label": "Bislama"
},
{
"value": "bm",
"label": "Bambara"
},
{
"value": "bn",
"label": "Bengali"
},
{
"value": "bo",
"label": "Tibetan"
},
{
"value": "br",
"label": "Breton"
},
{
"value": "bs",
"label": "Bosnian"
},
{
"value": "ca",
"label": "Catalan"
},
{
"value": "ce",
"label": "Chechen"
},
{
"value": "ch",
"label": "Chamorro"
},
{
"value": "co",
"label": "Corsican"
},
{
"value": "cr",
"label": "Cree"
},
{
"value": "cs",
"label": "Czech"
},
{
"value": "cu",
"label": "Old Church Slavonic / Old Bulgarian"
},
{
"value": "cv",
"label": "Chuvash"
},
{
"value": "cy",
"label": "Welsh"
},
{
"value": "da",
"label": "Danish"
},
{
"value": "de",
"label": "German"
},
{
"value": "dv",
"label": "Divehi"
},
{
"value": "dz",
"label": "Dzongkha"
},
{
"value": "ee",
"label": "Ewe"
},
{
"value": "el",
"label": "Greek"
},
{
"value": "en",
"label": "English"
},
{
"value": "eo",
"label": "Esperanto"
},
{
"value": "es",
"label": "Spanish"
},
{
"value": "et",
"label": "Estonian"
},
{
"value": "eu",
"label": "Basque"
},
{
"value": "fa",
"label": "Persian"
},
{
"value": "ff",
"label": "Peul"
},
{
"value": "fi",
"label": "Finnish"
},
{
"value": "fj",
"label": "Fijian"
},
{
"value": "fo",
"label": "Faroese"
},
{
"value": "fr",
"label": "French"
},
{
"value": "fy",
"label": "West Frisian"
},
{
"value": "ga",
"label": "Irish"
},
{
"value": "gd",
"label": "Scottish Gaelic"
},
{
"value": "gl",
"label": "Galician"
},
{
"value": "gn",
"label": "Guarani"
},
{
"value": "gu",
"label": "Gujarati"
},
{
"value": "gv",
"label": "Manx"
},
{
"value": "ha",
"label": "Hausa"
},
{
"value": "he",
"label": "Hebrew"
},
{
"value": "hi",
"label": "Hindi"
},
{
"value": "ho",
"label": "Hiri Motu"
},
{
"value": "hr",
"label": "Croatian"
},
{
"value": "ht",
"label": "Haitian"
},
{
"value": "hu",
"label": "Hungarian"
},
{
"value": "hy",
"label": "Armenian"
},
{
"value": "hz",
"label": "Herero"
},
{
"value": "ia",
"label": "Interlingua"
},
{
"value": "id",
"label": "Indonesian"
},
{
"value": "ie",
"label": "Interlingue"
},
{
"value": "ig",
"label": "Igbo"
},
{
"value": "ii",
"label": "Sichuan Yi"
},
{
"value": "ik",
"label": "Inupiak"
},
{
"value": "io",
"label": "Ido"
},
{
"value": "is",
"label": "Icelandic"
},
{
"value": "it",
"label": "Italian"
},
{
"value": "iu",
"label": "Inuktitut"
},
{
"value": "ja",
"label": "Japanese"
},
{
"value": "jv",
"label": "Javanese"
},
{
"value": "kg",
"label": "Kongo"
},
{
"value": "ki",
"label": "Kikuyu"
},
{
"value": "kj",
"label": "Kuanyama"
},
{
"value": "kk",
"label": "Kazakh"
},
{
"value": "kl",
"label": "Greenlandic"
},
{
"value": "km",
"label": "Cambodian"
},
{
"value": "kn",
"label": "Kannada"
},
{
"value": "ko",
"label": "Korean"
},
{
"value": "kr",
"label": "Kanuri"
},
{
"value": "ks",
"label": "Kashmiri"
},
{
"value": "ku",
"label": "Kurdish"
},
{
"value": "kv",
"label": "Komi"
},
{
"value": "kw",
"label": "Cornish"
},
{
"value": "ky",
"label": "Kirghiz"
},
{
"value": "la",
"label": "Latin"
},
{
"value": "lb",
"label": "Luxembourgish"
},
{
"value": "lg",
"label": "Ganda"
},
{
"value": "li",
"label": "Limburgian"
},
{
"value": "ln",
"label": "Lingala"
},
{
"value": "lo",
"label": "Laotian"
},
{
"value": "lt",
"label": "Lithuanian"
},
{
"value": "lv",
"label": "Latvian"
},
{
"value": "mg",
"label": "Malagasy"
},
{
"value": "mh",
"label": "Marshallese"
},
{
"value": "mi",
"label": "Maori"
},
{
"value": "mk",
"label": "Macedonian"
},
{
"value": "ml",
"label": "Malayalam"
},
{
"value": "mn",
"label": "Mongolian"
},
{
"value": "mo",
"label": "Moldovan"
},
{
"value": "mr",
"label": "Marathi"
},
{
"value": "ms",
"label": "Malay"
},
{
"value": "mt",
"label": "Maltese"
},
{
"value": "my",
"label": "Burmese"
},
{
"value": "na",
"label": "Nauruan"
},
{
"value": "nd",
"label": "North Ndebele"
},
{
"value": "ne",
"label": "Nepali"
},
{
"value": "ng",
"label": "Ndonga"
},
{
"value": "nl",
"label": "Dutch"
},
{
"value": "nn",
"label": "Norwegian Nynorsk"
},
{
"value": "no",
"label": "Norwegian"
},
{
"value": "nr",
"label": "South Ndebele"
},
{
"value": "nv",
"label": "Navajo"
},
{
"value": "ny",
"label": "Chichewa"
},
{
"value": "oc",
"label": "Occitan"
},
{
"value": "oj",
"label": "Ojibwa"
},
{
"value": "om",
"label": "Oromo"
},
{
"value": "or",
"label": "Oriya"
},
{
"value": "os",
"label": "Ossetian"
},
{
"value": "pa",
"label": "Punjabi"
},
{
"value": "pi",
"label": "Pali"
},
{
"value": "pl",
"label": "Polish"
},
{
"value": "ps",
"label": "Pashto"
},
{
"value": "pt",
"label": "Portuguese"
},
{
"value": "qu",
"label": "Quechua"
},
{
"value": "rm",
"label": "Raeto Romance"
},
{
"value": "rn",
"label": "Kirundi"
},
{
"value": "ro",
"label": "Romanian"
},
{
"value": "ru",
"label": "Russian"
},
{
"value": "rw",
"label": "Rwandi"
},
{
"value": "sa",
"label": "Sanskrit"
},
{
"value": "sc",
"label": "Sardinian"
},
{
"value": "sd",
"label": "Sindhi"
},
{
"value": "sg",
"label": "Sango"
},
{
"value": "sh",
"label": "Serbo-Croatian"
},
{
"value": "si",
"label": "Sinhalese"
},
{
"value": "sk",
"label": "Slovak"
},
{
"value": "sl",
"label": "Slovenian"
},
{
"value": "sm",
"label": "Samoan"
},
{
"value": "sn",
"label": "Shona"
},
{
"value": "so",
"label": "Somalia"
},
{
"value": "sq",
"label": "Albanian"
},
{
"value": "sr",
"label": "Serbian"
},
{
"value": "ss",
"label": "Swati"
},
{
"value": "st",
"label": "Southern Sotho"
},
{
"value": "su",
"label": "Sundanese"
},
{
"value": "sv",
"label": "Swedish"
},
{
"value": "sw",
"label": "Swahili"
},
{
"value": "ta",
"label": "Tamil"
},
{
"value": "te",
"label": "Telugu"
},
{
"value": "tg",
"label": "Tajik"
},
{
"value": "th",
"label": "Thai"
},
{
"value": "ti",
"label": "Tigrinya"
},
{
"value": "tk",
"label": "Turkmen"
},
{
"value": "tl",
"label": "Tagalog"
},
{
"value": "tn",
"label": "Tswana"
},
{
"value": "to",
"label": "Tonga"
},
{
"value": "tr",
"label": "Turkish"
},
{
"value": "ts",
"label": "Tsonga"
},
{
"value": "tt",
"label": "Tatar"
},
{
"value": "tw",
"label": "Twi"
},
{
"value": "ty",
"label": "Tahitian"
},
{
"value": "ug",
"label": "Uyghur"
},
{
"value": "ur",
"label": "Urdu"
},
{
"value": "ve",
"label": "Venda"
},
{
"value": "vi",
"label": "Vietnamese"
},
{
"value": "vo",
"label": "Volapük"
},
{
"value": "wa",
"label": "Walloon"
},
{
"value": "wo",
"label": "Wolof"
},
{
"value": "xh",
"label": "Xhosa"
},
{
"value": "yi",
"label": "Yiddish"
},
{
"value": "yo",
"label": "Yoruba"
},
{
"value": "za",
"label": "Zhuang"
},
{
"value": "zh",
"label": "Chinese"
},
{
"value": "zu",
"label": "Zulu"
}
]
}