Page History

Div

id	home-introduction
class	section

Div

class	container

Div

class	cols align-items-center

Div

class	col-6

Html-bobswift

<h1><span class="d-block text-secondary">The Once Only Hub.</span> Collaborate to build the <span class="d-block">first EU Data Space.</span></h1>
<p>The Once Only Technical System (OOTS) is the first EU cross-domain data space for secure government-to-government data exchange.</p>
<p>To make OOTS a reality, the European Commission established the Once Only Hub (OOHUB), a space for implementors where they can discover and access all the services provided by the European Commission to implement the Once Only Technical System.</p>

Div

class	col-6

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/illu-introduction.png
alt	illustration Once Only Technical System (OOTS), a laptop shows secure documents
class	img-fluid

Div

id	who-hub-for
class	section

Div

class	container

Div

class	cols

Div
Who's the HUB for?

Div

class	cols gap-lg

Div

class	col-4

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/illu-national-coordination-groups.png
alt	illustration of a writing hand
height	80px

Html-bobswift
<h3 class="h4">National coordination groups</h3> <p>Responsible for the <strong>implementation of OOTS</strong> in their member state.</p>

Div

class	col-4

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/illu-competent-authorities.png
alt	illustration of a checklist
height	80px

Html-bobswift
<h3 class="h4">Competent authorities</h3> <p>The authorities which must <strong>allow their users to retrieve requested evidence</strong> using OOTS.</p>

Div

class	col-4

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/illu-solution-providers.png
alt	illustration of a light bulb
height	80px

Html-bobswift
<h3 class="h4">Solution providers</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>

...

CSS Stylesheet

#home-introduction {
 background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/bg-illu-sigle-home-introduction.svg");
 background-position: bottom right;
 background-repeat: no-repeat;
 background-size: cover;
}

#who-hub-for {}

#services { background: #00284A;}
#services h2, #services h3, #services p { color: white;}
#services .opacity-75 { opacity: 0.75;}
#services .opacity-50 { opacity: 0.50;}
#services .badge { color: #995E00; background: #FFEECC;}

/*HACK remove empty p from Confluence*/
#services .col-4 > p:first-child { border:1px solid green; display: none;}
#services .card-grid { padding: 0; background: transparent;}
#services .card-grid-body p:last-child { margin-bottom:0;}

Page tree

Versions Compared

Old Version 65

New Version 66

Key

Who's the HUB for?