title-content.html

<div>
    <h1>
        <span class="d-inline-block">Helmholtz Digital Services for Science —</span>
        <span class="d-inline-block">Collaboration made easy.</span>
    </h1>
    
    <div class="services-box">
        <div class="services-title-buttons">
            <a href="https://helmholtz.cloud/services" class="btn btn-light text-dark">
            Cloud Services
            </a>
            <a href="{% link services/software-overview.md %}" class="btn btn-light text-dark">
                Software Services
            </a>
            <a href="https://events.hifis.net/category/4/" class="btn btn-light text-dark">
                Courses
            </a>
            <a href="https://aai.helmholtz.de" class="btn btn-light text-dark">
                User Access
            </a>
            <a href="{% link usecases.md %}" class="btn btn-light text-dark">
                Use Cases
            </a>
        </div>
    </div>
</div>
<video src="{{ site.directory.videos | relative_url }}/video_full.mp4" preload="none" controls poster="{{ site.directory.images | relative_url }}poster.png">
</video>