No notes defined.

{% extends '@uol-language-exchange-base' %}

{% block page_content %}
  <div class="uol-rich-text {{ 'uol-rich-text--with-lead' if page_content_style_lead }}">
    {{ page_content | safe }}
  </div>

  {% render '@uol-langex-form-my-profile' %}
{% endblock %}
<div class="uol-header">
    <header class="uol-global-masthead-outer uol-global-masthead-outer--with-local-navigation">
        <div class="uol-global-masthead uol-content-container">
            <div class="uol-global-masthead__inner">
                <a class="uol-skip-link" href="#main">Skip to main content</a>
                <a class="uol-global-masthead__home" href="https://leeds.ac.uk">
                    <svg class="uol-logo-uol-inline" width="286px" height="40px" viewBox="0 0 286 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false" aria-hidden="true">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <g class="uol-logo-uol-inline__img" transform="translate(-32.000000, -12.000000)" fill="#000000">
                                <g transform="translate(32.000000, 12.000000)">
                                    <path d="M29.5,13.85 L30.04,13.85 L30.04,13.38 L29.12,13.38 L29.12,14.85 L29.42,14.85 L29.5,13.85 Z M27.89,13.85 L28.43,13.85 L28.43,13.38 L27.62,13.38 L27.62,14.85 L28,14.85 L28,13.85 L27.89,13.85 Z M0,0 L0,40 L20.77,40 L20.77,28 L24.29,28 L24.29,40 L24.75,40 L24.75,26.85 L31.19,26.85 L31.19,40 L31.62,40 L31.62,28 L35.22,28 L35.22,40 L39.97,40 L39.97,0 L0,0 Z M28,6.81 L31.49,9 L24.49,9 L28,6.81 Z M24.44,9.36 L31.62,9.36 L31.95,12 L24.06,12 L24.44,9.36 Z M34.44,27.54 L31.72,27.54 L31.72,26.38 L24.37,26.38 L24.37,27.54 L21.62,27.54 L21.62,25.07 L22.08,25.07 L22.08,16.71 L22.84,16.71 L22.84,12.38 L33.18,12.38 L33.18,16.71 L33.95,16.71 L33.95,25 L34.41,25 L34.44,27.54 Z M29.69,25.07 L30.3,25.07 L30.3,19.57 L31.62,19.57 L31.62,18.57 L29.73,18.57 L29.69,25.07 Z M23.69,17.64 L32.2,17.64 L32.62,17.1 L23.37,17.1 L23.69,17.64 Z M26.99,25.07 L27.62,25.07 L27.62,19.57 L28.92,19.57 L28.92,18.57 L26.97,18.57 L26.99,25.07 Z M26.22,13.85 L26.76,13.85 L26.76,13.38 L25.92,13.38 L25.92,14.85 L26.22,14.85 L26.22,13.85 Z M24.37,25.07 L24.98,25.07 L24.98,19.57 L26.28,19.57 L26.28,18.57 L24.37,18.57 L24.37,25.07 Z M28.05,28.55 C27.2950895,28.5378224 26.6077131,28.9831944 26.3103442,29.6771757 C26.0129753,30.3711569 26.1646185,31.1760463 26.6941324,31.7142407 C27.2236463,32.2524352 28.0259637,32.4171451 28.7246881,32.131099 C29.4234126,31.8450529 29.8799018,31.1650087 29.88,30.41 C29.874812,29.3965391 29.0632426,28.5716653 28.05,28.55 L28.05,28.55 Z M28.05,31.8 C27.4802734,31.8121976 26.9600047,31.4778532 26.73441,30.954552 C26.5088152,30.4312508 26.6229172,29.8234297 27.0229366,29.4175706 C27.422956,29.0117115 28.0290597,28.888813 28.5555753,29.1068004 C29.0820908,29.3247877 29.4239399,29.8401565 29.42,30.41 L29.42,30.41 C29.4226618,30.7760016 29.279816,31.1280692 29.0228891,31.3887468 C28.7659622,31.6494245 28.4160018,31.7973574 28.05,31.8 Z" fill-rule="nonzero"></path>
                                    <path d="M67.74,21.56 L67.74,12.11 L64.52,12.11 L64.52,21.78 C64.5729285,22.6519371 64.2821511,23.5099099 63.71,24.17 C62.2015798,25.4907365 59.9484202,25.4907365 58.44,24.17 C57.8375091,23.4681634 57.5230989,22.5642339 57.56,21.64 L57.56,12.11 L54.36,12.11 L54.36,21.9 C54.2611083,23.4971923 54.8130316,25.066386 55.89,26.25 C57.3080282,27.4384118 59.1354122,28.0236055 60.98,27.88 C62.8798784,28.0022464 64.7494205,27.3574525 66.17,26.09 C67.2665719,24.8598816 67.8310989,23.2454064 67.74,21.6 L67.74,21.56 Z" fill-rule="nonzero"></path>
                                    <path d="M86.32,27.75 L86.32,12.25 L83.12,12.25 L83.12,20.16 C83.12,20.82 83.12,21.79 83.12,22.61 L83.12,22.61 C82.6700679,21.9172776 82.1826769,21.2496187 81.66,20.61 L75.13,12.28 L71.86,12.28 L71.86,27.78 L75.08,27.78 L75.08,19.26 C75.08,18.56 75.08,17.63 75.02,17.1 L75.08,17.1 C75.53,17.78 75.97,18.38 76.56,19.1 L83.3,27.71 L86.32,27.75 Z"></path>
                                    <polygon fill-rule="nonzero" points="93.91 27.75 93.91 12.24 90.67 12.24 90.67 27.75 93.91 27.75"></polygon>
                                    <path d="M111.16,12.19 L107.89,12.19 L104.39,20.53 C103.973063,21.4323296 103.615632,22.3609812 103.32,23.31 L103.32,23.31 C103,22.44 102.65,21.45 102.25,20.44 L99.08,12.19 L95.54,12.19 L101.91,27.81 L104.31,27.81 L111.16,12.19 Z" fill-rule="nonzero"></path>
                                    <polygon fill-rule="nonzero" points="121.99 27.75 121.99 25.11 116.24 25.11 116.24 21.15 121.18 21.15 121.18 18.5 116.24 18.5 116.24 14.88 121.16 14.88 122.02 12.24 113.02 12.24 113.02 27.75 121.99 27.75"></polygon>
                                    <path d="M137.49,27.75 C135.14,23.8 133.65,21.22 132.86,20.75 L132.86,20.75 C134.52497,20.1129167 135.639353,18.532231 135.68,16.75 C135.68,14.36 134.19,12.27 130.05,12.27 L125.52,12.27 L125.52,27.75 L128.78,27.75 L128.78,21.75 L129.92,21.75 C130.49,21.97 131.43,23.75 133.78,27.75 L137.49,27.75 Z M132.49,17.03 C132.512387,18.2982154 131.50799,19.3472518 130.24,19.38 L128.75,19.38 L128.75,14.92 L130.11,14.92 C130.7095,14.8426398 131.31339,15.0261093 131.768537,15.4238853 C132.223685,15.8216613 132.486376,16.39554 132.49,17 L132.49,17.03 Z"></path>
                                    <path d="M148.78,23.39 C148.78,18.49 142.11,18.76 142.11,16.04 C142.11,15.15 143,14.63 144.11,14.63 C145.425193,14.6783583 146.704585,15.071487 147.82,15.77 L147.82,12.98 C146.617964,12.3388574 145.27211,12.0153018 143.91,12.04 C140.49,12.04 138.63,14.1 138.63,16.47 C138.606448,17.4826835 138.96324,18.4674294 139.63,19.23 C141.53,21.37 145.29,21.72 145.29,23.78 C145.29,24.95 144.03,25.37 142.84,25.37 C141.564416,25.3277619 140.3296,24.9103591 139.29,24.17 L138.04,26.5 C139.513506,27.5085649 141.264687,28.0328708 143.05,28 C146.24,28 148.76,26.24 148.76,23.4 L148.78,23.39 Z" fill-rule="nonzero"></path>
                                    <polygon fill-rule="nonzero" points="154.63 27.75 154.63 12.24 151.4 12.24 151.4 27.75 154.63 27.75"></polygon>
                                    <polygon fill-rule="nonzero" points="169.59 12.24 156.9 12.24 156.9 14.88 161.44 14.88 161.44 27.75 164.7 27.75 164.7 14.88 168.86 14.88 169.59 12.24"></polygon>
                                    <path d="M183.77,12.25 L180.4,12.25 L178.03,16.62 C177.68,17.27 177.21,18.11 176.91,18.81 L176.91,18.81 C176.59,18.11 176.1,17.23 175.77,16.58 L173.36,12.25 L169.81,12.25 L175.18,21.62 L175.18,27.75 L178.38,27.75 L178.38,21.66 L183.77,12.25 Z" fill-rule="nonzero"></path>
                                    <path d="M206.12,20 C206.245834,18.0205657 205.578218,16.0725084 204.264697,14.5863532 C202.951177,13.1001981 201.099898,12.198307 199.12,12.08 L199.12,12.08 C198.786933,12.0611526 198.453067,12.0611526 198.12,12.08 C195.961198,12.0257615 193.874951,12.8609834 192.35,14.39 C190.865298,15.950778 190.059803,18.0364334 190.11,20.19 C190.031444,22.4287273 190.92044,24.5929231 192.55,26.13 C195.937737,28.8012328 200.76331,28.6190558 203.94,25.7 C205.369447,24.1531499 206.131218,22.1049922 206.06,20 L206.12,20 Z M202.7,20.07 C202.7,23.47 200.7,25.41 198.1,25.41 C195.5,25.41 193.46,23.47 193.46,20.07 C193.46,16.67 195.38,14.72 198.07,14.72 C200.76,14.72 202.67,16.72 202.67,20.07 L202.7,20.07 Z"></path>
                                    <polygon fill-rule="nonzero" points="218.11 12.24 209.08 12.24 209.08 27.75 212.32 27.75 212.32 21.2 217.23 21.2 217.22 18.56 212.32 18.56 212.32 14.88 217.28 14.88 218.11 12.24"></polygon>
                                    <polygon fill-rule="nonzero" points="234.6 27.73 234.6 25.07 229.16 25.07 229.16 12.27 225.95 12.27 225.95 27.73 234.6 27.73"></polygon>
                                    <polygon fill-rule="nonzero" points="245.68 27.73 245.68 25.09 239.94 25.09 239.94 21.15 244.86 21.15 244.86 18.5 239.94 18.5 239.94 14.89 244.84 14.89 245.7 12.27 236.71 12.27 236.71 27.73 245.68 27.73"></polygon>
                                    <polygon fill-rule="nonzero" points="257.43 27.73 257.43 25.09 251.69 25.09 251.69 21.15 256.62 21.15 256.62 18.5 251.69 18.5 251.69 14.89 256.59 14.89 257.43 12.27 248.46 12.27 248.46 27.73 257.43 27.73"></polygon>
                                    <path d="M273.98,19.86 C273.98,15.24 270.88,12.27 265.36,12.27 L260.21,12.27 L260.21,27.73 L265.1,27.73 C270.47,27.73 274.01,24.63 274.01,19.87 L273.98,19.86 Z M270.53,19.95 C270.53,22.66 269.03,25.07 265.2,25.07 L263.43,25.07 L263.43,14.93 L265.14,14.93 C268.69,14.93 270.53,16.91 270.53,20 L270.53,19.95 Z"></path>
                                    <path d="M285.62,23.37 C285.62,18.47 278.96,18.73 278.96,16.06 C278.96,15.16 279.85,14.64 281.01,14.64 C282.312256,14.700739 283.578073,15.0894273 284.69,15.77 L284.69,13 C283.499562,12.3319884 282.154998,11.9872284 280.79,12 C277.38,12 275.52,14.07 275.52,16.41 C275.503151,17.4215754 275.859097,18.4039867 276.52,19.17 C278.4,21.31 282.16,21.62 282.16,23.71 C282.16,24.88 280.88,25.34 279.76,25.34 C278.496079,25.2834172 277.277636,24.8517403 276.26,24.1 L275.01,26.42 C276.470725,27.3959037 278.193447,27.9050483 279.95,27.88 C283.15,27.94 285.62,26.18 285.62,23.37 Z" fill-rule="nonzero"></path>
                                </g>
                            </g>
                        </g>
                    </svg>

                    <span class="hide-accessible">University of Leeds homepage</span>
                </a>
            </div>

            <nav class="uol-quicklinks" aria-label="University links">
                <ul class="uol-quicklinks__list">

                    <li class="uol-quicklinks__group">
                        Students

                        <ul class="uol-quicklinks__group__list">

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/mobile-app">Mobile App</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/minerva">Minerva</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/for-students">For Students</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="https://library.leeds.ac.uk">Library</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/it">IT</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/campus-map">Campus map</a>
                            </li>

                        </ul>

                    </li>

                    <li class="uol-quicklinks__group">
                        Staff

                        <ul class="uol-quicklinks__group__list">

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/staff/for-staff">For Staff</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/staff/services-a-z">Services A-Z</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/staff/staff-a-z">Staff A-Z</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/staff/faculty-a-z">Faculties A-Z</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/staff/student-education-service">Student Education Service</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/staff/hr">HR</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/staff/it">IT</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/campus-map">Campus map</a>
                            </li>

                        </ul>

                    </li>

                    <li class="uol-quicklinks__group">
                        Faculties

                        <ul class="uol-quicklinks__group__list">

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/faculty/arts-humanities-cultures">Faculty of Arts, Humanities and Cultures</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/faculty/biological-sciences">Faculty of Biological Sciences</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/faculty/business">Faculty of Business</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/faculty/engineering-physical-sciences">Faculty of Engineering and Physical Sciences</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/faculty/environment">Faculty of Environment</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/faculty/medicine-health">Faculty of Medicine and Health</a>
                            </li>

                            <li class="uol-quicklinks__group__item">
                                <a class="uol-quicklinks__group__link" href="/faculty/social-sciences">Faculty of Social Sciences</a>
                            </li>

                        </ul>

                    </li>

                </ul>
            </nav>

            <form id="uol-global-masthead__search-form" class="uol-global-masthead__search-form" action="/example-form-action">
                <label class="uol-global-masthead__search-label" for="global-masthead__search-field">Search leeds.ac.uk</label>
                <input class="uol-global-masthead__search-input" id="global-masthead__search-field" name="search-query" type="search" placeholder="Search leeds.ac.uk">
                <button class="uol-global-masthead__search-submit" type="submit">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" aria-hidden="true" focusable="false">
                        <path d="M20.67,18.67H19.61l-.37-.36a8.66,8.66,0,1,0-.93.93l.36.37v1.06l6.66,6.65,2-2Zm-8,0a6,6,0,1,1,6-6A6,6,0,0,1,12.67,18.67Z"></path>
                    </svg>
                    <span class="hide-accessible">Search all leeds.ac.uk</span>
                </button>
            </form>

        </div>

        <div class="uol-header-local-masthead">
            <div class="uol-header-local-masthead__inner">

                <a class="uol-header-local-masthead__link uol-header-local-masthead__link--title" href="/">
                    Language exchange
                    <span class="hide-accessible"> home page</span>
                </a>
            </div>
        </div>

    </header>

    <nav class="uol-header-local-navigation-wrapper uol-content-container" aria-label="Site navigation">
        <ul class="uol-header-local-navigation">

            <li class="uol-header-local-navigation__item " data-label="Home">

                <a class="uol-header-local-navigation__link" href="/">

                    Home

                </a>

            </li>

            <li class="uol-header-local-navigation__item " data-label="My profile">

                <a class="uol-header-local-navigation__link" href="/my-profile" aria-current="page">

                    My profile

                </a>

            </li>

            <li class="uol-header-local-navigation__item " data-label="My matches">

                <a class="uol-header-local-navigation__link" href="/my-matches">

                    My matches

                </a>

            </li>

            <li class="uol-header-local-navigation__item " data-label="Meet-up tips">

                <a class="uol-header-local-navigation__link" href="/meet-up-tips">

                    Meet-up tips

                </a>

            </li>

            <li class="uol-header-local-navigation__item " data-label="Guidance">

                <a class="uol-header-local-navigation__link" href="/guidance-questions">

                    Guidance

                </a>

            </li>

        </ul>
    </nav>

</div>

<main id="main" tabindex="-1" class="uol-content-container">

    <div class="uol-col-container">
        <div class="uol-side-nav-container"></div>

        <div class="uol-page">
            <div class="uol-page__head">
                <header class="page-heading">

                    <h1 class="page-heading__title">
                        <span class="page-heading__title__main">My profile</span>

                    </h1>

                </header>

            </div>
            <div class="uol-page__content">

                <div class="uol-rich-text uol-rich-text--with-lead">
                    <p>Update your personal information for better partner recommendations. In order to complete this form, you will need to know your <a href="#">language competency</a>. If you have any problems please contact <a href="mailto:languagezone@leeds.ac.uk">languagezone@leeds.ac.uk</a></p>
                </div>

                <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 &lsquo;Other&rsquo; if you do not identify as male or female. Select &lsquo;Prefer not to say&rsquo; 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&apos;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&amp;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&apos;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&amp;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&apos;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&amp;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&apos;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&amp;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&apos;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>

            </div>

        </div>
    </div>

</main>
<footer class="uol-site-footer-outer">
    <div class="uol-site-footer uol-content-container">
        <div class="uol-site-footer__nav-container">
            <nav class="uol-site-footer__nav-outer" aria-labelledby="footer-nav-title">
                <h2 class="uol-site-footer__title" id="footer-nav-title">Footer navigation</h2>

                <div class="uol-site-footer__nav">
                    <nav class="nav-list-group" aria-label="Study and Courses">
                        <h3 class="nav-list-group__title">Study and Courses</h3>
                        <ul class="nav-list-group__list">

                            <li class="nav-list-group__item">
                                <a href="/footer-link-undergraduate" class="nav-list-group__link">Undergraduate</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-link-masters-courses" class="nav-list-group__link">Masters courses</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-link-very-long-title" class="nav-list-group__link">Research degrees with very long titles that wrap over two lines like this one its very very long</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-international" class="nav-list-group__link">International</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-course-search" class="nav-list-group__link">Course search</a>
                            </li>

                        </ul>
                    </nav>

                </div>

                <div class="uol-site-footer__nav">
                    <nav class="nav-list-group" aria-label="About us">
                        <h3 class="nav-list-group__title">About us</h3>
                        <ul class="nav-list-group__list">

                            <li class="nav-list-group__item">
                                <a href="/footer-campus-map" class="nav-list-group__link">Campus map</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-heritage" class="nav-list-group__link">Our heritage</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-faculties" class="nav-list-group__link">Faculties</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-governance" class="nav-list-group__link">Governance</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-values" class="nav-list-group__link">Values and responsibility</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-equality" class="nav-list-group__link">Equality</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-executive" class="nav-list-group__link">Executive team</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-news" class="nav-list-group__link">News</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-events" class="nav-list-group__link">Events</a>
                            </li>

                        </ul>
                    </nav>

                </div>

                <div class="uol-site-footer__nav">
                    <nav class="nav-list-group" aria-label="Quicklinks and contacts">
                        <h3 class="nav-list-group__title">Quicklinks and contacts</h3>
                        <ul class="nav-list-group__list">

                            <li class="nav-list-group__item">
                                <a href="/footer-jobs" class="nav-list-group__link">Jobs</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-term-dates" class="nav-list-group__link">Term dates</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-services-a-z" class="nav-list-group__link">Services A-Z</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-library" class="nav-list-group__link">Library</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-alumni" class="nav-list-group__link">Alumni</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-press" class="nav-list-group__link">Press</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-video-leeds" class="nav-list-group__link">VideoLeeds</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-staff-a-z" class="nav-list-group__link">Staff A-Z</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-contacts" class="nav-list-group__link">Contacts</a>
                            </li>

                            <li class="nav-list-group__item">
                                <a href="/footer-coronavirus" class="nav-list-group__link">Coronavirus</a>
                            </li>

                        </ul>
                    </nav>

                </div>

            </nav>
        </div>
        <div class="uol-site-footer__address-container ">

            <h2 class="uol-footer-contact__title">Contact information</h2>
            <address class="uol-footer-contact" vocab="https://schema.org/" typeof="Organization">
                <strong class="uol-footer-contact__name" property="name">University of Leeds</strong>

                <div class="uol-footer-contact__address" property="address" typeof="PostalAddress">

                    <div property="streetAddress">
                        <span class="uol-footer-contact__address__item">Woodhouse Lane</span>

                    </div>

                    <span class="uol-footer-contact__address__item" property="addressLocality">Leeds</span>
                    <span class="uol-footer-contact__address__item" property="addressRegion">West Yorkshire</span>
                    <span class="uol-footer-contact__address__item" property="postalCode">LS2 9JT</span>
                    <span class="uol-footer-contact__address__item" property="addressCountry">United Kingdom</span>
                </div>

                <dl class="uol-footer-contact__telephone-email-container">

                    <dt class="uol-footer-contact__telephone-email-label">Telephone</dt>
                    <dd class="uol-footer-contact__telephone-email-data">
                        <a class="uol-footer-contact__telephone" href="tel:+4401132431751" property="telephone">+44 0113 243 1751</a>
                    </dd>

                </dl>

            </address>

            <div class="uol-footer-social-media">

                <a class="uol-footer-social-media__item" href="https://youtube-nocookie.com/user/universityofleedsuk" aria-label="YouTube">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
                        <path fill="#000000" fill-rule="nonzero" d="M9.6 17.25V6.45l7.2 5.4m4.8-9.12c-.72-.24-5.16-.48-9.6-.48l-9.6.456C.528 3.33 0 7.53 0 11.85c0 4.308.528 8.52 2.4 9.132.72.24 5.16.468 9.6.468l9.6-.468c1.872-.612 2.4-4.824 2.4-9.132 0-4.32-.528-8.508-2.4-9.12z"></path>
                    </svg>

                </a>

                <a class="uol-footer-social-media__item" href="https://twitter.com/UniversityLeeds" aria-label="Twitter">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
                        <path fill="#000000" fill-rule="nonzero" d="M24 4.55c-.883.402-1.836.667-2.822.793a4.94 4.94 0 0 0 2.157-2.736c-.952.575-2.008.977-3.12 1.207-.906-.988-2.18-1.563-3.625-1.563-2.696 0-4.9 2.207-4.9 4.93 0 .39.046.77.126 1.126A13.98 13.98 0 0 1 1.675 3.158C1.25 3.882 1 4.733 1 5.63c0 1.713.86 3.23 2.19 4.092-.815 0-1.572-.23-2.237-.575v.034c0 2.39 1.698 4.39 3.946 4.84-.413.115-.85.172-1.296.172-.3 0-.62-.034-.918-.092.62 1.942 2.42 3.39 4.59 3.425C5.6 18.86 3.488 19.64 1.17 19.64A9.99 9.99 0 0 1 0 19.572C2.18 20.974 4.772 21.8 7.55 21.8c9.04 0 14.008-7.517 14.008-14.034 0-.218 0-.425-.01-.644.964-.7 1.8-1.563 2.455-2.563z"></path>
                    </svg>

                </a>

                <a class="uol-footer-social-media__item" href="https://instagram.com/universityofleeds/?hl=en" aria-label="Instagram">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
                        <path fill="#000000" fill-rule="nonzero" d="M6.96 0h10.08C20.88 0 24 3.12 24 6.96v10.08A6.96 6.96 0 0 1 17.04 24H6.96C3.12 24 0 20.88 0 17.04V6.96A6.96 6.96 0 0 1 6.96 0m-.24 2.4A4.32 4.32 0 0 0 2.4 6.72v10.56a4.32 4.32 0 0 0 4.32 4.32h10.56a4.32 4.32 0 0 0 4.32-4.32V6.72a4.32 4.32 0 0 0-4.32-4.32H6.72M18.3 4.2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 1 1 0-3M12 6a6 6 0 1 1 0 12 6 6 0 1 1 0-12m0 2.4a3.6 3.6 0 0 0 0 7.2 3.6 3.6 0 0 0 0-7.2z"></path>
                    </svg>

                </a>

                <a class="uol-footer-social-media__item" href="https://www.linkedin.com/school/7244" aria-label="LinkedIn">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
                        <path fill="#000000" fill-rule="nonzero" d="M24 24h-5.333v-9c0-1.413-1.587-2.587-3-2.587S13.333 13.587 13.333 15v9H8V8h5.333v2.667C14.213 9.24 16.48 8.32 18 8.32c3.333 0 6 2.72 6 6.013V24M5.333 24H0V8h5.333v16M2.667 0C4.14 0 5.333 1.194 5.333 2.667S4.14 5.333 2.667 5.333 0 4.14 0 2.667 1.194 0 2.667 0z"></path>
                    </svg>

                </a>

                <a class="uol-footer-social-media__item" href="https://www.facebook.com/universityofleeds/" aria-label="Facebook">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
                        <path fill="#000000" fill-rule="nonzero" d="M18 0h0v4.8h-2.4c-.828 0-1.2.972-1.2 1.8v3H18v4.8h-3.6V24H9.6v-9.6H6V9.6h3.6V4.8A4.8 4.8 0 0 1 14.4 0H18z"></path>
                    </svg>

                </a>

                <a class="uol-footer-social-media__item" href="https://medium.com/university-of-leeds" aria-label="Medium">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
                        <path fill="#000000" fill-rule="evenodd" d="M24 1.5h-6.687l-4.757 13.348L7.15 1.5H.005v.663l2.517 3.43-.034 13.245L0 22.623l.005.627h7.027l.018-.577-2.944-3.836.078-10.72 6.207 15.132h.75l5.513-15.5v12.6l-2.26 2.383v.508H24v-.61l-2.202-2.328-.03-16.02L24 2.167V1.5z"></path>
                    </svg>

                </a>

                <a class="uol-footer-social-media__item" href="https://www.weibo.com/leedsuniversityuk" aria-label="Weibo">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" focusable="false">
                        <path fill="#000000" fill-rule="nonzero" d="M10.9 20.894c-3.74.39-6.968-1.394-7.2-3.984s2.593-5.006 6.33-5.396 6.968 1.393 7.2 3.982-2.592 5.008-6.33 5.398m7.48-8.6c-.318-.1-.536-.17-.37-.6.36-.957.398-1.784.007-2.374-.733-1.105-2.74-1.046-5.04-.03 0-.001-.722.334-.537-.27.354-1.2.3-2.205-.25-2.786-1.247-1.318-4.566.05-7.41 3.05-2.13 2.25-3.368 4.633-3.368 6.694 0 3.942 4.79 6.338 9.477 6.338 6.143 0 10.23-3.766 10.23-6.756 0-1.807-1.442-2.832-2.738-3.256m4.08-7.213c-1.483-1.735-3.672-2.396-5.69-1.944h-.001c-.467.105-.765.59-.664 1.082s.56.807 1.026.702c1.437-.322 2.992.15 4.047 1.38s1.34 2.914.888 4.39v.001c-.147.48.102.994.557 1.15s.94-.107 1.09-.586c.633-2.08.233-4.44-1.25-6.175"></path>
                        <path d="M19.74 7.668c-.7-.766-1.738-1.057-2.693-.857a.71.71 0 0 0-.556.846c.084.383.468.63.858.546v.001a1.4 1.4 0 0 1 1.318.418c.343.374.435.886.288 1.333h.001a.71.71 0 0 0 .465.896c.38.12.788-.085.91-.46a2.75 2.75 0 0 0-.592-2.724m-8.817 8.113a.53.53 0 0 1-.628.228c-.217-.087-.284-.327-.162-.537s.397-.31.613-.227c.22.08.3.32.177.536m-1.158 1.463c-.35.552-1.104.794-1.67.54-.56-.25-.723-.892-.372-1.43S8.8 15.578 9.36 15.8c.57.24.752.876.406 1.433m1.32-3.905c-1.73-.443-3.684.405-4.434 1.904-.765 1.53-.026 3.226 1.72 3.782 1.8.574 3.942-.306 4.684-1.957.732-1.614-.18-3.275-1.97-3.73"></path>
                    </svg>

                </a>

            </div>

        </div>

        <div class="uol-site-footer__site-information-container">

            <nav class="footer-site-information" aria-label="Site information">
                <h2 class="hide-accessible">Site information</h2>
                <ul class="footer-site-information__list">
                    <li class="footer-site-information__item">&copy; 2024 University of Leeds</li>

                    <li class="footer-site-information__item"><a class="footer-site-information__link" href="/terms-and-conditions">Terms and conditions</a></li>

                    <li class="footer-site-information__item"><a class="footer-site-information__link" href="/accessibility">Accessibility</a></li>

                    <li class="footer-site-information__item"><a class="footer-site-information__link" href="/privacy">Privacy and cookies</a></li>

                    <li class="footer-site-information__item"><a class="footer-site-information__link" href="/freedom-of-information">Freedom of information</a></li>

                </ul>
            </nav>

        </div>

        <div class="uol-site-footer__logo-outer">
            <a href="https://leeds.ac.uk" class="uol-site-footer__logo" aria-label="University of Leeds">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.46 80.79" fill="#000000" focusable="false" aria-hidden="true">
                    <path fill-rule="evenodd" d="M268.9 17.85h.7v-.65h-1.12v1.93h.43zm-2.05 0h.67v-.65h-1.12v1.93h.45zM230.44 0v51.7h27.1V36.15h4.62V51.7h.64v-17h8.42v17h.57V36.15h4.63V51.7h6.2V0zm36.53 8.75l4.63 2.8h-9.24zm-4.65 3.33h9.3l.5 3.4h-10.24zM275.4 35.6h-3.62v-1.47h-9.63v1.47h-3.6v-3.25h.65V21.62h1v-5.57h13.54v5.57h1v10.74h.62zm-6.17-3.25h.76v-7.12h1.7v-1.28h-2.5zm-7.8-9.6h11.12l.54-.7h-12.13zm4.3 9.6h.77v-7.12h1.7v-1.28h-2.48zm-.93-14.5h.68v-.65h-1.12v1.93h.44zm-2.57 14.5h.77v-7.12h1.68v-1.28h-2.5zM267 36.9a2.35 2.35 0 1 0 1.662.688A2.35 2.35 0 0 0 267 36.91zm0 4.18a1.84 1.84 0 1 1 1.83-1.83 1.82 1.82 0 0 1-1.83 1.83zM16.4 73.1V61.5h-3.94v11.86a4.08 4.08 0 0 1-1 2.93 4.19 4.19 0 0 1-3.31 1.2 4.14 4.14 0 0 1-3.18-1.2 4.45 4.45 0 0 1-1.08-3.11V61.5H-.04v12a7.24 7.24 0 0 0 1.87 5.33c1.37 1.33 3.44 2 6.24 2s4.94-.78 6.36-2.2a7.62 7.62 0 0 0 1.92-5.51z"></path>
                    <path d="M39.17 80.5v-19h-3.93v9.7l.06 2.95h-.06l-1.8-2.5-8-10.15h-4v19h3.94V70.1l-.07-2.64h.07l1.8 2.5 8.26 10.56z"></path>
                    <path d="M48.47 80.5v-19H44.5v19h3.97zm21.13-19h-4l-4.3 10.22-1.27 3.4H60l-1.3-3.52-3.87-10.1H50.5l7.8 19.15h2.94l8.4-19.15zm13.3 19v-3.24h-7.06V72.4h6.06v-3.26h-6.06v-4.43h6.04l1.04-3.23H71.88v19h11z"></path>
                    <path fill-rule="evenodd" d="M101.88 80.5c-2.86-4.85-4.7-8.06-5.67-8.6h0a5.4 5.4 0 0 0 3.46-4.91c0-2.94-1.83-5.45-6.9-5.45H87.2v19h4v-7.38h1.4c.7.27 1.84 2.4 4.73 7.35zm-6.13-13.15a2.83 2.83 0 0 1-2.91 2.89h-1.67v-5.47h1.67c1.87 0 2.9 1.12 2.9 2.58z"></path>
                    <path d="M115.72 75.15c0-6-8.18-5.67-8.18-9 0-1.1 1.1-1.73 2.5-1.73a9.33 9.33 0 0 1 4.54 1.39l.06-3.42a9.84 9.84 0 0 0-4.79-1.15c-4.2 0-6.47 2.53-6.47 5.43a5 5 0 0 0 1.2 3.38c2.33 2.63 6.94 3.06 6.94 5.58 0 1.44-1.54 1.95-2.95 1.95a7.9 7.9 0 0 1-4.36-1.47l-1.53 2.86a10.71 10.71 0 0 0 6.06 1.79c3.9 0 7-2.16 7-5.64zm7.16 5.35v-19h-3.95v19h3.95zm18.34-19h-15.56v3.23h5.57V80.5h4V64.73h5.1l.9-3.23zm17.38 0h-4.13l-2.9 5.36-1.37 2.68h-.05l-1.4-2.73-2.9-5.3h-4.36L148.1 73v7.53h3.95v-7.47l6.58-11.54z"></path>
                    <path d="M185.96 70.97a9.15 9.15 0 0 0-9.83-9.7 9.64 9.64 0 0 0-7.07 2.83 10 10 0 0 0-2.75 7.11 9.53 9.53 0 0 0 3 7.27 10.78 10.78 0 0 0 13.95-.52 9.78 9.78 0 0 0 2.66-7zm-4.2.1c0 4.17-2.4 6.55-5.64 6.55s-5.7-2.38-5.7-6.55 2.4-6.55 5.7-6.55 5.64 2.45 5.64 6.55z"></path>
                    <path fill-rule="evenodd" d="M200.68 61.5h-11.06v19h3.97v-8.03h6v-3.24h-6v-4.5h6.08l1-3.23zm20.22 19v-3.26h-6.68v-15.7h-3.92V80.5h10.6zm13.57 0v-3.23h-7.03v-4.84h6.04v-3.25h-6.04v-4.42h6l1.05-3.2h-11V80.5h10.98zm14.4 0v-3.23h-7.03v-4.84h6.05v-3.25h-6.05v-4.42h6.02l1.02-3.2h-11V80.5h10.98z"></path>
                    <path fill-rule="evenodd" d="M269.17 70.85c0-5.66-3.8-9.3-10.57-9.3h-6.3V80.5h6c6.58 0 10.92-3.8 10.92-9.64zm-4.23.1c0 3.32-1.84 6.27-6.53 6.27h-2.17V64.8h2.1c4.35 0 6.6 2.42 6.6 6.15z"></path>
                    <path d="M283.47 75.16c0-6-8.16-5.68-8.16-8.95 0-1.1 1.1-1.74 2.5-1.74a9.41 9.41 0 0 1 4.52 1.38v-3.4a9.75 9.75 0 0 0-4.79-1.15c-4.17 0-6.45 2.54-6.45 5.4a5 5 0 0 0 1.22 3.38c2.3 2.62 6.9 3 6.9 5.56 0 1.44-1.56 1.95-2.94 1.95a7.76 7.76 0 0 1-4.34-1.47l-1.53 2.85a10.65 10.65 0 0 0 6.05 1.79c3.9 0 6.95-2.16 6.95-5.6z"></path>
                </svg>

            </a>
        </div>
    </div>
</footer>
{
  "header": {
    "local_masthead": {
      "site_name": "Language exchange",
      "site_url": "/"
    },
    "local_navigation": [
      {
        "title": "Home",
        "url": "/"
      },
      {
        "title": "My profile",
        "url": "/my-profile",
        "current": true
      },
      {
        "title": "My matches",
        "url": "/my-matches"
      },
      {
        "title": "Meet-up tips",
        "url": "/meet-up-tips"
      },
      {
        "title": "Guidance",
        "url": "/guidance-questions"
      }
    ]
  },
  "page_heading": {
    "title": "My profile"
  },
  "page_content_style_lead": true,
  "page_content": "<p>Update your personal information for better partner recommendations. In order to complete this form, you will need to know your <a href=\"#\">language competency</a>. If you have any problems please contact <a href=\"mailto:languagezone@leeds.ac.uk\">languagezone@leeds.ac.uk</a></p>",
  "form": {
    "action": "/example-form-action",
    "button": {
      "style": "primary",
      "type": "submit",
      "content": "Submit"
    },
    "fields": [
      {
        "type": "text",
        "label": "Name",
        "name": "profile-name",
        "id": "profile-name",
        "required": true,
        "autocomplete": "name"
      },
      {
        "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"
      },
      {
        "type": "radio",
        "heading_level": "h3",
        "legend": "My gender",
        "hint": "Select &lsquo;Other&rsquo; if you do not identify as male or female. Select &lsquo;Prefer not to say&rsquo; 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"
          }
        ]
      },
      {
        "type": "select",
        "heading_level": "h3",
        "label": "My native country",
        "required": true,
        "group_label_id": "nativeCountry",
        "options": [
          {
            "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"
          }
        ]
      },
      {
        "type": "select",
        "heading_level": "h3",
        "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": [
          {
            "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"
          }
        ]
      },
      {
        "type": "text",
        "label": "Text input medium",
        "name": "tInputMd",
        "id": "tInputMdId",
        "required": true,
        "input_width": "medium"
      },
      {
        "type": "text",
        "label": "Text input small",
        "name": "tInputSm",
        "id": "tInputSmId",
        "required": true,
        "input_width": "small"
      },
      {
        "type": "text",
        "label": "Text input x-small",
        "name": "tInputXs",
        "id": "tInputXsId",
        "required": true,
        "input_width": "x-small"
      },
      {
        "type": "tel",
        "id": "telId",
        "name": "telName",
        "label": "Telephone input",
        "hint": "Telephone input hint",
        "required": true,
        "pattern": "[0-9]*",
        "input_width": "small",
        "autocomplete": "tel"
      },
      {
        "type": "url",
        "id": "urlId",
        "name": "urlName",
        "inputmode": "url",
        "label": "URL input",
        "hint": "For example, https://www.example.com",
        "required": true,
        "input_width": "medium",
        "autocomplete": "url"
      },
      {
        "type": "email",
        "id": "emailId",
        "name": "emailName",
        "label": "Email address",
        "inputmode": "email",
        "hint": "Email hint",
        "required": true,
        "input_width": "medium",
        "autocomplete": "email"
      },
      {
        "type": "time",
        "id": "timeId",
        "name": "timeName",
        "label": "Select a time",
        "hint": "Time hint",
        "invalid": false,
        "required": true,
        "input_width": "medium"
      },
      {
        "type": "inputs-inline",
        "required": true,
        "legend": "Inputs inline",
        "heading_level": "h3",
        "group_label_id": "dobLabelID",
        "hint": "For example, 28 04 2022",
        "input_width": "x-small",
        "options": [
          {
            "id": "dobDay",
            "name": "dayName",
            "inputmode": "numeric",
            "label": "Day",
            "minValue": 1,
            "maxValue": 31,
            "maxlength": 2,
            "pattern": "[0-9]{2}",
            "autocomplete": "bday-day",
            "required": true
          },
          {
            "id": "dobMonth",
            "name": "monthName",
            "inputmode": "numeric",
            "label": "Month",
            "minValue": 1,
            "maxValue": 12,
            "maxlength": 2,
            "pattern": "[0-9]{2}",
            "autocomplete": "bday-month",
            "required": true
          },
          {
            "id": "dobYear",
            "name": "yearName",
            "inputmode": "numeric",
            "label": "Year",
            "minValue": "1900",
            "maxValue": 2021,
            "maxlength": 4,
            "pattern": "[0-9]{4}",
            "autocomplete": "bday-year",
            "required": true
          }
        ]
      },
      {
        "type": "datepicker",
        "id": "datepickerId1",
        "start_name": "nameForSingle",
        "isDateRange": false,
        "unavailable_dates": null,
        "value": ""
      },
      {
        "type": "datepicker",
        "id": "datepickerId2",
        "start_value": "",
        "end_value": "",
        "start_name": "nameForStart",
        "end_name": "nameForEnd",
        "isDateRange": true,
        "unavailable_dates": null
      },
      {
        "type": "password",
        "id": "pWordId",
        "name": "pWord",
        "label": "Password input",
        "pattern": "^(?=.*?[A-Z]).{8,}$",
        "requirements": [
          {
            "item": "Must be at least 8 characters"
          },
          {
            "item": "Must contain at least 1 uppercase letter"
          }
        ],
        "required": true,
        "input_width": "medium",
        "autocomplete": "new-password"
      },
      {
        "type": "checkbox",
        "heading_level": "h3",
        "legend": "Checkboxes",
        "num_required": 2,
        "hint": "Select all that apply",
        "group_label_id": "cBoxes1",
        "options": [
          {
            "id": "cboxOne",
            "name": "cboxName",
            "value": "cboxVal1",
            "label": "Option 1"
          },
          {
            "id": "cboxTwo",
            "name": "cboxName",
            "value": "cboxVal2",
            "label": "Option 2"
          },
          {
            "id": "cboxThree",
            "name": "cboxName",
            "value": "cboxVal3",
            "label": "Option 3 displaying example with a really really really long title"
          },
          {
            "id": "cboxFour",
            "name": "cboxName",
            "value": "cboxVal4",
            "label": "Option 4"
          },
          {
            "id": "cboxFive",
            "name": "cboxName",
            "value": "cboxVal5",
            "label": "Option 5"
          },
          {
            "id": "cboxSix",
            "name": "cboxName",
            "value": "cboxVal6",
            "label": "Option 6"
          }
        ]
      },
      {
        "type": "textarea",
        "id": "tAreaLg",
        "name": "tarea3",
        "label": "Event description",
        "hint": "Write a short summary about your event",
        "required": true,
        "maxlength": 300
      },
      {
        "type": "textarea",
        "id": "tAreaMd",
        "name": "tArea2",
        "label": "Event description - medium",
        "hint": "Write a short summary about your event",
        "required": true,
        "char_count": true,
        "maxlength": 200
      },
      {
        "type": "textarea",
        "id": "tAreaSm",
        "name": "tArea1",
        "label": "Event description - small",
        "hint": "Write a short summary about your event",
        "required": true,
        "char_count": true,
        "maxlength": 100
      },
      {
        "type": "fieldset",
        "fieldset": {
          "title": "Fieldset",
          "sub_title": "Fieldset legend",
          "fields": [
            {
              "type": "text",
              "id": "textgroupedId1",
              "name": "textgrouped1",
              "label": "Text input grouped",
              "input_width": "small"
            },
            {
              "type": "text",
              "id": "textgroupedId2",
              "name": "textgrouped2",
              "hint": "Some hint",
              "label": "Text input grouped",
              "input_width": "small"
            }
          ]
        }
      },
      {
        "name": "file_upload",
        "type": "file",
        "label": "Upload files",
        "hint": "Hint text re file size/type",
        "id": "file_upload",
        "accept": "image/png, image/jpeg",
        "multiple": true
      },
      {
        "type": "checkbox",
        "checkbox_link": {
          "text": "Terms and conditions",
          "url": "/"
        },
        "heading_level": "h3",
        "legend": "Checkboxes",
        "hint": "Select all that apply",
        "group_label_id": "cBoxes1",
        "options": [
          {
            "id": "cboxConfirm",
            "name": "cboxConfirmName",
            "value": "cboxConfirmVal",
            "label": "I agree to the terms and conditions",
            "required": true
          }
        ]
      }
    ]
  }
}