templates/home/tutorial.html.twig line 1

{% extends 'main.html.twig' %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('tutorial') }}
{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('tutorial') }}
{% endblock %}

{% block title %}Harmoqee{% endblock %}

{% block content %}


    <div class="container mt-5 abstract">

        <p class="harmoqee-title text-center  mb-5">Learn how to use Harmoqee.</p>

        <div class="row mt-3 pb-2 text-primary">
            <h4 class="about-h">Create a New Project</h4>  
        </div>
        <div class="row mb-5 video-container ">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/Tiu_r8vm69Q?si=cLQA_uPY3UtIv4z0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        </div>

        <div class="row mt-3 pb-2 pt-4 text-primary border-top border-secondary">
            <h4 class="about-h">Find Collaboration</h4>  
        </div>
        <div class="row mb-5  video-container ">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/W7JZFskP-tA?si=FOjWX0XZ6Wy4Qzqw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        </div>

        <div class="row mt-3 pb-2 pt-4 text-primary border-top border-secondary">
            <h4 class="about-h">Join a Project</h4>  
        </div>
        <div class="row mb-5  video-container ">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/MtayLevXM_c?si=HKkg9ddoE5VleZfc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        </div>

        <div class="row mt-3 pb-2 pt-4 text-primary border-top border-secondary">
            <h4 class="about-h">Manage the tracks of a project</h4>  
        </div>
        <div class="row mb-5  video-container ">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/19gqhakU5BU?si=eENprfCE3gBR487e" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        </div>

        <div class="row mt-3 pb-2 pt-4 text-primary border-top border-secondary">
            <h4 class="about-h">Publish a Song</h4>  
        </div>
        <div class="row mb-5  video-container ">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/6K3SIWzBn34?si=ZPe2RuyUgNKyZw2K" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        </div>

    </div>


{% endblock %}