Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Html-bobswift
<section class="section" id="sec-4-init">
  <div class="container">
    <div class="cols">
      <div class="col-8">
        <div class="sec-4-header">
          <h2 class="h2 all-bold">Our history and milestones</h2>
          <p>The legal and technical work behind the EU Digital Identity Wallet have occurred in tandem, with insights from
            the Toolbox and Large Scale Pilots influencing the development of the legislation.</p>
        </div>
      </div>
    </div>
  <!-- start of timeline-desktop -->
    <div class="cols timeline-desktop" aria-label="timeline of events">
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>1999</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side">
            <p>Legal</p>
            <span class="left-side-no-list">Adoption of Directive 1999/93/EC (Community framework for electronic signatures)</span>
          </div>
          <div class="tech-side"></div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>2006</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side">
            <p>Legal</p>
            <span class="left-side-no-list">Adoption of Directive 2006/123/EC (Services in the Internal Market)</span>
          </div>
          <div class="tech-side"></div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>2014</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side">
            <p>Legal</p>
            <span class="left-side-no-list">Adoption of Regulation 910/2014 (eIDAS 1)</span>
          </div>
          <div class="tech-side"></div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>2020</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side">
            <p>Legal</p>
            <span class="left-side-no-list">Public consultation on revision of Regulation (EU) 910/2014 (eIDAS) launched</span>
          </div>
          <div class="tech-side"></div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>2021</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side">
            <p>Legal</p>
            <span class="left-side-no-list">Commission publishes proposal to amend Regulation (EU) 910/2014 (eIDAS)</span>
          </div>
          <div class="tech-side">
            <p>Technical</p>
            <span class="right-side-no-list">Commission publishes the Recommendation for a Common EU Toolbox</span>
            <span class="right-side-no-list">Toolbox process begins</span>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>2022</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side">
            <p>Legal</p>
            <div class="left-side-wlist">
              <div class="list-header">The Legislation Advances</div>
              <div class="list-divider"></div>
              <div class="list-container">
                <button class="see-more-less">See more</button>
                <ul class="list-item" aria-hidden="true">
                  <li>European Parliament publishes draft report on the new proposal</li>
                  <li>The European Council adopts its general approach (common position) on the proposal</li>
                  <li>European Declaration on Digital Rights and Principles adopted</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="tech-side">
            <p>Technical</p>
            <div class="right-side-wlist">
              <div class="list-header">Progress on the technical side</div>
              <div class="list-divider"></div>
              <div class="list-container">
                <button class="see-more-less">See more</button>
                <ul class="list-item " aria-hidden="true">
                  <li>The outline of the Architecture and Reference Framework is agreed and published for stakeholder feedback</li>
                </ul>
              </div>
            </div>
  
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>2023</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side">
            <p>Legal</p>
            <div class="left-side-wlist">
              <div class="list-header">Negotiating the legislation</div>
              <div class="list-divider"></div>
              <div class="list-container">
                <button class="see-more-less">See more</button>
                <ul class="list-item " aria-hidden="true">
                  <li>Launch of the Digital Decade Policy Programme 2030</li>
                  <li>European Parliament ITRE Committee adopts its position on the regulation, confirmed by vote in plenary</li>
                  <li>Trilogue negotiations begin on EU Digital Identity Wallet Regulation</li>
                  <li>Publication of the EU Digital Identity Wallet in the Official Journal (followed by its entry into force 20 days later)</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="tech-side">
            <p>Technical</p>
            <div class="right-side-wlist">
              <div class="list-header">Designing and Testing the Wallet</div>
              <div class="list-divider"></div>
              <div class="list-container">
                <button class="see-more-less">See more</button>
                <ul class="list-item " aria-hidden="true">
                  <li >First draft of The European Digital Identity Wallet Architecture and Reference Framework published
                  </li>
                  <li >Second draft of the Architecture and Reference Framework published</li>
                  <li >Kick-off of the Large Scale Pilots testing the Wallet</li>
                  <li >Reference Implementation Minimum Viable Product published</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>2024</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side">
            <p>Legal</p>
            <div class="left-side-wlist">
              <div class="list-header">The Regulation is Adopted<adopted</div>
              <div class="list-divider"></div>
              <div class="list-container">
                <button class="see-more-less">See more</button>
                <ul class="list-item " aria-hidden="true">
                  <li>Adoption of EU Digital Identity Wallet Regulation</li>
                  <li>Adoption of the Wallet Implementing Acts</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="tech-side">
            <p>Technical</p>
            <div class="right-side-wlist">
              <div class="list-header">The Path to Building the Wallet</div>
              <div class="list-divider"></div>
              <div class="list-container">
                <button class="see-more-less">See more</button>
                <ul class="list-item " aria-hidden="true">
                  <li>Large Scale Pilots build wallets and test use cases
                  </li>
                  <li>New version of the Architecture and Reference Framework released</li>
                  <li>New release of the wallet Reference Implementation</li>
                  <li>Member States begin building wallets using the Reference Implementation</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>2025</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side"></div>
          <div class="tech-side">
            <p>Technical</p>
            <span class="right-side-no-list">First Member State wallets made available</span>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="middle-side">
            <p>2026</p>
            <div class="date-divider"></div>
          </div>
          <div class="legal-side">
            <p>Legal</p>
            <span class="left-side-no-list">Public and Private Services must accept the EU Digital Identity Wallet for Authentication</span>
          </div>
          <div class="tech-side">
            <p>Technical</p>
            <span class="right-side-no-list">Wallets widely available in all member states</span>
          </div>
        </div>
      </div>
    </div>
  <!-- start of timeline-mobile -->
    <div class="cols timeline-mobile" aria-label="timeline of events">
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">1999</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="legal-container">
                <p>Legal</p>
                <div class="legal-no-list">Adoption of Directive 1999/93/EC (Community framework for electronic signatures)</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">2006</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="legal-container">
                <p>Legal</p>
                <div class="legal-no-list">Adoption of Directive 2006/123/EC (Services in the Internal Market)</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">2014</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="legal-container">
                <p>Legal</p>
                <div class="legal-no-list">Adoption of Regulation 910/2014 (eIDAS 1)</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">2020</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="legal-container">
                <p>Legal</p>
                <div class="legal-no-list">Public consultation on revision of Regulation (EU) 910/2014 (eIDAS) launched</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">2021</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="legal-container">
                <p>Legal</p>
                <div class="legal-no-list">Commission publishes proposal to amend Regulation (EU) 910/2014 (eIDAS)</div>
              </div>
              <div class="tech-container">
                <p>Technical</p>
                <div class="tech-no-list">Commission publishes the Recommendation for a Common EU Toolbox</div>
                <div class="tech-no-list">Toolbox process begins</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">2022</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="legal-container">
                <p>Legal</p>
                <div class="legal-wlist">
                  <p class="list-header">The Legislation Advances</p>
                  <div class="list-divider"></div>
                  <div class="list-container">
                    <button class="see-more-less">See more</button>
                    <ul class="list-item " aria-hidden="true">
                      <li>European Parliament publishes draft report on the new proposal</li>
                      <li>The European Council adopts its general approach (common position) on the proposal</li>
                      <li>European Declaration on Digital Rights and Principles adopted</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="tech-container">
                <p>Technical</p>
                <div class="tech-wlist">
                  <p class="list-header">The Legislation Advances</p>
                  <div class="list-divider"></div>
                  <div class="list-container">
                    <button class="see-more-less">See more</button>
                    <ul class="list-item " aria-hidden="true">
                      <li>The outline of the Architecture and Reference Framework is agreed and published for stakeholder feedback</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">2023</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="legal-container">
                <p>Legal</p>
                <div class="legal-wlist">
                  <p class="list-header">Negotiating the legislation</p>
                  <div class="list-divider"></div>
                  <div class="list-container">
                    <button class="see-more-less">See more</button>
                    <ul class="list-item " aria-hidden="true">
                      <li>Launch of the Digital Decade Policy Programme 2030</li>
                      <li>European Parliament ITRE Committee adopts its position on the regulation, confirmed by vote in plenary</li>
                      <li>Trilogue negotiations begin on EU Digital Identity Wallet Regulation</li>
                      <li>Publication of the EU Digital Identity Wallet in the Official Journal (followed by its entry into force 20 days later)</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="tech-container">
                <p>Technical</p>
                <div class="tech-wlist">
                  <p class="list-header">Designing and Testing the Wallet</p>
                  <div class="list-divider"></div>
                  <div class="list-container">
                    <button class="see-more-less">See more</button>
                    <ul class="list-item " aria-hidden="true">
                      <li>First draft of The European Digital Identity Wallet Architecture and Reference Framework published</li>
                      <li>Second draft of the Architecture and Reference Framework published</li>
                      <li>Kick-off of the Large Scale Pilots testing the Wallet</li>
                      <li>Reference Implementation Minimum Viable Product published</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">2024</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="legal-container">
                <p>Legal</p>
                <div class="legal-wlist">
                  <p class="list-header">The Regulation is adopted</p>
                  <div class="list-divider"></div>
                  <div class="list-container">
                    <ul class="list-item " aria-hidden="true">
                      <li>Adoption of EU Digital Identity Wallet Regulation</li>
                      <li>Adoption of the Wallet Implementing Acts</li>
                    </ul>
                    <button class="see-more-less">See more</button>
                  </div>
                </div>
              </div>
              <div class="tech-container">
                <p>Technical</p>
                <div class="tech-wlist">
                  <p class="list-header">The Path to Building the Wallet</p>
                  <div class="list-divider"></div>
                  <div class="list-container">
                    <button class="see-more-less">See more</button>
                    <ul class="list-item " aria-hidden="true">
                      <li>Large Scale Pilots build wallets and test use cases</li>
                      <li>New version of the Architecture and Reference Framework released</li>
                      <li>New release of the wallet Reference Implementation</li>
                      <li>Member States begin building wallets using the Reference Implementation</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">2025</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="tech-container">
                <p>Technical</p>
                <div class="tech-no-list">First Member State wallets made available</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="timeline-row">
          <div class="top-date">2026</div>
          <div class="info-container">
            <div class="timeline-divider"></div>
            <div class="right-side">
              <div class="legal-container">
                <p>Legal</p>
                <div class="legal-no-list">Public and Private Services must accept the EU Digital Identity Wallet for Authentication</div>
              </div>
              <div class="tech-container">
                <p>Technical</p>
                <div class="tech-no-list">Wallets widely available in all member states</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

...