Resolve "Learning materials"

Review here

Closes #276 (closed) #236 (closed)

_layouts/frontpage.html

@@ -12,7 +12,26 @@
 
         {%- include title_image.html content=title-content -%}
      
+        <div class="transition-block">
+
+            {% include transition.html direction="top" %}
+            <div class="frontpage-mission-jumbotron">
+                <section>
+                    <div class="info-col">
+
+                        <div class="info-box">
+                            <a href="{{ 'howtouse/' | relative_url }}" class="btn btn-outline-primary">
+                                <h3><i class="fas fa-lightbulb" aria-hidden="true"></i>&nbsp; Why should I use HIFIS? And how?</h3>
+                            </a>
+                            <p>
+                            Click here for more information on how can HIFIS help you in doing research and more!
+                            </p>
+                        </div>
 
+                    </div>
+                </section>
+            </div>
+        </div>
         <section>
             {% if page.notification.description and page.notification.title %}
             {% include frontpage/notification.html