Resolve "Learning materials"

Review here

Closes #276 (closed) #236 (closed)

_includes/header.html

@@ -49,6 +49,77 @@ See also:
         <nav>
             <p><a href="{{ "search" | relative_url }}">Search</a></p>
 
+            <details class="my-3">
+                <summary>
+                    <strong>Helmholtz Services</strong>
+                </summary>
+                <div>
+                    <p><a href="{{ "services/" | relative_url }}">Our Services: Overview</a></p>
+                    <p><a href="{{ "services/cloud/Helmholtz_cloud" | relative_url }}">Cloud Services</a></p>
+                    <p><a href="https://cloud.helmholtz.de/services">&nbsp;&nbsp;<i>All Services</i>&nbsp;<i class="fas fa-external-link-alt"></i></a></p>
+                    <p><a href="https://cloud.helmholtz.de/services?search=share">&nbsp;&nbsp;<i>Collaboration Services</i>&nbsp;<i class="fas fa-external-link-alt"></i></a></p>
+                    <p><a href="https://cloud.helmholtz.de/services?search=compute">&nbsp;&nbsp;<i>Compute Services</i>&nbsp;<i class="fas fa-external-link-alt"></i></a></p>
+                    <p><a href="https://aai.helmholtz.de">Identity and Access Management, AAI&nbsp;<i class="fas fa-external-link-alt"></i></a></p>
+                    <p><a href="{{ "consulting" | relative_url }}">Consulting</a></p>
+                    <p><a href="{{ "services/#software" | relative_url }}">Helmholtz Software Engineering</a></p>
+                    <p><a href="{{ "contact" | relative_url }}">HIFIS Helpdesk</a></p>
+                    <p><a href="{{ "services/#backbone" | relative_url }}">Backbone</a></p>
+                </div>
+            </details>
+
+            <details class="my-3">
+                <summary>
+                    <strong>Learn &amp; Training</strong>
+                </summary>
+                <div>
+                    <p><a href="{{ "events/" | relative_url }}">Course Catalogue</a></p>
+                    <p><a href="{{ "services/overall/tutorials" | relative_url }}">Learning Materials</a></p>
+                    <p><a href="{{ "faq" | relative_url }}">FAQ</a></p>
+                    <p><a href="https://hifis.net/doc">Documentation</a></p>
+                    <p><a href="{{ "faq" | relative_url }}">Glossar</a></p>
+                </div>
+            </details>
+
+            <details class="my-3">
+                <summary>
+                    <strong>About HIFIS</strong>
+                </summary>
+                <div>
+                    <p><a href="{{ "faq" | relative_url }}">About HIFIS / Mission</a></p>
+                    <p><a href="{{ "partners" | relative_url }}">Partners</a></p>
+                    <p><a href="{{ "team" | relative_url }}">Team</a></p>
+                    <p><a href="{{ "structure/" | relative_url }}">Structure</a></p>
+                    <p><a href="{{ "roadmap" | relative_url }}">Roadmap</a></p>
+                    <p><a href="{{ "documentation#reports" | relative_url }}">Reports</a></p>
+                </div>
+            </details>
+
+
+            <details class="my-3">
+                <summary>
+                    <strong>Use Cases</strong>
+                </summary>
+                <div>
+                    <p><a href="{{ "spotlights" | relative_url }}">Community Use Cases</a></p>
+                    <p><a href="{{ "contact" | relative_url }}">&nbsp;&nbsp;<i>Submit Use Case</i></a></p>
+                    <p><a href="{{ "spotlights" | relative_url }}">Software Spotlights</a></p>
+                </div>
+            </details>
+
+            <details class="my-3">
+                <summary>
+                    <strong>Latest &amp; Media</strong>
+                </summary>
+                <div>
+                    <p><a href="{{ "news/" | relative_url }}">News</a></p>
+                    <p><a href="https://lists.desy.de/sympa/subscribe/hifis-announce">&nbsp;&nbsp;<i>Subscribe to News letter</i>&nbsp;<i class="fas fa-bell"></i></a></p>
+                    <p><a href="{{ "feed/news.xml" | relative_url }}">&nbsp;&nbsp;<i>Subscribe to News RSS feed</i>&nbsp;<i class="fas fa-rss"></i></a></p>
+                    <p><a href="{{ "events/" | relative_url }}">Upcoming events</a></p>
+                    <p><a href="{{ "feed/events.xml" | relative_url }}">&nbsp;&nbsp;<i>Subscribe to Events RSS feed</i>&nbsp;<i class="fas fa-rss"></i></a></p>
+                    <p><a href="{{ "publications" | relative_url }}">Publications</a></p>
+                    <p><a href="{{ "job_offers" | relative_url }}">Careers</a></p>
+                </div>
+            </details>
         </nav>
 
     </div>