<style>
  .cor-containerWithDivider > * + * {
  border-top: solid 1px var(--oc-gray-3);
}
</style>

<div class="cor-container bg-white">

  
  {% render "@cover--grid-2", {title: title, subtitle: subtitle, poster: poster, description: description, cta: cta}, true %}


  <ul class="cor-jobs__wordcloud padding list-style-none margin-y--xl">
    <li>#ShapingEuropeTogether</li>
    <li>Ambitious challenges</li>
    <li>Unique Diversity</li>
    <li>Talent management</li>
    <li>Work life balance </li>
  </ul>

  <!-- Initiatives -->
  <section class="cor-box cor-stack ">
    <h2>Our current job opportunities?</h2>
    <div><p class="txt-xl">Are YOU the talent we are looking for? Read our current vacancy notices and apply to the position that best suits your profile. </p></div>
    
    <div>
      <div class="cor-jobs__campaign cor-jobs__campaign--withimage">
        <img src="/assets/images/jobs/jobs-campaign-end.png" alt="" class="cor-card__image cor-image">

        <div>
          <h3 class="cor-h4">Let's shape the future of Europe together!</h3>
          <p>Are you interested in a secondment as a <strong>national expert (SNE)</strong> to discover the work of the CoR from the inside and to enhance cross-cooperation between local and regional authorities and the CoR</p>

          <a href="/en/about/jobs/Pages/call-of-interest-national-experts.aspx" class="cor-card__cta icon icon-after cor-cover__cta" style="--icon:var(--icon-chevron-right)">
          Learn more
          </a>
        </div>
      </div>
    </div>

    <div>
      <h3>Current opportunities</h3>
      <ul class="cor-jobs-opportunities list-style-none cor-grid">
      {% if latestopportunities %}
        {% for item in latestopportunities %}
          <li>
            <a class="padding" href="/components/preview/vacancy">
              <span>{{ item.grade }}</span>
              <h3 class="cor-h5 margin-0">{{ item.jobtitle }}</h3>
              
              <span>Directorate B, Legislative Work 1</span>

              <div>
                <strong>Deadline:</strong>
                <time class="cor-card__date" datetime="2015-05-16 19:00">{{ item.date }}</time>
              </div>
            </a>
          </li>
        {% endfor %}

        </ul>
      </div>
      

    {% else %}
    <p>There are no vacancies available at the moment. However, the world of European careers is constantly changing. To keep up to date with the latest opportunities, check the EU Careers website. And if you want to stay ahead of the competition, let's practice with EPSO sample tests! </p>
    {% endif %}
  </ul>
  </section>
  <!-- /Initiatives -->
<!--
  <nav class="cor-switcher cor-switcher--4 margin-top-xl cor-jobs__nav padding">
    <div href="www.google.be" class="  cor-stack">
      <strong class="cor-h6 margin-bottom">Diversity</strong>
      <p>Experiencing diversity is the best way to drive creativity and success. For us "United in Diversity" it's not just a hashtag, it's a long-term objective.</p>
      <div>
        <a href="#diversity" class="">Learn more <svg  width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
          <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
        </svg></a>
      </div>
    </div>
    <div href="www.google.be" class="   cor-stack">
      <strong class="cor-h6 margin-bottom">Work life/Balance</strong>
      <p>If you believe that reconciling family and work life is what makes a job right, then we already have something in common.</p>
      <div>
        <a href="#worklife" class="">Learn more <svg  width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
          <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
        </svg></a>  
      </div>
    </div>
    <div href="www.google.be" class="   cor-stack">
      <strong class="cor-h6 margin-bottom">Procedure</strong>
      <p>Discover all the opportunities to become part of the CoR community. We offer different kind of posts, but they all will allow you to make an impact on EU policies.</p>
      <div>
        <a href="#procedure" class="">Learn more <svg  width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
          <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
        </svg></a>
        
      </div>
    </div>
    <div href="www.google.be" class=" cor-stack">
      <strong class="cor-h6 margin-bottom">Traineeships</strong>
      <p>The CoR is a relatively young institution and, as such, recognizes the importance of giving voice to the ideas of newcomers and younger generations. Involving young people in the EU decision-making process is precisely the aim of the CoR traineeship programme.</p>
      <div>
        <a href="/components/preview/traineeships" class="">Learn more <svg  width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
          <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
        </svg></a>
      </div>
    </div>
  </nav>
-->

  

  <div class=" cor-content">

    

    <main class="cor-containerWithDivider cor-containerWithDivider--space-l padding-m">

      <section class="cor-grid">
        <div>
          <h2>Empowering local and regional</h2>
          <p class="txt-xl">The European Committee of the Regions is the voice of regions and cities in the European Union. No village, town, or city is too far for us to bring it closer to the pulse of EU politics. </p>
          <p class="txt-xl">By empowering local and regional elected politicians to shape the EU legislation, we pursue our mission to create a Union closer to its citizens and built on their needs.</p>
          <p class="txt-xl">By joining the CoR, you will contribute to make Europe a great place to live.</p>
        </div>
        <div class="cor-grid margin-bottom">
          <img observe alt src="https://images.unsplash.com/photo-1485081669829-bacb8c7bb1f3?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80">
          <img observe alt src="https://images.unsplash.com/photo-1519677100203-a0e668c92439?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80">
          <img observe alt src="https://images.unsplash.com/photo-1501952476817-d7ae22e8ee4e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1049&q=80">
        </div>
      </section>



      <section class="cor-stack overflow-hidden">
        <h2>Meet the people of the CoR</h2>

        <p  class="txt-xl">The CoR staff works tirelessly for the voice of European regions and cities. But what better occasion to listen to your future colleagues to know how a day within the CoR looks like? </p>

        {% render "@carousel--testimonials", {testimonials: testimonials }   %}
        
      </section>

      <section class="cor-stack">
        <h2>Multicultural, dynamic and diverse, community</h2>

        <p class="txt-xl">Throughout your professional path, you can always count on the support of a small but multicultural, dynamic and diverse, community of experts. Thanks to a crosscutting approach to objectives, you will have the chance to share knowledge with colleagues whose rich backgrounds reflect all the diversity and the vast potential of the EU.  </p>

        <p class="txt-xl">As an employer, the CoR does not discriminate on any grounds such as sex, race, colour, ethnic or social origin, genetic features, language, religion or belief, political or any other opinion, membership of a national minority, property, birth, disability, age or sexual orientation. You will be given an equal opportunity to demonstrate your abilities during the selection procedures.</p>
        
      </section>

      <section class="cor-stack">
        <h2>Advantageous working conditions </h2>
        <p  class="txt-xl">At the CoR we balance the need for efficient use of our resources against modern human resources policies that enable our staff to reconcile professional and personal life.</p>
        <p  class="txt-xl">We offer high-quality working conditions to ensure a sound and healthy working environment.
</p>
        <ul class="cor-grid list-style-none margin-top-xl" style="--threshold: 300px">
          <li>
            <svg class="block mx-auto margin-bottom color-oc--gray-7"  width="32" height="32" fill="currentColor" class="bi bi-brightness-high" viewBox="0 0 16 16">
              <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
            </svg>
            <h4>Integrated Talent Management Strategy</h4>
            <p>We do not offer 'a job for life' but a 'lifetime of different jobs'. Through our Integrated Talent Management Strategy, we give you the opportunity to learn and grow.</p>
            <a href="/en/about/jobs/Pages/working-environment" class="txt-xl icon icon-after cor-cover__cta" style="--icon:var(--icon-chevron-right)">Learn more</a>
          </li>
          <li>
            <svg class="block mx-auto margin-bottom color-oc--gray-7"  width="32" height="32" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
              <path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z"/>
              <path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z"/>
            </svg>
            <h4>Flexible working arrangements & Leave and holidays</h4>
            <p>Flexible working hours, part-time work and teleworking</p>
            <p>24 vacation (annual leave) days plus public holidays. Subject to conditions, there are also additional days for travel towards the place of origin.</p>
            <a href="/en/about/jobs/Pages/working-environment" class="txt-xl icon icon-after cor-cover__cta" style="--icon:var(--icon-chevron-right)">Learn more</a>
          </li>
          <li>
            <svg class="block mx-auto margin-bottom color-oc--gray-7" width="32" height="32" version="1.1" id="Calque_1"  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                viewBox="0 0 16 16"  xml:space="preserve">
              <path d="M13.9,14.5c0,0,1,0,1-1s-1-4-4.8-4s-4.8,3-4.8,4s1,1,1,1H13.9z M6.2,13.5C6.2,13.5,6.2,13.5,6.2,13.5c0-0.3,0.1-1,0.7-1.7
                c0.5-0.6,1.5-1.3,3.1-1.3c1.7,0,2.6,0.6,3.1,1.3c0.6,0.7,0.7,1.5,0.7,1.7l0,0c0,0,0,0,0,0H6.2z M10.1,7.5c1.1,0,1.9-0.9,1.9-2
                s-0.9-2-1.9-2s-1.9,0.9-1.9,2S9,7.5,10.1,7.5z M13,5.5c0,1.7-1.3,3-2.9,3s-2.9-1.3-2.9-3s1.3-3,2.9-3S13,3.8,13,5.5z"/>
              <path d="M6.5,10.7c-0.3-0.1-0.6-0.2-0.9-0.2c-0.2,0-0.4,0-0.5,0c-3.1,0-3.9,2.4-3.9,3.2c0,0.5,0.3,0.8,0.8,0.8h3.3
                C5,14.2,5,13.9,5,13.7c0-0.8,0.3-1.6,0.8-2.3C6,11.1,6.2,10.9,6.5,10.7z"/>
              <path d="M4.9,11.3c-0.5,0.7-0.7,1.5-0.7,2.4H1.9c0-0.2,0.1-0.8,0.6-1.4C2.9,11.8,3.6,11.3,4.9,11.3L4.9,11.3z"/>
              <path d="M6.9,7.7c0,1.3-1,2.4-2.3,2.4S2.3,9,2.3,7.7s1-2.4,2.3-2.4S6.9,6.3,6.9,7.7"/>
              <ellipse cx="4.6" cy="7.7" rx="1.5" ry="1.6"/>
              </svg>
            <h4>Support with childcare</h4>
            <p>In order to foster well-being among staff, the Social actions service provides a series of services to staff and their families (childcare facilities – crèches, European schools, after school childcare, holiday childcare, etc.)</p>
            <a href="/en/about/jobs/Pages/working-environment" class="txt-xl icon icon-after cor-cover__cta" style="--icon:var(--icon-chevron-right)">Learn more</a>
          </li>
          <li>
            <svg class="block mx-auto margin-bottom color-oc--gray-7"  width="32" height="32" fill="currentColor" class="bi bi-person-plus" viewBox="0 0 16 16">
              <path d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H1s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/>
              <path fill-rule="evenodd" d="M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z"/>
            </svg>
            <h4>Service to families</h4>
            <p>Welcome office, Social service, language courses for partners, etc.</p>
            <a href="/en/about/jobs/Pages/working-environment" class="txt-xl icon icon-after cor-cover__cta" style="--icon:var(--icon-chevron-right)">Learn more</a>
          </li>
          <li>
            <svg class="block mx-auto margin-bottom color-oc--gray-7"  width="32" height="32" fill="currentColor" class="bi bi-heart-fill" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"/>
            </svg>
            <h4>Health and wellbeing policy</h4>
            <p>Medical service, Safety and Health at Work Programme, nutrition, ergonomic office design, etc.</p>
            <a href="/en/about/jobs/Pages/working-environment" class="txt-xl icon icon-after cor-cover__cta" style="--icon:var(--icon-chevron-right)">Learn more</a>
          </li>
          <li>
            <svg class="block mx-auto margin-bottom color-oc--gray-7"  width="32" height="32" fill="currentColor" class="bi bi-share" viewBox="0 0 16 16">
              <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/>
            </svg>
            <h4>Social and cultural events</h4>
            <p>We like to socialise! You get many opportunities to network. We also have other social events – Staff’s parties and events where you and your family are always welcome, cultural events, exhibitions, conferences on interesting topics, etc.</p>
            <a href="/en/about/jobs/Pages/working-environment" class="txt-xl icon icon-after cor-cover__cta" style="--icon:var(--icon-chevron-right)">Learn more</a>
          </li>
        </ul>
        
        
      </section>



      <section>
        <h2>A career at the CoR</h2>
        <p  class="txt-xl">Our staff are mainly officials recruited via the reserve lists from general competitions organised by the European Personnel Selection Office. In certain circumstances, however, the European Committee of the Regions may also engage temporary or contract staff.</p>
        <p  class="txt-xl">Our working and contractual conditions are based on the Staff Regulations (SR) and the Conditions of Employment of other Servants of the European Communities (CEOS).</p>
      </section>

      <section class="cor-grid">
        <div class="cor-stack">
          <h2>Procedure</h2>
          <p class="txt-xl">The application process for a position at the CoR depends on the contract type. However, in order to be recruited as an official by an EU institution, you have to follow a competition procedure that might include several oral and written tests.</p>
          <a href="/components/preview/procedure" class="txt-xl icon icon-after cor-cover__cta" style="--icon:var(--icon-chevron-right)">Learn more</a>
        </div>
        <ul class="cor-stack cor-containerWithDivider--dotted list-none margin-top padding-left cor-list--arrows">
          <li class="padding-y--3xs">
            <a href="/en/about/jobs/Pages/procedure.aspx#permanent" class="txt-xl strong">Permanent staff</a>
            
          </li>
          <li class="padding-y--3xs">
            <a href="/en/about/jobs/Pages/procedure.aspx#temp" class="txt-xl strong">Temporary staff</a>
            
          </li>
          <li class="padding-y--3xs">
            <a href="/en/about/jobs/Pages/procedure.aspx#contract" class="txt-xl strong">Contract staff</a>
            
          </li>
          <li class="padding-y--3xs">
            <a href="/en/about/jobs/Pages/procedure.aspx#nationex" class="txt-xl strong">National experts</a>
            
          </li>
          <li class="padding-y--3xs">
            <a href="/en/about/jobs/Pages/procedure.aspx#interim" class="txt-xl strong">Interim staff</a>
            
          </li>
          <li class="padding-y--3xs">
            <a href="/en/about/jobs/Pages/traineeships.aspx#" class="txt-xl strong">Trainees</a>
            
          </li>
        </ul>
      </section>

      <section class="cor-stack">
        
        <h2 class="text-center">Quick links</h2>

        <ul class="cor-stack margin-bottom-0 padding-left list-style-none">
          <li>
            <a href="https://europa.eu/epso/application/passport/login.cfm?langsub=ok&lang=en" class="txt-xl border padding block rounded-full padding-left-xl flex">Begin process on EPSO
            <svg  width="32" height="32" fill="currentColor" class="margin-left-auto margin-right bi bi-box-arrow-up-right" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/>
              <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/>
            </svg>
          </a>
          </li>
          <!--
          <li>
            <a class="txt-xl border padding block rounded-full padding-left-xl flex" href="test.be">
              <span>Read our <strong>privacy statements</strong></span>
              <svg  width="32" height="32" fill="currentColor" class="margin-left-auto margin-right bi bi-chevron-right" viewBox="0 0 16 16">
                <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
                <path d="M4.603 14.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.697 19.697 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.712 5.712 0 0 1-.911-.95 11.651 11.651 0 0 0-1.997.406 11.307 11.307 0 0 1-1.02 1.51c-.292.35-.609.656-.927.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.266.266 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.71 12.71 0 0 1 1.01-.193 11.744 11.744 0 0 1-.51-.858 20.801 20.801 0 0 1-.5 1.05zm2.446.45c.15.163.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.876 3.876 0 0 0-.612-.053zM8.078 7.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z"/>
              </svg>
            </a>
          </li>
          -->
        </ul>

      </section>

      <section>
        <h2 class="cor-toc-section text-center" id="contact">Contact</h2>
        <ul class="">
          <li>For officials and SNEs: <a href="mailto:recruitment-official@cor.europa.eu">recruitment-official@cor.europa.eu</a></li>
          <li>For non-permanent staff: <a href="mailto:recruitment@cor.europa.eu">recruitment@cor.europa.eu</a></li>
          <li>For trainees:  <a href="mailto:trainee@cor.europa.eu">trainee@cor.europa.eu</a></li>
        </ul>
      </section>

      <section class="text-center">
        <a href="test.be" class="txt-step-3">#EUcareers</a> 
        <a href="test.be" class="txt-step-3 margin-left">#ShapingEuropeTogether</a>
      </section>

      
    
    </main>

    <section class="bg-europe text-white padding-y padding-x-xl grid justify-items-center">
        <a href="www.epso.europa.eu"><img alt="EPSO flag" src="/assets/images/jobs/epsoflag.png" /></a>
        <h2 class="text-white margin-top">Do you have the ambition to #ShapingEurope </h2>
        <p class="txt-xl">Visit the EU Careers website where you can search the database of available job opportunities for permanent and temporary positions, including contract agent posts, traineeships and secondments in EU Institutions and Agencies.​​</p>
        <a href="www.epso.europa.eu" class="rounded-full border padding-x-xl padding-y text-white">Begin process on EPSO</a>
      </section>

  </div>


</div>

{% if prod %}

{% else %}
<script src="/components/pages/jobs/jobs.js" type="module"></script>
{% endif %}
