<div class="my-2"> <div class="md:bg-grenat flex justify-center md:justify-normal items-end rounded-t-lg p-[20px]"> <img src="{{ base_url }}/static/img/dashboard-free/clap-niveaux.webp" alt="Les bons profs - Cours gratuits" class="hidden md:block w-[40px]"/> <img src="{{ base_url }}/static/img/dashboard-free/clap-niveaux2.webp" alt="Les bons profs - Cours gratuits" class="md:hidden w-[40px]"/> <h2 class="text-grenat md:text-white text-[25px] font-bold -mb-[6px] ml-1"> {{ course.title|capitalize }} </h2> </div> <div> <ul class="md:bg-rose text-[15px] md:h-[355px] rounded-b-lg text-center md:text-left overflow-auto menu-matieres"> {% for row in listLibrairy %} <li class="inline-block md:block"> <a href="/nos-cours/{{ course.slug~'/'~row.slug }}" class="flex items-center bg-white md:bg-inherit font-bold hover:text-grenat border-b border-grenatPastel rounded-[20px] md:rounded-none p-2 md:py-[13px] md:px-[20px] m-[2px] md:my-0 md:mx-[10px]"> {% set srcIcone = "/static/img/dashboard-free/icones-matieres/"~row.slug~".svg" %} {% if row.slug in ['mathematiques','mathematiques_expertes','mathematiques_complementaires'] %} {% set srcIcone = "/static/img/dashboard-free/icones-matieres/mathematiques.svg" %} {% endif %} {% if row.slug == 'sciences' %} {% set srcIcone = "/static/img/dashboard-free/icones-matieres/svt.svg" %} {% endif %} {% if row.slug == 'llcer-anglais' %} {% set srcIcone = "/static/img/dashboard-free/icones-matieres/anglais.svg" %} {% endif %} <img src="{{ base_url~srcIcone }}" alt="Les bons profs - Cours gratuits - {{ course.title|capitalize }}" class="hidden md:block w-[20px] mr-[5px]"/> {{ row.dTitle }} </a> </li> {% endfor %} </ul> </div></div>