<div class="bg-white cor-container cor-page--member">
  
  <!--
  <cor-cover class="cor-cover--topbar" style="--color:{{ color }}">
  
    <hgroup>
      <div>
      
        <h1>{% if title %} {{ title }} {% endif %}</h1>
      
        {% if subtitle %}
          <h2>{{ subtitle }}</h2>
        {% endif %}

      </div>
      
    </hgroup>

    
  </cor-cover>
  -->

  <cor-cover class="cor-cover--topbar">
    
    <hgroup>
      <h1 class="flex"><img class="margin-right" src="https://lipis.github.io/flag-icon-css/flags/4x3/be.svg" style="width: 50px" alt=""/> Władysław ORTYL </h1>
      
      
        <h2>President of the Podkarpackie Region</h2>
      
    </hgroup>

    <div class="cor-stack">
      <img src="https://cor.europa.eu/Members_Portraits/2032249.jpeg" alt="Alt text">
      <br/>
      <img style="width: 250px" src="https://cor.europa.eu/Style%20Library/Cor/style/img/Homepage/pg-ecr.png" alt="Alt text"><br/>
    </div>
    
    <div>
      <dl class="cor-stack">
          <dt>Political group</dt>
          <dd>ECR (European Conservatives and Reformists Group)</dd>

          <dt>Commissions</dt>
          <dd>
            <ul class="margin margin-bottom-0">
              <li>COTER (Commission for Territorial Cohesion Policy)</li>
              <li>ENVE (Commission for Environment, Climate change and Energy)</li>
            </ul>
          </dd>

          <dt>Languages</dt>
          <dd>Polish</dd>

          <dt>Represented Country</dt>
          <dd>Poland</dd>

          <dt>Member of the European Committee of the Regions since</dt>
          <dd>08.11.2016</dd>
        </dl>

        <h2 id="contact">Contact</h2>
        <ul class>
          <li>
            <a href="tel:+33500000000" class="txt-xl icon icon-before" style="--icon:var(--icon-phone)">+48 17 8501780</a>
          </li>
          <li>
            <a href="mailto:j.rog@podkarpackie.pl" class="txt-xl icon icon-before" style="--icon:var(--icon-envelope)">j.rog@podkarpackie.pl</a>
          </li>
        </ul>

        <h2  id="socialmedia">Social media</h2>
        <ul class>
          <li>
            <a href="tel:+33500000000" class="txt-xl icon icon-before" style="--icon:var(--icon-facebook)">Facebook</a>
          </li>
        </ul>
    </div>
  </cor-cover>

  <div role="separator"></div>

  <div class="cor-with-sidenav  cor-content ">

        {% render "@toc--dynamic" , {nav: contentnav}, true %}


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

      <section class="padding-top-0">
        <h2 id="title">Title for this section</h2>
          <h3>President</h3>
          <ul class="m">
            <li>Carpathians IG</li>
            <li>ECR Group</li>
          </ul>

          <h3>Rapporteur</h3>
          <ul  class="m">
            <li>7th Mandate - Commission COTER</li>
          </ul>

          <h3>Member</h3>
          <ul class="m">
            <li>7th Mandate - Commission COTER</li>
            <li>7th Mandate - Commission ENVE</li>
            ⁪<li>Conference of Presidents</li>
            <li>CoR Delegation to the CoFoE</li>
            <li>Enlargement Day</li>
            <li>JCC Serbia</li>
            <li>Polish delegation</li>
            <li>WG Ukraine</li>
          </ul>
      </section>

      <section class="cor-stack">
        <h2 id="opinions">Opinions</h2>
        
        <section>
          <h3>Adopted Opinions 3</h3>

          <div class="cor-containerWithDivider--dotted cor-stack--2xs">111
          {% for opinion in opinions %}test
            {% render "@card" , {date: opinion.date,  titleLevel: "h4", title: opinion.title, image: opinion.image, cardExtraClass: "padding-y--3xs" } %}
          {% endfor %}
          </div>
        </section>
      </section>

        <section>
          <h2 id="news">Latest news</h3>

          <div class="cor-l-2andlist">
          {% for newsitem in news %}

            {% set cardExtraClass = "" %}
            {% if loop.index < 3 %}
              {% set cardExtraClass = "bg padding" %}
            {% endif %}
            {% render "@card" , {promo: newsitem.promo, date: newsitem.date, titleLevel: "h4", title: newsitem.title, image: newsitem.image, cardExtraClass: cardExtraClass } %}
          {% endfor %}
          </div>
        </section>

        <section>
          <h2 id="videos">Videos</h2>
          {% render "@videoplayer--withplaylist" %}
        </section>

        <section>
          <h2 id="photos">Photos</h2>
          {% render "@slider"  %}
        </section>

    </main>

  </div>

</div>
