Integreer IRMA part

_includes/block-irma-hero-2.html

@@ -5,7 +5,7 @@ style="background-image: url('{{ section.background_image | prepend: site.baseur
   <div class="container">
     <div class="columns">
       <div class="column text">
-        <h1><span class="light">{% t section.headline %}</span></h1>
+        <h1><span class="light {% t section.class %}">{% t section.headline %}</span></h1>
         <p>{{ section.content }}</p>
         {% if section.ctaiOS and section.ctaiOS.enabled == true %}
         <button class="button primary inverted" onclick="location.href='{% t section.ctaiOS.url %}'" type="button">{% t section.ctaiOS.button_text %}</button>

_includes/block-irma-three-column.html

 <section class="block block-three-column-1">
-  <div class="container">
+  <div class="container {% t section.class %}">
     <div class="destination" id="{% t section.id %}"></div>
     <div class="columns">
       <div class="column">

_includes/block-irma-two-column.html

 <section class="block block-two-column-1">
-  <div class="container">
+  <div class="container {% t section.class %}">
     <div class="destination" id="{% t section.id %}"></div>
     <div class="columns">
       <div class="column">

css/irma.css

@@ -417,6 +417,29 @@ column.text p {
   text-align: center;
 }
 
+.start > div > div > p {
+  text-align: left;
+}
+
+.start > div > div > h3 {
+  text-align: left;
+}
+
+.start > div > div > ul {
+  padding-left: 1em;
+}
+
+
+.start > div > div > ul > li {
+  text-align: left;
+  padding-bottom: 0.5em;
+  padding-left: 1em;
+}
+
+h1 span.bolder{
+  font-weight: 500 !important;
+}
+
 /* Adjusting the size of elements based on screen size */
 
 @media screen and (min-width:700px) {

index.md

@@ -43,6 +43,7 @@ page_sections:
 - template: 3-column-text
   block: irma-three-column
   id: usage.id
+  class: usage.class
   image_1:
     image: "/uploads/non-free/login.png"
     alt: usage.login_alt

irma-start.md

@@ -2,7 +2,7 @@
 languages:
 - nl
 layout: blocks
-title: Van start met IRMA
+title: Integreer IRMA
 date: 2017-11-22T23:00:00.000+00:00
 page_sections:
 - template: navigation-header
@@ -33,6 +33,7 @@ page_sections:
 - template: 3-column-text
   block: irma-three-column
   id: start_intro.id
+  class: start_intro.class
   col_1:
     headline: start_intro.aandeslag_header
     content: start_intro.aandeslag_content
@@ -51,10 +52,12 @@ page_sections:
 - template: irma-banner
   block: irma-hero-2
   headline: gebruikers.headline
+  class: gebruikers.class
 
 - template: 3-column-text
   block: irma-three-column
   id: start_gebruikers.id
+  class: start_intro.class
   col_1:
     headline: start_gebruikers.tonen_header
     content: start_gebruikers.tonen_content
@@ -68,10 +71,12 @@ page_sections:
 - template: irma-banner
   block: irma-hero-2
   headline: verifiers.headline
+  class: verifiers.class
 
 - template: 3-column-text
   block: irma-three-column
   id: start_verifiers.id
+  class: start_intro.class
   col_1:
     headline: start_verifiers.tonen_header
     content: start_verifiers.tonen_content
@@ -85,10 +90,13 @@ page_sections:
 - template: irma-banner
   block: irma-hero-2
   headline: issuers.headline
+  class: issuers.class
+
 
 - template: 2-column-text
   block: irma-two-column
   id: start_issuers.id
+  class: start_intro.class
   col_1:
     headline: start_issuers.verplichting_header
     content: start_issuers.verplichting_content