Versions Compared

Old Version 41

changes.mady.by.user Virginie MANGELINCK

Saved on

compared with

New Version Current

changes.mady.by.user Antonios Kamzelas

Saved on

Key

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

Page info
infoTypeCreate date
dateFormatdd MMMM yyyy
page$self
typeFlat

Html-bobswift
<div class="exc-interview">
    <div class="exc-country">Finland</div>
    <div class="exc-name">Kirsi Mikkonen - Mervi Kylmänen-Paakki - Olli Hurskainen</div>
    <div class="exc-prof"></div>
    <div class="exc-preview">https://ec.europa.eu/digital-building-blocks/sites/download/attachments/674509304/flag-finland.jpg</div>
</div>


Div
idinterview-detail-introduction
classsection
Div
classcontainer
Div
classcols justify-content-center
Div
classcol-9
Html-bobswift
<p><a class="link-cta primary before" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/News+and+Interviews"><span>Back to theNews & interviews<Interviews</span></a></p>
<h1 class="h2">Member State Interview</h1>
<p class="h1-subtitle">Once-Only Technical System Implementation – the FinlandFinnish perspective</p>
<p class="h1-date">20>21 June 2023 | 10 minutes read</p>
Div
classcols
Div
classinterview-detail-introduction-cover


Div
classcol-7 interview-detail-introduction-content
Html-bobswift
<p class="interview-detail-introduction-content-date">20>21 June 2023</p> 
<h2 class="h3"><span class="h2-subtitle">Member State Interview</span>Once-Only Technical System Implementation – the FinlandFinnish perspective</h2>
<p class="lead">“Finland>“The Finnish team share their personal viewviews on the programprogramme and respective status on OOTS Once-Only implementation”</p>
Div
stylepadding-top:0;
idinterview-detail-ms
classsection
Div
classcontainer
Div
classcols justify-content-center
Html-bobswift
<div class="col-9">
<div class="interview-detail-ms-cols">
</div>
</div>

...

Div
idinterview-detail-about-ms
classsection
Div
classcontainer
Div
classcols justify-content-around align-items-center
Html-bobswift
<div class="col-86">

<h2 class="h3" style="margin-bottom:1.25rem;">About the interviewees</h2>

<div class="interview-detail-about-ms-text-extra" style="width:100%">
<p><strong>Kirsi Mikkonen</strong>, Chief Specialist.
<br> Kirsi is a highly skilled and enthusiastic civil servant with years of experience in implementing key digital policies like The Act on Central Government's Joint e-Service Support Services, Services Directive and Single Digital Regulation.</p>

<p><strong>Mervi Kylmänen-Paakki</strong>, Senior Specialist.
<br>Mervi is a proficient government official with a forward-looking mindset, who has worked with developing public services and EU Single Market from national perspective for several years.</p>

<p><strong>Olli Hurskainen</strong>, Senior Specialist. 
<br>Olli is a versatile government official and a newcomer in the Finnish team, who has earlier worked with improving information of Finnish public services for several years.</p>
</div>

</div>

<div class="col-45">
<p class="interview-detail-about-ms-illu"><img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/674509304/finland-interviewees.jpg"></p>
</div>

...

CSS Stylesheet
.interview-detail-introduction-cover {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/674509304/flag-finland.jpg");
}

/*TO BE CLEAN AND PUT ON THE EXCERTP INCLUDE*/
.interview-detail-box { margin:0 auto; width:80%; padding: 0 2.5rem 1.5rem 2.5rem; border:1px solid #E3E6EB;}
.interview-detail-about-ms {}

.wiki-content .interview-detail-about-ms-illu { margin-bottom:0; line-height:0 !important;}
.interview-detail-about-ms-illu img {width: 180px;}

@media screen and (min-width: 769px) {
 .interview-detail-about-ms-illu img { width: 100%; max-width: 200px300px; height: auto;}
}