Test custom FAQ block

_includes/block-faq-1.html

+<section class="block block-faq-1">
+  <div class="container">
+    <div class="columns">
+      <div class="column">
+        {% for faq_item in section.faq_items %}
+        <li class="faq-item">{{ faq_item.answer }}</li>
+        {% endfor %}
+      </div>        
+    </div>
+  </div>
+</section>
\ No newline at end of file

css/irma.css

@@ -25,7 +25,7 @@ header {
 /* Double call to action */
 
 .button.primary.inverted {
-    padding-right: 10px
+    margin-right: 10px
 }
 
 /* Overwriting colors */

index.md

@@ -49,6 +49,15 @@ page_sections:
   media:
     image: "/uploads/2018/06/21/blocks-split.png"
     alt_text: uBuild Blocks Mock-Up
+- template: faqs
+  block: faq-1
+  faq_items:
+  - question: "/"
+    answer: Home
+  - question: "/"
+    answer: Hello
+  - question: "/"
+    answer: World
 - template: content-feature
   block: feature-1
   media_alignment: Right