Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Div
idhome-introduction
classsection
Div
classcontainer
Div
classcols align-items-center
Div
classcol-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
classcol-6
HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/illu-introduction.png
altillustration Once Only Technical System (OOTS), a laptop shows secure documents
classimg-fluid

...

Div
classsection
Div
classcontainer
Div
classcols justify-content-center align-items-center
Div
classcol-5

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/illu-service-desk.png
altillustration customer service desk, a phone with message
classimg-fluid

Div
classcol-5

Service desk

The service desk helps Contributors get access to the Confluence and answers to any technical issues. Contributors are added to specific user groups which allow them to see the dedicated pages of the sub-groups they are working on.

Html-bobswift
<p><a class="btn ghost" href="#"><span>Contact the service desk</span></a></p>
CSS Stylesheet
#home-introduction {
 background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/575210496/bg-curve-half-terciary.svg");
 background-position: bottom right;
 background-repeat: no-repeat;
 background-size: cover;
}

#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;}