Page History

...

Div

id	agenda-section
class	section

Html-bobswift

<img id="bg1" class="bg-sec_" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/706381732/bg-section_.svg?api=v2" alt=""/>
<img id="bg2" class="bg-sec_" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/706381732/bg-section_.svg?api=v2" alt=""/>
<img id="bg3" class="bg-sec_" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/706381732/bg-section_.svg?api=v2" alt=""/>

Div

class	container

Div

class	cols justify-content-center

Div

style	z-index:2
class	col-9

HTML

<h2 class="heading-deco terciary">Agenda</h2>
<p>The European Commission's Directorate-General for Digital Services (DIGIT) is organising a conference on  22 February 2024, in Brussels, Belgium, that aims to explore challenges legal entities encounter in proving ownership of digital information and  to seek potential solutions with a focus on the role of Web3 technologies. The conference will feature interactive panels to connect industry initiatives with policy experts, fostering collaboration to address common challenges.<br>Discover our programme!</p>

HTML

<div class="event-agenda-container">
  	<div class="event-agenda">
  	  <div class="agenda-bullet"></div>
  	  <div class="agenda-info">
      		<p class="lead"><strong>09:45 – 10:00</strong></p>
      		<p class="f-20"><strong>Check-in & Registration</strong></p>
  	  </div>
  	</div>

  
	<div class="event-agenda">
  	  <div class="agenda-bullet"></div>
  	  <div class="agenda-info">
      		<p class="lead"><strong>10:00 – 10:10</strong></p>
      <p>
      		<p>
		  <span class="d-block"><strong class="f-20">Opening speech by Natalia Aristimuno Perez</strong></span>(<i>European
    		    Commission</i> / Directorate-General for Digital Services (DG DIGIT))
      		</p>
 	   </div>
  	</div>

  
	<div class="event-agenda">
	    <div class="agenda-bullet"></div>
	    <div class="agenda-info">
      		<p class="lead"><strong>10:10 – 10:25</strong></p>
      		<div>
    		    <p>
          			<span class="d-block"
          			  ><strong
              				>Introduction to the challenges of legal entities
				verification</strong
			  ></span
			>The European Commission has recently initiated a      verification</strong
            ></span
          >The European Commission has recently initiated a proposal proposal to expand
          			and upgrade a Directive concerning the use of digital tools and
          			processes in company law. In this context, the Commission has been
          			focused on developing a better understanding of the needs and
          			challenges related to organisations when it comes to proving their
          			ownership and verification. An overview of the Directive will be
          			presented to contextualise them.
		        </p>
     		   <div class="agenda-info_">
          			<p><strong>Speaker:</strong></p>
          			<p class="speaker-tr">
   			         <span class="d-block"><strong>Antonio Lai</strong></span>
            <span
              			  <span
				><i>European Commission </i>/ Directorate-General for Justice and
              				Consumers (DG JUST)</span
          			  >
          			</p>
      		  </div>
      		</div>
	    </div>
  	</div>

  
	<div class="event-agenda">
  	  <div class="agenda-bullet"></div>
  	  <div class="agenda-info">
      		<p class="lead"><strong>10:25 – 11:10</strong></p>
      <div>
      		<div>
		  <p>
          			<span class="d-block"
          			  ><strong
              				>“EU tailwinds: Firm intent of the European Commission to solve
				current              current challenges”</strong
            ></span
          challenges”</strong
			  ></span
			>During this panel, European policymakers will present different
          			regulations that aim to address the challenges related to the
          			verification of legal entities across the European Union. The
          			panellists will focus in particular on the verification of economic
          			operators, data sharing between organisations, and the establishment
          			of cross-border trust in the EU internal market.
      		  </p>
		        <div class="agenda-info_">
          			<p><strong>Moderator:</strong></p>
          			<p class="speaker-tr">
          			  <span class="d-block"><strong>Joachim Schwerin</strong></span
			  ><span
				><i>European Commission </i>/ Directorate-General       ><span
              ><i>European Commission </i>/ Directorate-General for Internal
              for Internal
				Market, Industry, Entrepreneurship and SMEs (DG GROW)</span
         			   >
          			</p>
     		   </div>
   		     <div class="agenda-info_">
          			<p><strong>Panelists:</strong></p>
          			<ul class="speaker-tr">
         			   <li>
              				<span class="d-block"><strong>Michele Galatola</strong></span
              ><span
                				><span
				  ><i>European Commission </i>/ The Directorate-General for
				                Internal Internal Market, Industry, Entrepreneurship and SMEs (DG
              				  GROW)</span
              >
          				>
			  </li>
   			         <li>
              <li>
				<span class="d-block"><strong>Maya><strong>Dietmar Madrid<Gattwinkel</strong></span
              ><span
                				><span
				  ><i>European Commission </i>/ Directorate-General for
             				   Communications Networks, Content and Technology (DG CNECT)</span
              >
            				>
			  </li>
			            <li>
              <li>
				<span class="d-block"><strong>Coen Janssen</strong></span
              ><span>
              				><span>
				  <i>European Commission </i>/ Directorate-General for
                				  Communications Networks, Content and Technology (DG CNECT)</span
              >
          				>
			  </li>
 			           <li>
              <li>
				<span class="d-block"><strong>Giulia Ferraris</strong></span
              				><span>European Securities and Markets Authority (ESMA)</span>
			            </li>
          			</ul>
      		  </div>
      		</div>
  	  </div>
  	</div>

  
	<div class="event-agenda">
  	  <div class="agenda-bullet"></div>
  	  <div class="agenda-info">
      		<p class="lead"><strong>11:10 – 11:20</strong></p>
      		<p><strong>Coffee break</strong></p>
	    </div>
  	</div>

  
	<div class="event-agenda">
  	  <div class="agenda-bullet"></div>
  	  <div class="agenda-info">
      		<p class="lead"><strong>11:20 – 12:00</strong></p>
      		<div>
   		     <p>
          <p>
			<span class="d-block"
          			  ><strong
              				>“Exploring Organisational Identifiers in the Verification
              				Landscape of Legal Entities across Europe”</strong
          			  ></span
          			>What is the role of organisational identifiers in the context of the
          			verification of legal entities? What is the current state of play of
          			the different identifiers that organisations are owning in Europe
          			today? Here, panellists will explore how the organisational
          			identifiers work and in which areas they have a pivotal relevance, as,
          			for example, taxes, customs, European business registries and global
          			transactions.
      		  </p>
		        <p>
          <p>
			The panel will be introduced by a presentation of the EBSI-ELSA
          			project by <strong>Nicolas Hauw (EUIPO)</strong>, who will showcase
          			how EBSI is supporting the initiative aiming at the verification of
          			brand owners.
   		     </p>
      		  <div class="agenda-info_">
          			<p><strong>Moderator:</strong></p>
          			<p class="speaker-tr">
 			           <span class="d-block"><strong>Pierre Marro</strong></span
			            ><span
              ><span
				><i>European Commission </i>/ Directorate-General for
              				Communications Networks, Content and Technology (DG CNECT)</span
          			  >
          			</p>
      		  </div>
		        <div class="agenda-info_">
          			<p><strong>Panelists:</strong></p>
          			<ul class="speaker-tr">
			            <li>
              <li>
				<span class="d-block"><strong>Georg Kotschy</strong></span
              ><span
                				><span
				  ><i>European Commission </i>/ Directorate-General for Taxation
				  and Customs             and Customs Union Union (DG TAXUD)</span
              >
            </li>
            <li>
              				>
			  </li>
			  <li>
				<span class="d-block"><strong>Karlheinz Kadner</strong></span
              ><span
                				><span
				  ><i>European Commission </i>/ Directorate-General for Taxation
				                and Customs Union (DG TAXUD)</span
              >
          				>
			  </li>
         			   <li>
              <span class="d				<span class="d-block"><strong>Stephan Wolf</strong></span
              				><span>Global Legal Entity Identifier Foundation (GLEIF)</span>
         			   </li>
          			  <li>
              				<span class="d-block"><strong>Antonio Lai</strong></span
              ><span
              				><span
				  ><i>European Commission</i> Directorate-General for Justice and
				                Consumers (DG JUST)</span
              >
          				>
			  </li>
          			</ul>
		        </div>
		        <div class<div class="agenda-info_">
          			<p><strong>Speaker:</strong></p>
          			<p class="speaker-tr">
          			  <span class="d-block"><strong>Nicolas Hauw</strong></span
         			   ><span>European Union Intellectual Property Office (EUIPO)</span>
          			</p>
     		   </div>
      		</div>
	    </div>
  	</div>

  
	<div class="event-agenda">
 	   <div class="agenda-bullet"></div>
 	   <div class="agenda-info">
      		<p class="lead"><strong>12:00 – 12:45</strong></p>
      <div>
        <p>
          		<div>
		  <p>
			<span class="d-block"
         			   ><strong
              				>“Overcoming challenges through innovative solutions – the role of
              				cutting-edge technologies”</strong
          			  ></span
          			>During this panel, the audience will have the opportunity to explore
          			the role of pioneering technologies in solving the challenges related
          			to the verification of organisations. Among these technologies,
          			speakers will discuss distributed ledger technologies, verifiable
          			credentials, decentralised identifiers and digital wallets.
          			Additionally, they will investigate the potential roles that these
          			technologies can play within the EU.
     		   </p>
   		     <div class="agenda-info_">
          			<p><strong>Moderator:</strong></p>
          			<p class="speaker-tr">
         			   <span class="d-block"><strong>João Rodrigues Frade</strong></span
  			          ><span
				><i>European Commission </i>/ Directorate-General           ><i>European Commission </i>/ Directorate-General for Digital
              for Digital
				Services (DG DIGIT)</span
			            >
          >
			</p>
		        </div>
   		     <div class="agenda-info_">
          			<p><strong>Panelists:</strong></p>
          			<ul class="speaker-tr">
   			         <li>
              <li>
				<span class="d-block"><strong>Christian Klugow</strong></span
              				><span>ID-Union</span>
 			           </li>
			            <li>
              <li>
				<span class="d-block"><strong>Eugenio Reggianini</strong></span
              				><span>European Blockchain Association</span>
          			  </li>
         			   <li>
              				<span class="d-block"><strong>Marina Markezic</strong></span
              				><span>EU Crypto Initiative</span>
          			  </li>
      			      <li>
              <li>
				<span class="d-block"><strong>Steven Capell</strong></span
              ><span
                				><span
				  >The United Nations Centre for Trade Facilitation and Electronic
				                Business (UN/CEFACT)</span
              >
            </li>
            <li>
              Business (UN/CEFACT)</span
				>
			  </li>
			  <li>
				<span class="d-block"
				                ><strong>José Manuel Panizo Plaza</strong></span
              ><span
                				><span
				  ><i>European Commission </i>/ Directorate-General for Digital
             				   Services (DG DIGIT)</span
              >
            </li>
          </ul>
      				>
			  </li>
			</ul>
		  </div>
      		</div>
 	   </div>
  	</div>

  
	<div class="event-agenda">
 	   <div class="agenda-bullet"></div>
 	   <div class="agenda-info">
      		<p class="lead"><strong>12:45 – 13:20</strong></p>
      <div>
        <p>
          		<div>
		  <p>
			<span class="d-block"
    			        ><strong
              ><strong
				>“Unlocking business opportunities with organisational
              				identities”</strong
  			          ></span
          			>This section will present the business case for organisational
          			identities. Through a set of projects from the field, speakers will
          			outline the business relationships, opportunities and challenges that
          			emerge when using innovative technologies, to address the complexities
          			of verification of digital information. They will share experiences by
          			looking at where their projects are headed to, lessons learned, and
          			the ways they are shifting the paradigm related to the usage of
          			organisational identities.
      		  </p>
     		   <div class="agenda-info_">
          			<p><strong>Speakers:</strong></p>
          			<ul class="speaker-tr">
          			  <li>
              				<span class="d-block"><strong>Nancy Norris</strong></span
              				><span>Government of British Columbia, Canada</span>
         			   </li>
     			       <li>
              <li>
				<span class="d-block"><strong>David Magård</strong></span
              				><span>European Wallet Consortium</span>
         			   </li>
          			  <li>
              				<span class="d-block"><strong>Antti Kettunen</strong></span
              				><span>Real Time Economy Project</span>
 			           </li>
          			</ul>
     		   </div>
      		</div>
  	  </div>
  	</div>

  
	<div class="event-agenda">
	    <div class="agenda-bullet"></div>
  	  <div class="agenda-info">
      		<p class="lead"><strong>13:20 – 13:30</strong></p>
      <p>
        		<p>
		  <span class="f-20 d-block"
          			><strong>Closing remarks by Fabrizia Benini</strong></span
  		      ><span>(<i>European Commission</i> / Directorate-General for Communications Networks, Content and Technology (DG CNECT))</span>
      		</p>
	    </div>
  	</div>
  </div>

CSS Stylesheet

.agenda-info_ { display: flex; gap: 16px; }
.event-agenda-container .agenda-info { width: 682px; max-width: 682px; }
@media screen and ( max-width: 768px ) {
.event-agenda-container .agenda-info_ { flex-direction: column; gap: 0; }
}
#agenda-section { position: relative; }
#agenda-section .h4-agenda { margin-top: 64px; margin-bottom: 40px; }
.event-agenda-container p, .event-agenda-container li { color: #776E85;}
.event-agenda-container p strong, .event-agenda-container li strong { color: #1D0D34; }

...

Div

id	speakers-section
class	section

Div

class	container

Div

class	cols justify-content-center

Div

class	col-9

HTML
<h2 class="heading-deco terciary">Participants</h2>

HTML

<div class="cards-container">
	<div class="card-item">
		<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		  alt=""
		 />
		<img
		  class="participant-visual"
			  src="/digital-building-blocks/sites/download/attachments/706381732/Natalia%20Aristimuno%20Perez.png?api=v2"
			  alt="Natalia Aristimuno Perez"
		 />
		<p class="card-label">Speaker</p>
		<div class="participant-details">
		  	<h3><span class="d-block">Natalia</span> Aristimuno Perez</h3>
		  	<p>
				<span class="d-block"><i>European Commission</i></span>
				<span>DG DIGIT</span>
			  </p>
		</div>
		<div class="participant-info">
		  	<p>
				Natalia Aristimuño Pérez is the Director for Digital Enablers & Innovation at DIGIT, European 
				Commission. Before she has been the head of the unit delivering solutions on human resources, decision 
				making, document management and knowledge management domains. Since she joined the European Commission 
				in the year 2000, she has always been involved in providing solutions allowing making users’ life easier 
				and the institution more efficient. She has an IT background, graduated in Deusto University (Bilbao, 
				Spain) and has a deep knowledge of the business domains she works with.
		  	</p>
		</div>
		<div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
			  ><span>Read more</span></aa>
			>
		  </div>
		  <div class="modal-wrapper">
			<img
			  class="card-bg"
			  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
				  alt=""
			 />
			<button class="closeBtn" aria-label="close modal">
			  <img
					<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
				 alt=""
					aria-hidden="true"
			  />
			</button>
	  
			<div class="sec-1">
				  <div></div>
			</div>
	  
			<div class="sec-2"></div>
		  </div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Antonio%20Lai.png"
		 alt=""
	  />
	  	<p class="card-label">Panellist</p>
	  	<div class="participant-details">
			<h3><span class="d-block">Antonio</span> Lai</h3>
			<p>
				  <span class="d-block"><i>European Commission</i></span>
				  <span>DG JUST</span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
				  Antonio Lai is a policy officer working for the European Commission at
			  	DG JUST.A3, the unit of company law.
			</p>
		  </div>
	</div>
	<div class="card-item">
		<img  <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
		<img  <img
		class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Antti%20Kettunen.png"
			alt="Antti Kettunen"
	  />
		  <p class="card-label">Speaker</p>
		  <div class="participant-details">
			<h3><span class="d-block">Antti</span> Kettunen</h3>
			<p>
		  		<span class="d-block"></span>
				  <span>Real Time Economy Project</span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
				  Antti is an experienced Digital Identity and trust ecosystem expert,
		  		pioneering decentralized identity in Finland with Tietoevry Create.<br /><br />He
		  		currently works with the Finnish government in the EWC LSP and Real Time
			  	Economy program in Finland, focusing on the topics of Organization
				  Digital Identities and Verifiable eReceipts. In addition, Antti works in
				  EU-funded Healthcare trust ecosystem program PHEMS, designing research
			  	trust ecosystem infrastructure, and is a technical advisor to FindyNet
				  cooperative, a public-private organisation developing trust
		  		infrastructure in Finland.<br /><br />He views decentralized trust &
			  	data ecosystems as a key component of EU digitalization. Working closely
				  with public and private organizations in multiple sectors has given
		  		Antti deep understanding in the multi-dimensionality and complexity of
			  	decentralized ecosystem design.
			</p>
	  	</div>
		  <div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
	  	<div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
				  alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			alt alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Christian%20Klugow.png"
			alt="Christian Klugow"
	  />
	  	<p class="card-label">Panellist</p>
	  	<div class="participant-details">
			<h3><span class="d-block">Christian</span> Klugow</h3>
			<p>
			  	<span class="d-block"></span>
				  <span>ID-Union</span>
			</p>
	  	</div>
		  <div class="participant-info">
			<p>
				  Christian Klugow belongs to the management board of the European
		  		Cooperative IDunion SCE. He graduated as business economist at the LMU
			  	Munich and worked several years as management consultant for the
		  		telecommunications and payments industry. In his day-to-day business
		  		Christian takes care of efficiently working cooperation among the 11
				  IDunion members that are collectively operating a decentralized network
				  for digital identities. He has been collaborating with EBSI since 2023
			  	where he leads a working group within EBSI-VECTOR about cross-border
				  business registries. Christian and his team of 12 identity experts from
				  12 different EU member states explore challenges and opportunities for
		  		legal entities. Their work will result in new capabilities for the
				  EBSI-technology.
			</p>
		  </div>
	  	<div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
		  <div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
				  alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
		  </div>
	</div>
	<div class="card-item">
		 <img <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
		 <img <img
		class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Coen%20Janssen.png"
		 alt="Coen Janssen"
	  />
		  <p class="card-label">Panellist</p>
	  	<div class="participant-details">
			<h3><span class="d-block">Coen</span> Janssen</h3>
			<p>
				  <span class="d-block"><i>European Commission</i></span>
			  	<span>DG CNECT</span>
			</p>
		  </div>
		  <div class="participant-info">
			<p>
			  	Coen Janssen, a Policy Advisor at the European Commission, has over 20
				  years of experience in standardisation. He is dedicated to enhancing
				  standardisation and interoperability, central to the European Strategy
			  	for Data. His strengths in facilitation, communication, and analysis
				  help achieve consensus and results. Coen believes in the power of
		  		collaboration and diverse perspectives. He holds a degree in Economics
		  		and a postgraduate in Big Data & Analytics.
			</p>
		  </div>
		  <div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
	  	<div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		  		alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
			  	<div></div>
			</div>
  
			<div class="sec-2"></div>
		  </div>
	</div>
	<div class="card-item">
		<img  <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/David%20Mag%C3%A5rd.png"
			alt="David Magård"
	  />
		  <p class="card-label">Speaker</p>
		  <div class="participant-details">
			<h3><span class="d-block">David</span> Magård</h3>
			<p>
				  <span class="d-block"></span>
			  	<span>European Wallet Consortium</span>
			</p>
		  </div>
		  <div class="participant-info">
			<p>
			  	David Magård is a senior advisor at the Swedish Companies Registration
				  Office and coordinator of the large scale pilot EWC which covers travel,
				  payment and legal person use cases for the EU digital identity wallet.
			</p>
	  	</div>
	  	<div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
		  <div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
				  alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
	<div class="card-item">
		 <img <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Eugenio%20Reggianni.png"
			alt="Eugenio Reggianini"
	  />
	  	<p class="card-label">Panellist</p>
	  	<div class="participant-details">
			<h3><span class="d-block">Eugenio</span> Reggianini</h3>
			<p>
			  	<span class="d-block"></span>
		  		<span>European Blockchain Association</span>
			</p>
		  </div>
		  <div class="participant-info">
			<p>
		  		Eugenio Reggianini is advising financial institutions, technology
				  providers and enterprises along their digital transformation journey in
		  		adopting Blockchain and distributed ledger technologies.<br />He
		  		represents European Blockchain Association as Head of Growth and global
			  	ambassador, serves as an expert member of the European Blockchain
				  Observatory & Forum as well as part of Swiss Crypto and Digital Euro
				  Association(s).
			</p>
	  	</div>
	  	<div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
		  <div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		  		alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
			  	<div></div>
			</div>
  
			<div class="sec-2"></div>
		  </div>
	</div>
	<div class="card-item">
		<img  <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
		 <img <img
		class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Fabrizia%20Benini.png"
			alt="Fabrizia Benini"
	  />
	  	<p class="card-label">Speaker</p>
		  <div class="participant-details">
			<h3><span class="d-block">Fabrizia</span> Benini</h3>
			<p>
				  <span class="d-block"><i>European Commission</i></span>
		  		<span>DG CNECT</span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
				  Fabrizia Benini is the Head of Unit of the Next-Generation Internet
				  Initiative. She joined the European Commission in 1995.
			</p>
	  	</div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Georg%20Kotschy.png"
			alt="Georg Kotschy"
	  />
	  	<p class="card-label">Panellist</p>
	  	<div class="participant-details">
			<h3><span class="d-block">Georg</span> Kotschy</h3>
			<p>
				  <span class="d-block"><i>European Commission</i></span>
				  <span>DG TAXUD</span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
				  Digital Innovation Officer at DG TAXUD.B.4 Taxation systems & Digital
			  	governance.
			</p>
		  </div>
	</div>
	<div class="card-item">
		<img  <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
		<img  <img
		class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Giulia%20Ferraris.png"
		 alt=""
	  />
		  <p class="card-label">Panellist</p>
		  <div class="participant-details">
			<h3><span class="d-block">Giulia</span> Ferraris</h3>
			<p>
				  <span class="d-block"></span>
				  <span>ESMA</span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
		  		Giulia Ferraris is senior policy officer in the Data Intelligence and
		  		Technology Department, which is the department at ESMA that is
				  responsible for the entire data lifecycle of each of the datasets under
			  	the Authority’s responsibility. This cycle includes the definition of
				  the reporting requirement across various sectoral legislation, the
				  design and implementation of the relevant systems as well as the use of
			  	data to serve all ESMA’s stakeholders. In its role, Giulia is
		  		coordinating the data policy work in the area of digital finance,
				  notably with the development of the data record keeping requirements for
			  	CASPs under MiCA. This is the dataset envisaged by MiCA that will need
		  		to be collected and used by EU supervisors for monitoring crypto
				  markets.
			</p>
	  	</div>
		  <div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
		  <div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
			  	alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			alt alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
		  </div>
	</div>
	<div class="card-item">
		 <img <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
		 <img <img
		class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Joachim%20Schwerin.png"
			alt="Joachim Schwerin"
	  />
		  <p class="card-label">Moderator</p>
		  <div class="participant-details">
			<h3><span class="d-block">Joachim</span> Schwerin</h3>
			<p>
				  <span class="d-block"><i>European Commission</i></span>
			  	<span>DG GROW</span>
			</p>
	  	</div>
		  <div class="participant-info">
			<p>
			  	Joachim Schwerin is Principal Economist in the unit responsible for the
		  		Digital Transformation of Industry within the Directorate-General
				  Internal Market, Industry, Entrepreneurship and SMEs (DG GROW) of the
		  		European Commission. He is responsible for developing the policy
		  		approach of DG GROW towards the Token Economy and Distributed-Ledger
			  	Technologies as well as their applications for industry and SMEs. His
				  current focus lies on developing positive framework conditions for DAOs
				  and Web3. In 2020, he contributed to the Digital Finance Strategy,
			  	including the MiCA Regulation. Previous responsibilities included the
				  coordination of industrial and competition policy, the design of policy
		  		measures to improve SME access to digital finance and conceptual work on
			  	strategic aspects of the EU’s competitiveness in the global economy.
				  Joachim holds a PhD from Dresden University of Technology and was
		  		Post-Doc Research fellow at the London School of Economics' Economic
			  	History Department before he joined the European Commission in 2001.
			</p>
	  	</div>
		  <div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
	  	<div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
				  alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			alt alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Joao%20Rodrigues%20Frade.png"
			alt="João Rodrigues Frade"
	  />
	  	<p class="card-label">Moderator</p>
	  	<div class="participant-details">
			<h3><span class="d-block">João</span> Rodrigues Frade</h3>
			<p>
			  	<span class="d-block"><i>European Commission</i></span>
				  <span>DG DIGIT</span>
			</p>
	  	</div>
		  <div class="participant-info">
			<p>João leads the Building Blocks and Innovative Services Sector of the Directorate General for Digital 
				Services of the European Commission (DIGIT)
				  specialising in Digital Transformation and the management of large
		  		EU-wide projects including the establishment of the European Blockchain
		  		Services Infrastructure (EBSI). The EBSI ecosystem leverages Web3 tech
				  such as Blockchain, Verifiable Credentials and Digital Wallets to make
			  	public services more efficient and trustworthy.
			</p>
		  </div>
		  <div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
		  <div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		  		alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		src src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Jose%20Manuel.png"
		 alt="Jose Manuel"
	  />
	  	<p class="card-label">Panelist</p>
	  	<div class="participant-details">
			<h3><span class="d-block">José Manuel</span> Panizo Plaza</h3>
			<p>
			  	<span class="d-block"><i>European Commission</i></span>
				  <span>DG DIGIT</span>
			</p>
		  </div>
		  <div class="participant-info">
			<p>
				  José Manuel Panizo Plaza is working at the European Commission in DG
				  DIGIT, Directorate General for Digital Services. Before joining the EC
			  	he was working as a service manager in the reference qualified trust
				  service provider for the Spanish public administration. He is currently
				  acting as the EBSI chief technology officer.
			</p>
	  	</div>
	  	<div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
	  	<div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
			  	alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Karlheinz%20Kadner.png"
		 alt=""
	  />
	  	<p class="card-label">Panelist</p>
	  	<div class="participant-details">
			<h3><span class="d-block">Karlheinz</span> Kadner</h3>
			<p>
		  		<span class="d-block"><i>European Commission</i></span>
		  		<span>DG TAXUD</span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
				  Karlheinz Kadner is a Head of Sector of the European Commission DG
			  	TAXUD.B1.003, working on Data integration and Harmonisation.
			</p>
		  </div>
	</div>
	<div class="card-item">
		<img  <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
		<img  <img
		class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Marina%20Markezic.png"
			alt="Marina Markezic"
	  />
		  <p class="card-label">Panelist</p>
		  <div class="participant-details">
			<h3><span class="d-block">Marina</span> Markezic</h3>
			<p>
				  <span class="d-block"></span>
				  <span>EU Crypto Initiative</span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
				  Marina is the director and co-founder of the European Crypto Initiative
			  	(EUCI), a European advocacy group focused on crypto regulation. Since
				  2017 Marina has been working with crypto projects on governance and
		  		legal matters with a focus on decentralization, DeFi, and NFTs. Marina
		  		is an expert on key crypto regulatory topics and follows the recent
				  regulatory developments and their influence on the industry. As a
			  	speaker at numerous blockchain and regulatory events, Marina is
				  passionate about contributing to the dialogue for innovation-friendly
				  regulation.
			</p>
	  	</div>
	  	<div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
		  <div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
			  	alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
		  <div></div>
		</div>
  
		<div class="sec-2"></div>
	  </div>
	</div>
	<div class="card-item">
	  <img
		class="card-bg"
		src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		alt=""
	  />
	  <img
		class="participant-visual"
		src="/digital-building-blocks/sites/download/attachments/706381732/Mayo%20Madrid.png?api=v2"
		alt="Maya Madrid"
	  />
	  <p class="card-label">Panelist</p>
	  <div class="participant-details">
		<h3><span class="d-block">Maya</span> Madrid</h3>
		<p>
		  <span class="d-block"><i>European Commission</i></span>
		  <span>DG CNECT</span>
		</p>
	  </div>
	  <div class="participant-info">
		<p>
		  Maya Madrid is a member of the eGovernment and Trust unit of DG CNECT in
		  the European Commission. She is dedicated to the definition,
		  implementation and follow up of policy developments in the fields of
		  digital government, electronic identification (eID) and trust services
		  related to the eIDAS regulation (Regulation No. 910/2014) and the
		  Commission proposal for a Regulation amending the IDAS regulation and
		  establishing a framework for a European Digital Identity.
		</p>
	  </div>
	  <div class="readmore">
		<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></a
		>
	  </div>
	  <div class="modal-wrapper">
		<img
		  <div></div>
			</div>

			<div class="sec-2"></div>
		</div>
	</div>
	<div class="card-item">
		<img class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		  alt=""
		 />
		<button<img class="closeBtn" aria-label="close modal">
		  <imgparticipant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svgDietmar.png"
			alt="Dietmar Gattwinkel" />
		<p class="card-label">Panelist</p>
		<div class="participant-details">
			aria-hidden="true"
		  />
		</button>
  <h3><span class="d-block">Dietmar</span> Gattwinkel</h3>
			<p>
				<span class="d-block"><i>European Commission</i></span>
				<span>DG CNECT</span>
			</p>
		</div>
		<div class="secparticipant-1info">
			<p>
				Dietmar GATTWINKEL is a member of the <strong>eGovernment  <div></div>
		</div>
  
		<div class="sec-2"></div>
	  and Trust</strong> unit of DG <strong>CNECT</strong> in the
				European Commission.
			</p>
		</div>
	</div>
	<div class="card-item">
		<img  <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
		 <img <img
		class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Michele%20Galatola.png?api=v2"
			alt="Michele Galatola"
	  />
		  <p class="card-label">Panelist</p>
		  <div class="participant-details">
			<h3><span class="d-block">Michele</span> Galatola</h3>
			<p>
		  		<span class="d-block"><i>European Commission</i></span>
			  	<span>DG GROW</span>
			</p>
	  	</div>
		  <div class="participant-info">
			<p>
				  Michele has a degree in Environmental Sciences and a PhD in Life Cycle
				  Assessment. Since 2005 he works for the European Commission, first in DG
			  	Research, then in DG ENV and since 2019 in DG GROW. After having lead at
				  European level the EU Ecolabel, in the period 2010-2019 Michele
				  initiated and led the development of the Environmental Footprint life
		  		cycle assessment methods. Since 2019, Michele has been leading the
				  Commission work towards integration of sustainability approaches into
				  European industrial policies and strategies, including the recently
		  		adopted new legislation on the ecodesign of sustainable products (ESPR).
		  		In this context, Michele is the chair of the Commission cross-DG Working
		  		Group for the conceptual development and deployment of the Digital
				  Product Passport (DPP).
			</p>
		  </div>
		  <div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
	  	<div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
				  alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
		<img  <img
		class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Nancy%20Norris.png"
		 alt="Nancy Norris"
	  />
		  <p class="card-label">Speaker</p>
		  <div class="participant-details">
			<h3><span class="d-block">Nancy</span> Norris</h3>
			<p>
				  <span class="d-block"
			><i>Government of British Columbia, Canada</i></spanspan>
		  >
		  <span></span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
				  Nancy Norris is the Senior Director of ESG & Digital Trust in the
			  	Ministry for Energy, Mines and Low Carbon Innovation for the Government
				  of British Columbia, Canada’s western-most province. Nancy leads Energy
				  & Mines Digital Trust, leveraging digital trust technology to foster a
			  	more sustainable and responsible mining industry. Nancy is the Project
		  		Lead of UN/CEFACT Critical Raw Materials project, which identifies ways
				  to scale supply chain traceability and transparency to achieve global
			  	sustainability outcomes.
			</p>
	  	</div>
		  <div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
	  	<div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
				  alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Nicolas%20Hauw.png"
		 alt="Nicolas Hauw"
	  />
	  	<p class="card-label">Speaker</p>
		  <div class="participant-details">
			<h3><span class="d-block">Nicolas</span> Hauw</h3>
			<p>
				  <span class="d-block"></span>
				  <span>EUIPO</span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
		  		Nicolas Hauw holds two Master degree, one in political sciences and
			  	another in European and International Law, as well as a Licence of Law
				  from the University of Aix-Marseille III (Law Faculty of
		  		Aix-en-Provence). Nicolas spent 10 years in Brussels supporting European
			  	projects and development of EU policies before joining the EUIPO in 2021
		  		as part of the Observatory on Infringement of Intellectual Property. He
			  	spent a few years working as project manager and policy advisor in
				  European association and networks, as well as at the EU Parliament as
				  parliamentary assistant. Joining Deloitte in 2017 as senior consultant,
			  	he moved to Cap Gemini in 2020 as senior manager to the service of the
				  EUIPO in a variety of project, including the Blockathon Project back in
				  2018. Nicolas has a high interest in the potential impact of new
		  		technologies on the enforcement of IPR.
			</p>
		  </div>
		  <div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
	  	<div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
				  alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Pierro%20Marro.png"
		 alt="Pierre Marro"
	  />
	  	<p class="card-label">Moderator</p>
	  	<div class="participant-details">
			<h3><span class="d-block">Pierre</span> Marro</h3>
			<p>
				  <span class="d-block"><i>European Commission</i></span>
				  <span>DG CNECT</span>
			</p>
	  	</div>
	  	<div class="participant-info">
			<p>
				  Pierre Marro is Policy Officer at the Directorate General Communication
			  	Networks, Content and Technology (DG CONNECT) of the European
				  Commission.He works for the unit "Digital Innovation and Blockchain", as team
				  leader for Blockchain. He is notably in charge of the European
			  	Blockchain Partnership (EBP) and the European Blockchain Services
				  Infrastructure.
			</p>
	  	</div>
	  	<div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
		  <div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
				  alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
		  </div>
	</div>
	<div class="card-item">
		 <img <img
		class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
		 <img <img
		class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Stephan%20Wolf.png"
		 alt="Stephan Wolf"
	  />
		  <p class="card-label">Panelist</p>
		  <div class="participant-details">
			<h3><span class="d-block">Stephan</span> Wolf</h3>
			<p>
				  <span class="d-block"></span>
			  	<span>GLEIF</span>
			</p>
	  	</div>
		  <div class="participant-info">
			<p>
			  	Stephan Wolf is the CEO of the Global Legal Entity Identifier
		  		Foundation. In 2023, he was elected as a member of the Board of the
				  International Chamber of Commerce Germany. In 2021, he was appointed to
		  		an Industry Advisory Board as part of the global ICC Digital Standards
		  		Initiative. In that capacity, he serves as co-chair of the workstream on
			  	‚Trusted Technology Environment‘. Between January 2017 and June 2020,
				  Mr. Wolf was Co-convener of the International Organization for
				  Standardization Technical Committee 68 FinTech Technical Advisory Group.
			  	In January 2017, Mr. Wolf was named one of the Top 100 Leaders in
				  Identity by One World Identity. Mr. Wolf co-founded IS Innovative
		  		Software GmbH in 1989 and served first as its managing director. He was
			  	later named spokesman of the executive board of its successor,
				  IS.Teledata AG. Mr. Wolf holds a university degree in business
		  		administration from J. W. Goethe University, Frankfurt am Main.
			</p>
	  	</div>
	  	<div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
		  <div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		  		alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
	<div class="card-item">
	  <img
			<img class="card-bg"
		 src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		 alt=""
	  />
	  <img
			<img class="participant-visual"
			src="/digital-building-blocks/sites/download/attachments/706381732/Steve%20Capell.png"
			alt="Steven Capell"
	  />
	  	<p class="card-label">Panelist</p>
	  	<div class="participant-details">
			<h3><span class="d-block">Steven</span> Capell</h3>
			<p>
			  	<span class="d-block"></span>
				  <span>UN/CEFACT</span>
			</p>
		  </div>
		  <div class="participant-info">
			<p>
				  Steve is Vice chair, UN/CEFACT and project lead for “transparency at
				  scale” UNECE recommendation 49 and associated “UN Transparency Protocol"
			  	technical implementation guidance. The UNTP defines a decentralised
				  traceability and transparency architecture that emphasises protocol over
		  		platform and includes standards for digital product passport, product
		  		conformity certificates, and traceability events. It also includes a
				  digital trust architecture based on W3C verifiable credentials and
			  	authoritative “trust anchors".
			</p>
		  </div>
		  <div class="readmore">
			<a aria-label="Read more" class="more link-cta text-secondary" href=""
		  ><span>Read more</span></aa>
		>
	  </div>
		  <div class="modal-wrapper">
			<img
		  class="card-bg"
		  src="/digital-building-blocks/sites/download/attachments/706381732/bg-card.svg"
		  		alt=""
		 />
			<button class="closeBtn" aria-label="close modal">
		  <img
			<img src="/digital-building-blocks/sites/download/attachments/706381732/ico-close-x.svg"
			 alt=""
					aria-hidden="true"
		  />
			</button>
  
			<div class="sec-1">
				  <div></div>
			</div>
  
			<div class="sec-2"></div>
	  	</div>
	</div>
  </div>

Html-bobswift

<script>
  function truncateText(pElement, maxWords) {
    const lineHeight = parseInt(getComputedStyle(pElement).lineHeight)
    const maxLines = 4
    const ellipsis = ".."

    pElement.style.overflow = "hidden"
    pElement.style.display = "-webkit-box"
    pElement.style.webkitLineClamp = maxLines
    pElement.style.webkitBoxOrient = "vertical"

    const words = pElement.textContent.trim().split(" ")
    if (
      pElement.scrollHeight > lineHeight * maxLines ||
      words.length > maxWords
    ) {
      let truncatedText = ""

      if (words.length > maxWords) {
        truncatedText = words.slice(0, maxWords).join(" ") + ellipsis
      } else {
        const text = pElement.textContent
        truncatedText = text.slice(0, text.indexOf("\n") + 1) + ellipsis
      }

      pElement.textContent = truncatedText
    }
  }

  const readMore = document.querySelectorAll(".readmore > .more")
  readMore.forEach((btn) => {
    const parent = btn.closest(".card-item")
    const data = {
      name: parent.querySelector(".participant-details > h3"),
      photo: parent.querySelector(".participant-visual"),
      label: parent.querySelector(".card-label"),
      details: parent.querySelector(".participant-details > p"),
      info: parent.querySelector(".participant-info"),
      infoTruncate: parent.querySelector(".participant-info > p"),
    }

    const modal = parent.querySelector(".modal-wrapper")
    const name = modal.querySelector(".sec-1 h3")
    const photo = modal.querySelector(".participant-visual")
    const label = modal.querySelector(".card-label")
    const details = modal.querySelector(".participant-details")
    const info = modal.querySelector(".participant-info")

    const secA = modal.querySelector(".sec-1")
    const secAinner = modal.querySelector(".sec-1 > div")
    const secB = modal.querySelector(".sec-2")

    for (const key in data) {
      const cloned = data[key].cloneNode(true)
      if (key === "name" || key === "label" || key === "details") {
        secAinner.appendChild(cloned)
      }
      if (key === "photo") {
        secA.appendChild(cloned)
      }
      if (key === "info") {
        secB.appendChild(cloned)
      }
    }
  })

  //   -----------
  const cardsInfo = document.querySelectorAll(".card-item > .participant-info > p")
  cardsInfo.forEach( info => {
	truncateText(info, 50)
  })
  //   -----------

  readMore.forEach((btn) => {
    var overlay = document.createElement("div")
    overlay.className = "overlay"
    var isModalOpen = false
    btn.addEventListener("click", function (e) {
      e.preventDefault()
      const parent = this.closest(".card-item")
      const modal = parent.querySelector(".modal-wrapper")
      const closeBtn = modal.querySelector(".closeBtn")
      // ---
      const viewportHeight = window.innerHeight
      modal.style.display = "block"
      modal.scrollTop = 0
      document.body.style.overflow = "hidden"
      document.body.appendChild(overlay)
      isModalOpen = true
      closeBtn.addEventListener("click", function (e) {
        e.preventDefault()
        modal.style.display = "none"
        document.body.style.overflow = "auto"
        document.body.removeChild(overlay)
        isModalOpen = false
        e.stopPropagation()
      })
    })
  })




</script>

...

CSS Stylesheet

#content .container { max-width: 1387px!important; position: relative; }

#event-introduction {  margin-top: 1.5rem; padding-bottom: 1rem; min-height: 300px; }
 #event-introduction .container { display: flex; justify-content: center; align-items: center; height: 300px;  border-radius: 16px; background-repeat: no-repeat!important;  position: relative; background-attachment: unset!important; background-size: cover!important; background-position: center!important; }

@media screen and ( max-width: 500px ) {
	#event-introduction .container { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/706381732/event-cover.png")!important; background-repeat: no-repeat!important; background-size: cover!important; background-attachment: unset!important; }
}

@media screen and (min-width: 501px) and ( max-width: 768px ) {
	#event-introduction .container { background-size: contain; background-attachment: unset!important;}
} 
@media screen and ( min-width: 1357px ) {
 #event-introduction .container { background-size: cover; background-attachment: unset!important; }
}   #event-introduction .event-hold {border-radius: 16px; position: absolute; top: 60px; color: white; }

@media screen and ( min-width: 1920px ) {
	#event-introduction .event-hold { top: 40px!important; }
}

.line-seperator { border-bottom: 1px solid #E8E7EB; margin-top: 50px; margin-bottom: 50px;  }

#event-details-section { padding-bottom: 0; }
#information-event-section { background: #CCF0FC; }
#information-event-section .col-9 { padding-top: 0; padding-bottom: 0; }




/* Event details */

#event-details .col-9 > p:first-child, #event-details .col-9 > p:last-child { display: none; }
#event-details .event-date { font-size: 16px; line-height: 24px; color: #004494; margin-bottom: 24px; background: #E6F7FD; border-radius: 8px; padding: 6px 8px; width: fit-content; display: flex; gap: 5px; }  
#event-details .event-date span { font-weight: 600; }  
#event-details .event-title { font-size: 48px; line-height: 56px; margin-bottom: 24px; }  
#event-details .event-info { margin-bottom: 100px; }  
#event-details .event-description { color: #1D0D34; margin-bottom: 44px; }  
#event-details .event-view { position: absolute; bottom: 0; }  



/* Past event section */

.past-event-section { background: #E6F7FD; margin-top: 36px; margin-bottom: 80px; }
.past-event-section .after-event-actions { display: flex; gap: 10px; align-items: center; }
.past-event-section a.btn.outline.link-download-presentation span.ico-arrow-south { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/460227009/Icons%20%282%29.svg?api=v2"); }
#tabs-video-content { margin-bottom: 58px; }
.past-event-section .after-event-description { margin-bottom: 40px; display: none; }
.past-event-section .tabs-video-content-iframe { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
.past-event-section .tabs-video-content-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; }

/* Event information section */

#information-event-section h2 { margin-bottom: 40px; }
#information-event-section .event-information-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.event-information-container p { margin-bottom: 0; color: #1D0D34; }
.event-information-container > div { display: flex; gap: 24px; width: 388px; min-width: 309px; justify-content: flex-start; }
.event-information-container img { width: 24px; height: 24px; min-width: 24px; min-height: 24px; }
.event-information-container .f-block { min-width: 64px; min-height: 64px; display: flex; justify-content: center; align-items: center; background: #FFF; border-radius: 8px; width: 64px; height: 64px; }
.event-information-container .l-block { text-align: left; }
.event-information-container h4 { margin-bottom: 6px; }


/* Event agenda */  
.event-agenda-container h4 { margin-top: 64px!important; margin-bottom: 40px!important; }
.event-agenda { display: flex; align-items: flex-start; gap: 20px; position: relative; }
.agenda-bullet { width: 16px; height: 16px; border: 4px solid #B21C80; border-radius: 50%; position: relative; top: 6px; background: #F6F5F7; }
.event-agenda:before { content: ""; position: absolute; top: 20px; left: 7px; width: 100%; height: 100%; background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/460227009/dotted-line.svg'); background-repeat: repeat-y; background-position: center left; }
.event-agenda-container .event-agenda:last-child:before { content: none; }
.agenda-info { width: 400px; max-width: 400px; margin-bottom: 48px; }
.agenda-info > .lead { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #D2CFD6; max-width: 560px; }
.agenda-info ul { }
.agenda-info > div > p > span { margin-bottom: 8px; font-size: 20px; color: #1D0D34; }




/* Event panelists */
.event-panelists-container { display: flex; gap: 70px; align-items: flex-start; flex-wrap: wrap; margin-top: 40px; }
.event-panelist { width: 150px; max-width: 150px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.panelist-view { display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; min-width: 150px; min-height: 150px; background: #F6F5F7; border-radius: 16px; margin-bottom: 16px; }
.panelist-view > img { width: 100%; height: auto; border-radius: 16px; }
.panelist-info h4 { margin-bottom: 6px; font-size: 18px; }

/* Event speakers */

.event-speakers-container { display: flex; gap: 70px; align-items: flex-start; flex-wrap: wrap; margin-top: 40px; }
.event-speakers{ width: 150px; max-width: 150px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.speakers-view { display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; min-width: 150px; min-height: 150px; background: #F6F5F7; border-radius: 16px; margin-bottom: 16px; }
.speakers-view > img { width: 100%; height: auto; border-radius: 16px; }
.speakers-info { min-height: 166px; display: flex; flex-direction: column; justify-content: space-between; }
.speakers-info > p:nth-child(2) { flex-grow: 1 }
.speakers-info h4 { margin-bottom: 6px; font-size: 18px; }  

/* Modal */


#panelists-section { position: relative; }
#speakers-section { position: relative; background: #E6F7FD; }
#speakers-section h2 { margin-bottom: 40px; }
#modal-event{   position: fixed; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);  z-index: 9999; overflow: hidden; display: none; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1); max-width: 840px; border-radius: 16px; }
#modal-content-event { padding: 56px 40px 24px 40px; }

.modal-content { position: relative; }
.modal-close { position: absolute; right: 16px; top: 16px; cursor: pointer; }
.modal-close > img { width: 24px; height: 24px; }
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 9998; }

.panelist-content {
  display: none;
}
.speaker-content { 
display: none; 
}


@media screen and ( max-width: 768px ) {

	#modal-event { max-width: 90%!important; }
}


/* Join section */

.section-get-started { position: relative; margin-bottom: 9.5rem; }
@media screen and ( max-width: 550px ) {
/*	#modal-event { max-height: 320px; overflow: scroll; } */ 
.event-date { margin-bottom: 16px!important; }

#modal-event { top: 108px!important; transform: translateX(-50%); max-height: calc(100vh - 108px); overflow-y: auto; } 
#modal-content-event { padding: 40px 24px 8px 24px!important; }
	    
	.past-event-section .after-event-actions { flex-direction: column; gap: 16px!important; align-items: flex-start!important; }
     .past-event-section .after-event-actions > a { width: 100%!important; }
 	.event-information-container { flex-direction: column; align-items: flex-start!important; gap: 24px; margin-bottom: 24px!important; }
	#shape-background-xp { max-width: 100%; top: 1014px; }
 	.event-panelists-container, .event-speakers-container { gap: 24px!important; }
}
.section-get-started-box { display: flex; flex-direction: column; justify-content: space-between;  position:relative; padding:1.5rem 2.5rem; box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1); border-radius: 16px; min-height: 276px; position: relative; z-index: 5; background: white; }
.section-get-started .card-footer { text-align: right; }
@media screen and ( max-width: 768px ) {
 .section-get-started .col-4:nth-child(2) { margin-top: 0px; margin-bottom: 0px; margin-left: 0; margin-right: 0; }
}
@media screen and ( min-width: 1000px ) { 
	.section-get-started .col-4:nth-child(1), .section-get-started .col-4:nth-child(3) { padding-left: 0; padding-right: 0; }
 	.section-get-started .col-4:nth-child(2) { padding-left:0; padding-right: 0; margin-left: 24px; margin-right: 24px; }
}
.section-get-started-box .card-description { min-height: 80px; }

@media screen and ( max-width: 1000px ) {
 #card-container-section-xp { display: flex; flex-direction: column; gap: 24px; }
 #card-container-section-xp .col-4 { width: 100%; padding-left: 24px; padding-right: 24px; padding-top: 0; padding-bottom: 0; }
}


  /*--- HOME NEWSFLASH ---*/ 
.home-newsflash { padding-top: 5rem; padding-bottom:0; margin-top: 7rem;}
.home-newsflash .container { position: relative;}
.home-newsflash .cols { z-index: 5; position: relative;}
.home-newsflash .home-newsflash-bg { display: block; z-index: 4; position:absolute; bottom: 0; left:-100%; width: 200%;}
.home-newsflash .home-newsflash-bg p { margin:0; line-height:0;}
.home-newsflash .home-newsflash-bg p img { margin:0; max-width: 100%; height: auto;}
.home-newsflash .btn { margin-bottom: 2rem;}

@media screen and (min-width: 768px) { 
	.home-newsflash .home-newsflash-bg { left:-30%; width: 100%;}
	.home-newsflash .btn { margin-bottom: 3rem;}
}

@media screen and (min-width: 1360px) { 
	.home-newsflash .home-newsflash-bg { left:-30%; width: 90%;}
}   

.external-event-wrapper > img { max-width: 148px; height: auto; }
.external-event-wrapper > p { color: white; font-size: 20px; }

.external-details { display: none; }
.panelist-more, .speakers-more { cursor: pointer; }

.speaker-tr > span { color: #1D0D34; }
.speaker-tr span:nth-child(2) { color: #776E85; }
ul.speaker-tr { padding: 0; list-style: none; }
ul.speaker-tr li { padding-bottom: 16px; }
.agenda-info_ > p:first-child { min-width: 77px; }

/* ----------- */

#overview-section { background: #E6F7FD; }
.cards-container { display: flex; flex-wrap: wrap; gap: 24px; }
.card-item { position: relative; display: flex; max-width: 322px; min-width: 322px; padding: 24px 24px 32px 24px; flex-direction: column; align-items: flex-start; flex-shrink: 0; border-radius: 16px; background: #FFF; box-shadow: 0px 4px 20px 0px rgba(0, 55, 100, 0.10); min-height: 372px; }
.card-item > .card-label { padding: 4px 8px; color: #004494; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; border-radius: 4px; background: #CCF0FC; margin-top: 12px; margin-bottom: 16px; }
.participant-details { padding-bottom: 16px; }
.participant-details p { margin-bottom: 0; min-height: 44px; }
.participant-details h3 { position: relative; z-index: 1; color: #1D0D34; font-size: 26px; font-style: normal; font-weight: 600; line-height: 32px; margin-bottom: 8px!important; }
.participant-details h3 .d-block { position: relative; z-index: 1; color: #1D0D34; font-size: 26px; font-style: normal; font-weight: 600; line-height: 32px; margin-bottom: 0px!important; }
.participant-details p span { font-size: 14px; line-height: 20px; }
.participant-details p > span:first-child { color: #776E85;  } 
.participant-details p > span:last-child { color: #4A3D5D; }
.card-item .card-bg { position: absolute; right: 0; top: 0; }
.card-item .participant-visual { position: absolute; right: 24px; top: 24px; width: 80px; height: 80px; max-width: 80px; height: 80px; border-radius: 8px; }
.participant-info { flex-grow: 1; }
.participant-info p { color: #4A3D5D; font-size: 14px; font-style: normal; line-height: 20px; }
.readmore { display: flex; width: 100%; justify-content: flex-end; margin-top: 8px; }

#content .modal-wrapper {   position: fixed; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);  z-index: 9999; overflow: hidden; display: none; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1); max-width: 808px; border-radius: 16px; padding: 40px; }
#content .modal-wrapper .sec-1 { display: flex; flex-direction: row-reverse; width: fit-content; gap: 24px; margin-bottom: 24px; position: relative; z-index: 2; }
#content .modal-wrapper .sec-1 > div { display: flex; flex-direction: column; }
#content .modal-wrapper .sec-1 > div h3 { order: 2; font-size: 26px; line-height: 32px; font-weight: 600; margin-bottom: 8px; }
#content .modal-wrapper .sec-1 > div h3 .d-block { font-weight: 600; }
#content .modal-wrapper .sec-1 > div .card-label { order: 1; max-width: fit-content; margin-bottom: 16px; padding: 4px 8px; color: #004494; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; border-radius: 4px; background: #CCF0FC; }
#content .modal-wrapper .sec-1 > div p { order: 3; font-size: 14px; line-height: 20px; margin-bottom: 0; }
#content .modal-wrapper .sec-1 > div p span:first-child { color: #776E85; }
#content .modal-wrapper .sec-1 > div p span:last-child { color: #4A3D5D; }
#content .modal-wrapper .participant-visual { position: initial; width: 158px; height: 158px; max-width: 158px; }
#content .modal-wrapper .closeBtn { position: absolute; right: 24px; top: 24px; background: none; border: unset; cursor: pointer; }

.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 9998; }

.bg-sec_ { position: absolute; right: 0; }
#bg1 { top: 21px; }
#bg2 { bottom: 1767px; }
#bg3 { bottom: 292px; }
.f-20 { font-size: 20px!important; }
.event-agenda-container { margin-top: 64px; }

Page tree

Versions Compared

Old Version 29

New Version 30

Key