Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
CSS Stylesheet
/*-------------------------------------------------------*/
/*---OOH COMMON AND SUPPORTING SERVICES - 1118-0103-2024---*/
/*-----------------------------------------------------*/
#main-content { overflow: hidden;}

/*---INTRODUCTION---*/
#introduction h1 { margin-bottom:2.5rem;}
#introduction p { margin-bottom:0;}
#introduction img { width: 100%; max-width: 225px; height: auto;}

@media screen and (min-width: 769px) {
  #introduction img { max-width: 320px;}
}
  
/*hack - remove empty p from confluence*/
#introduction p:first-child ,#introduction p:last-child { display:none; border:1px solid red;}

/*---COMMON SERVICES---*/
#common-services { background: rgb(243,244,247);
background: linear-gradient(180deg, rgba(243,244,247,1) 65%85%, rgba(251,252,255,1) 65%85%, rgba(251,252,255,1) 100%);}
#common-services h2 { margin-bottom:2.5rem;}

.common-services-card { display: flex; flex-direction: column; gap: 24px; padding: 32px 40px 40px;}
.common-services-card-bg { position: absolute; top: 0; right: 0; width: 100%; }
.common-services-card .card-grid-custom-illu { display: flex; width: 100%; justify-content: end; align-items: center; min-height: 128px;}
.common-services-card .card-grid-custom-illu img { position: relative; top: -21px; width: 100%; max-width: 120px; height: auto;}
.common-services-card .card-grid-custom-content { display: flex; flex-direction: column; justify-content: space-between;  height: 100%; position: relative;}
.common-services-card h3 { margin-bottom: 12px;}

/*hackto -do removeput emptyin pthe frommain confluenceCSS*/
.common-services-cardscard .col-4 > p:first-child, .common-services-cards .col-4 > p:last-child  { border:1px solid red; display: none;}

/*---TESTING SERVICES---*/
#testing-services h2 { margin-bottom:2.5rem;}
#testing-services .col-7 { position: relative; z-index: 2;}
#testing-services .col-4 { position: relative;}
#testing-services .col-4 p { margin-bottom:0;}
#testing-services .bg { z-index: 1; position: absolute; top:-50px; left: 30px;}
#testing-services .illu { z-index: 2; position: relative; width: 100%; max-width: 200px; height: auto;}

@media screen and (max-width: 768px) {
  #testing-services .col-7 { margin-top: -2.5rem;}
}
  
@media screen and (min-width: 769px) {
  #testing-services { padding-top:0;}
  #testing-services .col-4 { order: 2;}
  #testing-services .col-7 { order: 1;}card-grid-footer .card-grid-footer-btns { display: inline-flex; flex-direction: row; gap:12px;}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .common-services-card .card-grid-footer .card-grid-footer-btns {flex-direction: column;}
}

.wiki-content a.btn { justify-content: flex-start; align-items: left;}
.wiki-content a.btn span[class^="ico-"] { flex-shrink: 0;}
/**/

/*hack - remove empty p from confluence*/
.common-services-cards .col-4 > p:first-child, .common-services-cards .col-4 > p:last-child  { border:1px solid red; display: none;}

/*---TESTING SERVICES---*/
#testing-services h2 { margin-bottom:2.5rem;}
#testing-services .col-7 { position: relative; z-index: 2;}
#testing-services .col-4 { position: relative;}
#testing-services .col-4 p { margin-bottom:0;}
#testing-services .bg { z-index: 1; position: absolute; top:-50px; left: 30px;}
#testing-services .illu { z-index: 2; position: relative; width: 100%; max-width: 200px; height: auto;}

@media screen and (max-width: 768px) {
  #testing-services .illucol-7 { maxmargin-widthtop: 270px-2.5rem;}
}

/*---SUPPORTING SERVICES---*/
#supporting-services h2 { margin-bottom:2.5rem;}
#supporting-services .supporting-services-cta { margin-bottom  
@media screen and (min-width: 769px) {
  #testing-services { padding-top:0;}
#supporting  #testing-services .col-64 { position: relative; z-indexorder: 2;}
#supporting  #testing-services .col-47 { positionorder: relative1;}
#supporting  #testing-services .col-4 pillu { max-width: 270px;}
}

/*---SUPPORTING SERVICES---*/
#supporting-services h2 { margin-bottom:02.5rem;}
#supporting-services .bgsupporting-services-cta { z-index: 1; position: absolute; top:0; right: 120px;} margin-bottom:0;}
#supporting-services .illucol-6 { position: relative; z-index: 2; position: relative; width: 100%; max-width: 200px; height: auto;}

@media screen and (max-width: 768px) {
  }
#supporting-services .col-4 { position: relative;}
#supporting-services .col-64 p { margin-top: -2.5rem;}
}

@media screen and (min-width: 769px) {
  bottom:0;}
#supporting-services .bg { z-index: 1; position: absolute; top:10px0; right: 60px120px;} 
  #supporting-services .illu { max-width: 270px;}
}

/*---DOCUMENTS---*/
#documents { z-index: 2; position: relative; padding-bottom:0;}
#documents h2, #documents p.lead { margin-bottom: 2.5rem;}  
#documents .cols:nth-child(2) {margin-top:-2rem;}
#documents .card-grid { text-align: center;}
#documents .card-grid-body p { font-family: Source Sans Pro SB; color: #001832;}
#documents .card-grid-body p img { margin:0 auto 0.5rem auto; display: block;}

/*hack - remove empty p from confluence*/
#documents .container .cols:first-child p:first-child  { display: none; border:1px solid red;}  
#documents .col-4 > p:first-child, #documents .col-4 > p:last-child { display: none; border:1px solid red;}

/*---BOX CTA PLAYBOOK---*/
#box-cta-playbook { position:relative;}
#box-cta-playbook .container .cols { margin-bottom:-1rem;}
.box-playbook { padding:1.5rem; background-color: #00284A; border-radius:20px;}
.box-playbook-col-illu { margin-bottom:1rem;}
.box-playbook-col-illu img { width: 120px; height:auto;}
.box-playbook h3, .box-playbook p { color: white;}
.box-playbook p.p-opacity { opacity: 0.75}
.box-playbook p:last-of-type { margin-bottom:0;}
width: 100%; max-width: 200px; height: auto;}

@media screen and (max-width: 768px) {
  #supporting-services .col-6 { margin-top: -2.5rem;}
}

@media screen and (min-width: 769px) {
  #supporting-services .bg { z-index: 1; position: absolute; top:10px; right: 60px;}
  #supporting-services .illu { max-width: 270px;}
}

/*---EVIDENCE EXPLORER---*/
#evidence-explorer h2 { margin-bottom:2.5rem;}
#evidence-explorer .col-7 { position: relative; z-index: 2;}
#evidence-explorer .col-4 { position: relative;}
#evidence-explorer .col-4 p { margin-bottom:0;}
#evidence-explorer .bg { z-index: 1; position: absolute; top:-50px; left: 10px;}
#evidence-explorer .illu { z-index: 2; position: relative; width: 100%; max-width: 200px; height: auto;}
#evidence-explorer ul { margin: 0 0 1.5rem 0; padding: 0; list-style: none;}
#evidence-explorer ul li:before { content: '•'; padding-right: 12px;}

@media screen and (max-width: 768px) {
  #evidence-explorer .col-7 { margin-top: -2.5rem;}
}
  
@media screen and (min-width: 769px) {
  #evidence-explorer {}
  #evidence-explorer .boxcol-playbook4 { paddingorder: 2.5rem;}
 .box-playbook-cols #evidence-explorer .col-7 { displayorder: flex1; align-items: center;}
 .box-playbook-col-illu { margin-bottom:0; padding:0 3rem 0 0}
}

@media screen and (min-width: 1366px) {
  .box-playbook { padding:5rem;}
}

/*hack - remove empty p from confluence*/
#box-cta-playbook .container > p:first-child, #box-cta-events .container > p:last-child { display: none; border:1px solid green;}
Div
idintroduction
classsection
Div
classcontainer
Div
classcols justify-content-between align-items-center
Div
classcol-7
Html-bobswift
<h1><span class="heading-subtitle">Services</span>Once-Only Technical<br>System services</h1>
<p class="lead">To enable the exchange of evidences between Data Services and Online Procedure Portals and comprehensive support while developing and integrating the system, the Once-Only Technical System includes Once-Only common services and additional supporting services.</p>
Div
classcol-4
HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-introduction.png
altillustration Once Only Technical System (OOTS)
classimg-fluid img-mobile
}
  #evidence-explorer .illu { max-width: 270px;}
}

/*---DOCUMENTS---*/
#documents { z-index: 2; position:relative; padding-bottom:0;}
#documents h2, #documents p.lead { margin-bottom: 2.5rem;}  
#documents .cols:nth-child(2) {margin-top:-2rem;}
#documents .card-grid { text-align: center;}
#documents .card-grid-body p { font-family: Source Sans Pro SB; color: #001832;}
#documents .card-grid-body p img { margin:0 auto 0.5rem auto; display: block;}

/*hack - remove empty p from confluence*/
#documents .container .cols:first-child p:first-child  { display: none; border:1px solid red;}  
#documents .col-4 > p:first-child, #documents .col-4 > p:last-child { display: none; border:1px solid red;}

/*---BOX CTA PLAYBOOK---*/
#box-cta-playbook { position:relative;}
#box-cta-playbook .container .cols { margin-bottom:-1rem;}
.box-playbook { padding:1.5rem; background-color: #00284A; border-radius:20px;}
.box-playbook-col-illu { margin-bottom:1rem;}
.box-playbook-col-illu img { width: 120px; height:auto;}
.box-playbook h3, .box-playbook p { color: white;}
.box-playbook p.p-opacity { opacity: 0.75}
.box-playbook p:last-of-type { margin-bottom:0;}

@media screen and (min-width: 769px) {
 .box-playbook { padding:2.5rem;}
 .box-playbook-cols { display: flex; align-items: center;}
 .box-playbook-col-illu { margin-bottom:0; padding:0 3rem 0 0}
}

@media screen and (min-width: 1366px) {
  .box-playbook { padding:5rem;}
}

/*hack - remove empty p from confluence*/
#box-cta-playbook .container > p:first-child, #box-cta-events .container > p:last-child { display: none; border:1px solid green;}

/*---VIDEO---*/
#video {margin-top:6rem;}
#video h3 { margin-bottom:20px;}
.video-container-iframe { margin-top:40px; position: relative; z-index: 1; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.video-container-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; border-radius: 16px;}
Div
idintroduction
classsection
Div
classcontainer
Div
classcols justify-content-between align-items-center
Div
classcol-7
Html-bobswift
<h1><span class="heading-subtitle">Services</span>Once-Only Technical<br>System services</h1>
<p class="lead">To enable the exchange of evidences between Data Services and Online Procedure Portals and comprehensive support while developing and integrating the system, the Once-Only Technical System includes Once-Only common services and additional supporting services.</p>
Div
classcol-4
HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-introduction.png
altillustration Once Only Technical System (OOTS)
classimg-fluid img-mobile
Div
idcommon-services
classsection
Div
classcontainer
Div
classcols
Html-bobswift
<div class="col-8">
<h2>Common services</h2>
<p>The Commission provides Common Services to help EU Member States ensure the proper exchange of evidences through the Once-Only Technical System. The Common Services do not process data about citizens or businesses. Instead, they contain and serve operational data parameters that support the operation of the Once-Only technical system.</p>
</div>
Div
classcols common-services-cards
Div
classcol-4
Html-bobswift
<div class="card-grid card-grid-custom common-services-card">

<img alt="" aria-hidden="true" class="common-services-card-bg" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-card-top.svg"/>

<div class="card-grid-custom-illu">
 	<img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-common-services-tool.png"> 
</div>

<div class="card-grid-custom-content" style="width: 100%;">
<div class="card-grid-body">
<h3 class="h5">Input data into the Common services tool</h3>
<p>Helps you manage your Member State procedures, requirements, evidence types, evidence providers and data services through the application.</p>
</div>
<div class="card-grid-footer">
<p class="card-grid-footer-btns">
<a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/x/XZWHKg"><span>Go to guide</span><span class="ico-cta-forward"></span></a>
<a class="btn ghost" href="https://cs.oots.tech.ec.europa.eu/home" target="_blank"><span>Go to tool</span><span class="ico-cta-forward"></span></a>
</p> 
</div>

</div>

</div>
Div
classcol-4
Html-bobswift
<div class="card-grid card-grid-custom common-services-card">

<img alt="" aria-hidden="true" class="common-services-card-bg" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-card-top.svg"/>

<div class="card-grid-custom-illu">
 	<img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-manage-user-roles.png"> 
</div>

<div class="card-grid-custom-content" style="width: 100%;">
<div class="card-grid-body">
<h3 class="h5">Manage user roles and accesses to the tool</h3>
<p>The user management tool allows Member State User Managers (National coordinators) to add, manage and remove users from the Common Services Administration Tool.</p>
</div>
<div class="card-grid-footer">
<p><a class="btn ghost" href="https://cs.oots.tech.ec.europa.eu/user-mgmt/main" target="_blank"><span>Go to the User Mgmt tool</span><span class="ico-cta-forward"></span></a></p> 
</div>

</div>

</div>
Div
classcol-4
Html-bobswift
<div class="card-grid card-grid-custom common-services-card">

<img alt="" aria-hidden="true" class="common-services-card-bg" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-card-top.svg"/>

<div class="card-grid-custom-illu">
 	<img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-api.png"> 
</div>

<div class="card-grid-custom-content" style="width: 100%;">
<div class="card-grid-body">
<h3 class="h5">APIs to query common services</h3>
<p>The Common Services provide machine-to-machine REST APIs for querying. For look-ups, all common services shall implement the REST APIs introduced in this section.</p>
</div>
Div
idcommon-services
classsection
Div
classcontainer
Div
classcols
Html-bobswift
<div class="col-8">
<h2>Common services</h2>
<p>The Commission provides Common Services to help EU Member States ensure the proper exchange of evidences through the Once-Only Technical System. The Common Services do not process data about citizens or businesses. Instead, they contain and serve operational data parameters that support the operation of the Once-Only technical system.</p>
</div>
Div
classcols common-services-cards
Div
classcol-4
Html-bobswift
<div class="card-grid card-grid-custom common-services-card">

<img alt="" aria-hidden="true" class="common-services-card-bg" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-card-top.svg"/>

<div class="card-grid-custom-illu">
 	<img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-common-services-tool.png"> 
</div>

<div class="card-grid-custom-content" style="width: 100%;">
<div class="card-grid-body">
<h3 class="h5">Input data into the Common services tool</h3>
<p>Helps you manage your Member State procedures, requirements, evidence types, evidence providers and data services through the application.</p>
</div>
<div class="card-grid-footer">
<p><a class="btn ghost" href="https://cs.oots.tech.ec.europa.eu/home" target="_blank"><span>Go to the Admin tool</span><span class="ico-cta-forward"></span></a></p> 
</div>

</div>

</div>
Div
classcol-4
Html-bobswift
<div class="card-grid card-grid-custom common-services-card">

<img alt="" aria-hidden="true" class="common-services-card-bg" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-card-top.svg"/>

<div class="card-grid-custom-illufooter">
<p><a 	<img altclass="" aria-hidden="truebtn ghost" srchref="https://ecoots.pages.code.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-manage-user-roles.png"> 
</div>

<div class="card-grid-custom-content" style="width: 100%;">
tdd/apidoc/" target="_blank"><span>Go to the APIs</span><span class="ico-cta-forward"></span></a></p> 
</div>

</div>

</div>
Div
idvideo
classcols
Html-bobswift
<div class="
card
col-
grid-body
12">
<h3 class="h5">Manage user roles and accesses to the tool</h3> <p>The user management tool allows Member State User Managers (National coordinators) to add, manage and remove users from
<h3>Common services in 2 minutes</h3>
<p>Watch the video explaining the Common 
Services Administration Tool
services.</p>
</div>

<div class="
card
video-
grid
container-
footer
iframe">
<p><a
<iframe 
class
src="
btn ghost" href="
https://
cs.oots.tech.ec.
europa.eu
/user-mgmt/main" target="_blank"><span>Go to the User Mgmt tool</span><span class="ico-cta-forward"></span></a></p>
/webtools/crs/iframe/?oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2fF92ddAdhv3A" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>

</div>
</div>
Div
idtesting-services
classsection
Div
classcontainer
Div
classcols align-items-center
<div class="card-grid card-grid-custom common-services-card"> <img alt="" aria-hidden="true" class="common-services-card-bg" src="

Div
classcol-4 text-center

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-testing-services.png
altillustration customer service desk, a phone with message
classillu

Html-bobswift
HTML Image
src

https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-illu-sigle-testing-services.svg
classbg

Div
classcol-7
Html-bobswift
<h2>Testing service</h2>
<p>This Testing service assists national teams in implementing the Once-Only Technical System. Information on available testing services, including the test platform and other tools to facilitate testing are available on a restricted wiki space.</p>
<p>If required, please request access to the restricted wiki via <a href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Service+Desk">the Service Desk</a>.</p>card-top.svg"/>

<div class="card-grid-custom-illu">
 	<img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-api.png"> 
</div>

<div class="card-grid-custom-content" style="width: 100%;">
<div class="card-grid-body">
<h3 class="h5">APIs to query common services</h3>
<p>The Common Services provide machine-to-machine REST APIs for querying. For look-ups, all common services shall implement the REST APIs introduced in this section.</p>
</div>
<div class="card-grid-footer">
<p><a class="btn ghost" target="_blank" href="https://oots.pages.codeec.europa.eu/tdd/apidoc/" target="_blank"/digital-building-blocks/wikis/display/SDGOO/Testing+Services+-+SDG+OOTS"><span>Go to the APIs<wiki</span><span class="ico-cta-forward"></span></a></p> 
</div>

</div>

</div>
Div
idtestingsupporting-services
classsection
Div
classcontainer
Div
classcols justify-content-center align-items-center
Div
classcol-4 text-center

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-testingsupporting-services.png
altillustration customer service desk, a phone with message
classillu

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-illu-sigle-testingservices-servicesdesk.svg
classbg

<h2>Testing service</h2> <p>This Testing service assists national teams in implementing the
="col-6">
<h2>Service desk</h2>
<!--
<p>This service desk helps users improve the performance, continuity and reliability of their Once-Only Technical System implementations. Contact 
Information
the service 
on
desk 
available
regarding 
testing
access 
services, including the test platform and other tools to facilitate testing are available on a restricted wiki space.</p> <p>If required, please request access to the restricted wiki via <a href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Service+Desk">the Service Desk</a>.</p> <p><a class="btn ghost" target="_blank
requests, report incidence or to speak directly with technical support.</p>
-->
<p>This service desk helps users improve the performance, continuity and reliability of their Once-Only Technical System implementations.</p>
<p>Contact the service desk for support with OOTS-related technical issues and access requests. The service desk will also coordinate the resolution of eDelivery and EU-Login issues.</p>
<p class="supporting-services-cta"><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/
wikis
sites/display/
SDGOO
OOTS/
Testing+Services+-+SDG+OOTS
Service+Desk"><span>Go to the 
wiki<
Service Desk</span><span class="ico-cta-forward"></span></a></p>
</div>
Divhtml-bobswift
<div class
col-7
Html-bobswift
Div
idsupportingevidence-servicesexplorer
classsection
Div
classcontainer
Div
classcols justify-content-center align-items-center
Div
classcol-4 text-center

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-supportingevidence-servicesexplorer.png
altillustration customer service desk, a phone with message
classillu

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-illu-sigle-servicesevidence-deskexplorer.svg
classbg

Div
classcol-7
Html-bobswift
<div class="col-6"> <h2>Service desk<
<h2>Evidence Explorer</h2>
<!-- <p>This service desk helps users improve the performance, continuity and reliability of their Once-Only Technical System implementations. Contact the service desk regarding access requests, report incidence or to speak directly with technical support.</p> --> <p>This service desk helps users improve the performance, continuity and reliability of their Once-Only Technical System implementations.</p> <p>Contact the service desk for support with OOTS-related technical issues and access requests. The service desk will also coordinate the resolution of eDelivery and EU-Login issues.</p> <p class="supporting-services-cta"><a class="btn ghost
<p style="margin-bottom:0;">The Evidence explorer shows published data in the Common Services and helps competent authorities see:</p>
<ul>
<li>The procedural requirements each Member States have defined for each procedure</li>
<li>The full list of procedural requirements so they can determine if they issue relevant evidences </li>
<li>The list of evidence providers that are ready to exchange evidence</li>
</ul>
<p><a class="btn ghost" target="_blank" href="https://
ec
oots.pages.code.europa.eu/
digital
evidence-
building
explorer/ee-
blocks
app/
sites/display/OOTS/Service+Desk
#/procedures"><span>Go to the 
Service
Evidence 
Desk<
Explorer</span><span class="ico-cta-forward"></span></a></p>
</div>

Div
iddocuments
classsection
Div
classcontainer
Div
classcols
Html-bobswift
<div class="col-9">
<h2>Service agreements</h2>
<p>The Once-Only Technical System service desk​ ​​Service offering description​ (SOD) provides a comprehensive overview of the service, how you can use it and how it is organised.</p>
<p>The Once-Only Technical System service desk​ Service level arrangement (SLA) is a statement of the intentions of the Commission within the specific context of Digital Europe Programme (DEP) work programmes and applies to the software and services provided by the Once-Only Technical System Common Services. It aims to specify how the software and services are provided as well as the expected level of service.</p>
</div>
Div
classcols
Div
classcol-4
Html-bobswift
<div class="card-grid">

<div class="card-grid-body"> 
<p><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-pdf.svg" alt="">Once-Only Technical System - Service Desk​ - ​​Service Offering Description​ (SOD)<p>
</div>

<div class="card-grid-footer">
<p><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/OOTS-service-desk-SOD-1.10.pdf"><span>Download (EN)</span><span class="ico-download"></span></a></p> </div>

</div>
Div
classcol-4
Html-bobswift
<div class="card-grid">

<div class="card-grid-body"> 
<p><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-pdf.svg" alt="">Once-Only Technical System - Service Desk​ - Service Level Arrangement (SLA)<p>
</div>

<div class="card-grid-footer">
<p><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/OOTS-Service-Desk-SLA-v1.10.pdf"><span>Download (EN)</span><span class="ico-download"></span></a></p>
</div>

</div>
Div
classcol-4
Html-bobswift
<div class="card-grid">

<div class="card-grid-body"> 
<p><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-pdf.svg" alt="">OOTS Common Services - Query Services - Service Level Arrangement (SLA​)<p>
</div>

<div class="card-grid-footer">
<p><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/OOTS-CS-Query-Service-SLA-v1.0.pdf"><span>Download (EN)</span><span class="ico-download"></span></a></p> </div>

</div>
Div
classcols
Div
classcol-4
Html-bobswift
<div class="card-grid">

<div class="card-grid-body"> 
<p><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-pdf.svg" alt="">OOTS Common Services - User Management Application - Service Level Arrangement (SLA​)<p>
</div>

<div class="card-grid-footer">
<p><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/OOTS-CS-User-Mgmt-App-SLA-v1.0.pdf"><span>Download (EN)</span><span class="ico-download"></span></a></p>
</div>

</div>
Div
idbox-cta-playbook
classsection
Div
classcontainer
Html-bobswift
<div class="cols justify-content-center">

<div class="col-8">
<div class="box-playbook">
<div class="box-playbook-cols">

<div class="box-playbook-col-illu">
<img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-onboarding-playbook.png">  
</div>

<div class="box-playbook-col-content">
<h3 class="h5">Not sure where to start with implementing OOTS?</h3>
<p class="p-opacity">Visit the onboarding playbook to learn all about the steps necessary to make the Once-Only Technical System a reality in your member state inputting your data in the Common Services?</h3>
<p class="p-opacity">Visit the Common services "How-To" guide to understand the different components of the Common Services, what your role is as an Evidence Provider or Requester, and the key tasks associated with your role.</p>
<p><a class="btn primary-bis" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Onboarding+Playbookx/XZWHKg" onclick="_paq.push(['trackEvent','conversion','oots-services','oots-onboardinghow-to-playbookguide'])"><span>Go to the Onboarding Playbook<"How-To" guide</span><span class="ico-cta-forward"></span></a></p>
<!--<p><span class="badge warning">Coming soon</span></p>-->

</div>

</div>
</div>
</div>

</div>