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

{% block title 'masae' %}

{% block body %}


{# <section class="page-section" id="contact"> #}
<div class="album py-5 bg-light">
    
    {# <div class="container"> #}
     <div class="container-fluid"> 
          
        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
        <div class="col">
          <div class="card shadow-sm">
            <img class="bd-placeholder-img card-img-top" width="100%" height="300" src="{{ asset('images/groupe12.jpg') }}" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">

            <div class="card-body">
              <h1 class="card-text"> <a class="nav-link" href="{{path('masae_profil')}}">Profil</a></h1>
              
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <img class="bd-placeholder-img card-img-top" width="100%" height="300" src="{{ asset('images/groupe10.jpg') }}" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">

            <div class="card-body">
              <h1 class="card-text"> <a class="nav-link" href="{{path('app_tivo_index')}}">Concert</a></h1>
              
            </div>
          </div>
        </div>
         <div class="col">
          <div class="card shadow-sm">
            <img class="bd-placeholder-img card-img-top" width="100%" height="300" src="{{ asset('images/jeteveux.jpg') }}" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">

            <div class="card-body">
              <h1 class="card-text"> <a class="nav-link" href="{{path('app_producto_index')}}">Albums</a></h1>
              
            </div>
          </div>
        </div>
        
  </div>
  <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
        <div class="col">
          <div class="card shadow-sm">
            <img class="bd-placeholder-img card-img-top" width="100%" height="300" src="{{ asset('images/odisse.jpg') }}" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">

            <div class="card-body">
              <h1 class="card-text"> <a class="nav-link" href="{{path('masae_presse')}}">Presse</a></h1>
              
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <img class="bd-placeholder-img card-img-top" width="100%" height="300" src="{{ asset('images/groupe15.jpg') }}" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">

            <div class="card-body">
              <h1 class="card-text"> <a class="nav-link" href="{{path('masae_video')}}">Video</a></h1>
              
            </div>
          </div>
        </div>
         
        <div class="col">
          <div class="card shadow-sm">
            <img class="bd-placeholder-img card-img-top" width="100%" height="300" src="{{ asset('images/pianiste2.jpg') }}" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">

            <div class="card-body">
              <h1 class="card-text"> <a class="nav-link" href="{{path('masae_contacte')}}">Contact</a></h1>
              
            </div>
          </div>
        </div>
        
  </div>
</div>
          
          {# 
          <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
               <div class="col">
               <a href="{{path('masae_profil')}}"><img class="img-fluid" src="{{ asset('images/groupe12.jpg') }}" alt="image" /></a>
               <div class="card-body">
              <p class="card-text">Profil</p>
              
            </div>
               </div>
               <div class="col">
               <a href="{{path('masae_concert')}}"><img class="img-fluid" src="{{ asset('images/groupe13.jpg') }}" alt="image" /></a>
               <div class="card-body">
              <p class="card-text">Concert</p>
              
            </div>
               </div>
               <div class="col">
               <a href="{{path('app_producto_index')}}"><img class="img-fluid" src="{{ asset('images/yokooo.jpg') }}" alt="..." /></a>
               <div class="card-body">
              <p class="card-text">Album</p>
              
            </div>
               </div>
          </div>
          {# <div class="row align-items-center">
          <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">     
               <div class="col">
                <a href="{{path('masae_presse')}}"><img class="img-fluid" src="{{ asset('images/groupe9.jpg') }}" alt="image" /></a>
                  <div class="card-body">
                  <p class="card-text">Presse</p>
                  </div>    
               </div>
               
              <div class="col">
               <a href="{{path('masae_video')}}"><img class="img-fluid" src="{{ asset('images/groupe10.jpg') }}" alt="image" /></a>
               <div class="card-body">
              <p class="card-text">Video</p>
              </div>
              </div>
               <div class="col">
               <a href="{{path('masae_contacte')}}"><img class="img-fluid" src="{{ asset('images/groupe15.jpg') }}" alt="..." /></a>
               <div class="card-body">
              <p class="card-text">Contact</p>
               </div>
            </div>
               
          </div>
     </div> #}



{# </section> #}

{% endblock %}