<turbo-stream action="append" target="feeds"><template>
    <div class="col p-0 my-0 mx-auto position-relative d-flex flex-row justify-content-center overflow-hidden">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNell4OmZlYXR1cmVzIg==--03257297ce8924a66b474bc088f7be1b188aee546c0e7cf2948c3273bbda1f92"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1361">
      <article class="card rounded-0 border-0 p-0 shadow-none">
        <!-- Share user / Share context menu -->
        <div class="card-header py-2 px-2 px-lg-0 bg-transparent border-0">
          <div class="p-1">
            <div class="d-flex justify-content-between align-items-center">
              <!-- Share user -->
              <div class="">
                <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/es/users/artissimo-hub-creatif-et-culturel">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="nora.m@artissimo.dz" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdkZlIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NDRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--2d8992dfaada73ecef35f7196ae1ec6595539dfa/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/le-A-colore%CC%81.gif?locale=es" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Artissimo Hub Créatif et Culturel 
                        <div class="position-relative mt-n1" style="width: 14px">
                          <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                            <g id="Layer_1-2" data-name="Layer 1">
                              <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                              <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                            </g>
                          </svg>
                        </div>
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      15 días
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
                <div class="position-relative">
                  <div class="">
                      <div class="d-flex w-100 h-100" style="max-height: 57.67vh !important; min-height: 15rem !important;">
    <div class="slide w-100 h-100 m-0 position-relative" data-controller="share-slider" data-share-slider-mode-value="article">
      <div class="slide-items-create d-none">
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbnZtIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NDdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b1482fac540feb1578a673e2cf4ebfe09be69e2a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/postesenographie%201%20(4).jpg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3500,&quot;height&quot;:3500,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;U-HV60~dxpIbfgofa$R,RkWFoeocWVf8ayj?&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbnptIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NDhaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--62f77ebdb5654394999aed2921d01271c13dc53a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/postesenographie%202%20(2).jpg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3500,&quot;height&quot;:3500,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UoEo**~d-#t2a^oNjcWCM|Roj]juWVoLobj[&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbjNtIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NDhaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b3d5a182ec0781c96173c807975fafb407fca667/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/postesenographie%203%20(2).jpg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3500,&quot;height&quot;:3500,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UnE{a:~d-zt3j;oNa#WCRkRoa$j[bHj[j=oe&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbjdtIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NDlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--fb00280c12fe5f6820aa487d6e09eac861d422a4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/postesenographie%204%20copie%20(2).jpg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3500,&quot;height&quot;:3500,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UoE.;5~d-#t2a^ogjcWCM|RofSj[WVoLobj[&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbi9tIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NDlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--131a78c5624fd95675b202e383dc02f392df2b04/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/postesenographie%205%20(2).jpg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3500,&quot;height&quot;:3500,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UoE.;5~d-#t2fgoga#WCRkRoa$j]WVoLocj[&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
      </div>
      <div class="slide-items d-grid h-100 rounded-0" style="max-height: 57.67vh !important; min-height: 15rem !important;"></div>
      <nav class="d-none slide-thumbs-indicator position-absolute top-0 end-0 m-2 btn btn-xs bg-blur text-light py-1"></nav>
      <div class="position-absolute bottom-0 end-0 slide-nav-btns w-100 d-flex justify-content-end p-2 gap-1 d-none" >
        <button class="btn btn-xs btn-icon slide-prev bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-left rtl-flip fs-lg"></i>
        </button>
        <button class="btn btn-xs btn-icon slide-next bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-right rtl-flip fs-lg"></i>
        </button>
      </div>
    </div>
  </div>

                  </div>
                </div>
        </div>
        <!-- This section depends on share -->
        <div class="card-footer py-0 px-2 px-lg-0 border-0 bg-transparent">
          <div class="d-flex justify-content-between align-items-center ms-lg-n2">
            <!-- Reactions/ Comments/ Shares -->
            <div class="d-flex justify-content-end">
              <!-- Reactions -->
              <div class="d-flex align-items-center">
                  <button type="button" class="btn btn-lg btn-outline-secondary border-0 px-3">
                    <i class="fi-heart me-2 ms-n1" style="font-size: 24px"></i>
                    <span id="share_1361_reaction_count">
  1
</span>

                  </button>
              </div>
              <!-- Comments -->
              <div class="d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#commentable_comments_loads">
                <a data-turbo-frame="commentable_comments_load" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/es/explore/shares/1361/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1361_comments_count">
  0
</div>

</a>              </div>
              <!-- Shares -->
                <div class="d-flex align-items-center">
                  <div class="dropdown d-inline-block">
  <div class="" data-bs-toggle="modal" data-bs-target="#share_1361_reshare">
      <a data-turbo="true" data-turbo-frame="share_1361_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/es/explore/shares/1361/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_1361_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_1361_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_1361_new_share"></turbo-frame>
  </div>
</div>

                </div>
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/es/explore/shares/1361">
                Ver
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
            <!-- Contents -->
              <div class="py-2 px-2 px-lg-0" data-controller="see-more-less content-translator"
                                data-content-translator-languagetarget-value="es"
                                data-see-more-less-more-value="Ver más"
                                data-see-more-less-less-value="Ver menos">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> Artissimo Hub Créatif et Culturel  </b>
                </div>
                <div class="">
                  <div class="article fs-sm share-content-box line-clamp-3" data-see-more-less-target="content">
                    <div>
                      <div dir="auto" class="mb-2" data-content-translator-target="originText" >
                        <div class="trix-content">
  <div>FORMATION EN SCÉNOGRAPHIE DIGITALE<br><br><br>ARTISSIMO lance une formation de haut niveau en scénographie digitale, s'inscrivant dans le projet “Vagues de Créativité”. Ce programme est mené en coopération avec l'Ambassade d'Espagne à Alger, dans le cadre du programme ACERCA de la Coopération Espagnole.<br><br>Ce workshop cible les architectes, les artistes, les aménagistes, les chercheurs et les étudiants en architecture et des beaux-arts.<br>L’objectif principal de la formation est de doter les participants des compétences nécessaires pour concevoir et mettre en œuvre une scénographie réussie, applicable aux espaces d'exposition physiques et virtuels.<br><br>Le contenu clé couvre les principes de base de la scénographie (physique et virtuelle), la scénarisation pédagogique et la narration virtuelle, l'introduction aux outils numériques pour<br>la médiation innovante (réalité augmentée, réalité virtuelle, holographie), la conceptualisation et l'organisation des flux de circulation dans un espace virtuel, ainsi que la valorisation du patrimoine.<br><br>Le programme se déroule de mai à juin 2026 sous un format combinant des rencontres préparatoires en ligne, une conférence inaugurale en présentiel et des workshops à Artissimo.<br><br>Planning de la formation :<br>● Le 02 mai : Conférence inaugurale ( Alger ou Blida).<br>● Du 03 au 07 mai : workshop 1 (Présentiel à Artissimo) – Scénarisation et récits.<br>● Visioconférences ( 17 et 31 mai ) : Séances de restitution de l'atelier de scénographie.<br>● Du 14 au 18 juin : workshop 2 (Présentiel à Artissimo) – Production et intégration virtuelle.<br>● Le 21 juin : Visioconférence de clôture.<br><br>Tarif : 80,000 dzd<br><br>Inscription et paiement en ligne via le lien en bio ou sur place à Artissimo.<br><br>Lien: https://sacoddo.com/fr/activities/FORMATION-EN-SCNOGRAPHIE-DIGITALE<br><br>Tarif étudiant : Pour plus d'informations, veuillez prendre contact avec Artissimo.<br><br>Une attestation sera délivrée à l’issue de la formation par la Coopération Espagnole initiatrice du programme ACERCA.<br><br>Tel : 0770.492.841 / contact@artissimo.dz<br><br>Inscrivez-vous car les places sont limitées ;ne manquez pas cette opportunité qui vous permettra de maîtriser la conception d'espaces d'exposition innovants</div>
</div>

                      </div>
                      <div class="d-none mb-2" data-content-translator-target="translatedText"></div>
                    </div>
                  </div>
                  <div class="d-flex align-items-center gap-2">
                      <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-action="click->see-more-less#toggleContent">
                        <span class="fw-normal">Ver más</span>
                      </button>
                      <span class="fs-sm">|</span>
                      <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="translateBtn" data-action="click->content-translator#translate">
                        <span class="fw-normal">Ver traducción</span>
                      </button>
                      <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="seeTranslationBtn" data-action="click->content-translator#toggleBtn">
                        <span class="fw-normal">Ver traducción</span>
                      </button>
                      <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="backOriginBtn" data-action="click->content-translator#toggleBtn">
                        <span class="fw-normal">mostrar original</span>
                      </button>
                  </div>
                </div>
              </div>
        </div>
      </article>
  <hr>
</turbo-frame>
    </div>
    <div class="col p-0 my-0 mx-auto position-relative d-flex flex-row justify-content-center overflow-hidden">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNREU1OmZlYXR1cmVzIg==--6bfa16db42dde70587ed91179a7dcc478a6bb21d330a47a67ddc305ec5e3e3f8"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1019">
      <article class="card rounded-0 border-0 p-0 shadow-none">
        <!-- Share user / Share context menu -->
        <div class="card-header py-2 px-2 px-lg-0 bg-transparent border-0">
          <div class="p-1">
            <div class="d-flex justify-content-between align-items-center">
              <!-- Share user -->
              <div class="">
                <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/es/users/khadidja2004-bouaicha">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="khadidjabouaicha03@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaHN5IiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NjdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--db02110ec5fa0a4ea21d152548afc277fc4a8ff4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/IMG_5226.png?locale=es" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Nouzha Nouzha
                        <div class="position-relative mt-n1" style="width: 14px">
                          <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                            <g id="Layer_1-2" data-name="Layer 1">
                              <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                              <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                            </g>
                          </svg>
                        </div>
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      12 meses
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
                <div class="position-relative">
                  <div class="">
                      <div class="d-flex w-100 h-100" style="max-height: 57.67vh !important; min-height: 15rem !important;">
    <div class="slide w-100 h-100 m-0 position-relative" data-controller="share-slider" data-share-slider-mode-value="article">
      <div class="slide-items-create d-none">
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcEZYIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NzBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--6e4df39aa1199abf7fddd85541916c93516ae146/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/69AB839F-3700-4BD6-AF7B-C7021143CF75.jpeg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:828,&quot;height&quot;:1472,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TfGlI*MxM{_4RjR*_NRPRjx]kDRk&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcEpYIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NzBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--67502040472eda2db52c0519180ecc734672b876/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_6455.jpeg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080,&quot;height&quot;:1350,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UiM@ZQ0JXSx[jXt6jYRPt8bKWEV[WEkDozjY&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcE5YIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NzFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--808468344b30ca3d2d7443b139d5c59e84acf470/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/D2845B01-9A47-4703-BA3F-55B38740B14B.jpeg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:828,&quot;height&quot;:1472,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;T9EfM{tOkj*F%LxZ?bxZaf=}M|t6&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcFJYIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NzFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--53aa3e020d622d7d994f018ba97865a2bda47c86/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/D2D4AFBF-7F3E-4E61-B3B0-9C124BFDC597.jpeg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:828,&quot;height&quot;:1472,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TGFF=-a]%L.hRlWU_4IUxtVht6j[&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcFZYIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NzJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--0dcbba4d00ad987da356707662a7d48a7be4d3af/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/0BC98637-A7C8-41B9-8743-DEF4AE539199.jpeg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:828,&quot;height&quot;:1472,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TLC@KV_4tRo|V[RPRkWFRkWTfkjb&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcFpYIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40NzJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--7207b76a7664644cc9c280c66d436259059dc63a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/07417871-C8AE-4D61-AB0B-6BCE3B6A7590.jpeg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1440,&quot;height&quot;:1800,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UBEMpz^mIC%Z.YDk%2x@pPIUt8tPXBbvM{Rj&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
      </div>
      <div class="slide-items d-grid h-100 rounded-0" style="max-height: 57.67vh !important; min-height: 15rem !important;"></div>
      <nav class="d-none slide-thumbs-indicator position-absolute top-0 end-0 m-2 btn btn-xs bg-blur text-light py-1"></nav>
      <div class="position-absolute bottom-0 end-0 slide-nav-btns w-100 d-flex justify-content-end p-2 gap-1 d-none" >
        <button class="btn btn-xs btn-icon slide-prev bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-left rtl-flip fs-lg"></i>
        </button>
        <button class="btn btn-xs btn-icon slide-next bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-right rtl-flip fs-lg"></i>
        </button>
      </div>
    </div>
  </div>

                  </div>
                </div>
        </div>
        <!-- This section depends on share -->
        <div class="card-footer py-0 px-2 px-lg-0 border-0 bg-transparent">
          <div class="d-flex justify-content-between align-items-center ms-lg-n2">
            <!-- Reactions/ Comments/ Shares -->
            <div class="d-flex justify-content-end">
              <!-- Reactions -->
              <div class="d-flex align-items-center">
                  <button type="button" class="btn btn-lg btn-outline-secondary border-0 px-3">
                    <i class="fi-heart me-2 ms-n1" style="font-size: 24px"></i>
                    <span id="share_1019_reaction_count">
  9
</span>

                  </button>
              </div>
              <!-- Comments -->
              <div class="d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#commentable_comments_loads">
                <a data-turbo-frame="commentable_comments_load" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/es/explore/shares/1019/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1019_comments_count">
  0
</div>

</a>              </div>
              <!-- Shares -->
                <div class="d-flex align-items-center">
                  <div class="dropdown d-inline-block">
  <div class="" data-bs-toggle="modal" data-bs-target="#share_1019_reshare">
      <a data-turbo="true" data-turbo-frame="share_1019_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/es/explore/shares/1019/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_1019_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_1019_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_1019_new_share"></turbo-frame>
  </div>
</div>

                </div>
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/es/explore/shares/1019">
                Ver
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
            <!-- Contents -->
              <div class="py-2 px-2 px-lg-0" data-controller="see-more-less content-translator"
                                data-content-translator-languagetarget-value="es"
                                data-see-more-less-more-value="Ver más"
                                data-see-more-less-less-value="Ver menos">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> Nouzha Nouzha </b>
                </div>
                <div class="">
                  <div class="article fs-sm share-content-box line-clamp-3" data-see-more-less-target="content">
                    <div>
                      <div dir="auto" class="mb-2" data-content-translator-target="originText" >
                        <div class="trix-content">
  <div>
<strong>Randonnée vers le Pont des 9 Mètres<br></strong><br>
</div><div>📅 <strong>Date</strong> : Vendredi 23 mai <br>🕡 <strong>Heure de départ</strong> : 6h45<br>📍 <strong>Lieu de rendez-vous</strong> : Ali Melah, 1er Mai (en face des urgences de Mustapha Pacha, Alger)<br>🕗 <strong>Retour prévu</strong> : Vendredi à 20h30, Alger<br><br>
</div><div>📱 <strong>Contact &amp; Réservation</strong> : 0560 32 76 50<br><br>
</div><div>
<strong>📌 Programme de la journée<br></strong><br>
</div><ul>
<li>🚶‍♂️ Randonnée de <strong>12 km</strong> (niveau <strong>moyen</strong>, aller-retour)<br><br>
</li>
<li>🥪 Pause <strong>pique-nique en pleine nature<br></strong><br>
</li>
<li>📸 <strong>Shooting photo</strong> souvenir<br><br>
</li>
<li>👥 <strong>Encadrement par un guide</strong> professionnel<br><br>
</li>
</ul><blockquote>🔥 <strong>Pont des 9 Mètres</strong> : Un magnifique parcours à travers <strong>le poumon de la Kabylie, la majestueuse forêt d’Akfadou</strong> 🌳<br><br>
</blockquote><div>
<strong>💵 Tarifs<br></strong><br>
</div><ul>
<li>👤 <strong>Adultes</strong> : 1900 DA<br><br>
</li>
<li>🧒 <strong>Enfants (-11 ans)</strong> : 1300 DA<br><br>
</li>
</ul><div>
<strong>✅ Le tarif comprend :<br></strong><br>
</div><ul>
<li>Transport <strong>aller-retour en bus<br></strong><br>
</li>
<li>
<strong>Encadrement &amp; assistance</strong> durant toute la journée<br><br>
</li>
<li>
<strong>Shooting photo</strong> inclus<br><br>
</li>
</ul><div>
<strong>🎒 À prévoir :<br></strong><br>
</div><ul>
<li>Sac à dos 🎒<br><br>
</li>
<li>Chaussures de randonnée 🥾<br><br>
</li>
<li>Vêtements confortables et adaptés à la marche 🧢<br><br>
</li>
<li>Tapis de sol, bâton de randonnée 🦯<br><br>
</li>
<li>Déjeuner préparé à la maison 🥪<br><br>
</li>
<li>Gourde d’eau 💧<br><br>
</li>
<li>Bonne humeur assurée 😄<br><br>
</li>
</ul><div>
<strong>⚠️ Consignes importantes :<br></strong><br>
</div><ul>
<li>La sortie pourra être <strong>annulée en cas de météo défavorable<br></strong><br>
</li>
<li>
<strong>Interdiction de fumer</strong> dans le bus<br><br>
</li>
<li>
<strong>Pas de déchets</strong> laissés dans la nature ♻️<br><br>
</li>
<li>
<strong>Pas de derbouka ni baffles</strong> ❌🎶<br><br>
</li>
</ul>
</div>

                      </div>
                      <div class="d-none mb-2" data-content-translator-target="translatedText"></div>
                    </div>
                  </div>
                  <div class="d-flex align-items-center gap-2">
                      <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-action="click->see-more-less#toggleContent">
                        <span class="fw-normal">Ver más</span>
                      </button>
                      <span class="fs-sm">|</span>
                      <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="translateBtn" data-action="click->content-translator#translate">
                        <span class="fw-normal">Ver traducción</span>
                      </button>
                      <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="seeTranslationBtn" data-action="click->content-translator#toggleBtn">
                        <span class="fw-normal">Ver traducción</span>
                      </button>
                      <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="backOriginBtn" data-action="click->content-translator#toggleBtn">
                        <span class="fw-normal">mostrar original</span>
                      </button>
                  </div>
                </div>
              </div>
        </div>
      </article>
  <hr>
</turbo-frame>
    </div>
    <div class="col p-0 my-0 mx-auto position-relative d-flex flex-row justify-content-center overflow-hidden">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNelU1OmZlYXR1cmVzIg==--306a87911155524ea3b134f3998745c1e0e84db5d079848f28d26dbb484a2476"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1359">
      <article class="card rounded-0 border-0 p-0 shadow-none">
        <!-- Share user / Share context menu -->
        <div class="card-header py-2 px-2 px-lg-0 bg-transparent border-0">
          <div class="p-1">
            <div class="d-flex justify-content-between align-items-center">
              <!-- Share user -->
              <div class="">
                <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/es/users/artissimo-hub-creatif-et-culturel">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="nora.m@artissimo.dz" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdkZlIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40OTRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--5de53e846611ca87d65b7a0273d0aecf97e57f87/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/le-A-colore%CC%81.gif?locale=es" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Artissimo Hub Créatif et Culturel 
                        <div class="position-relative mt-n1" style="width: 14px">
                          <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                            <g id="Layer_1-2" data-name="Layer 1">
                              <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                              <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                            </g>
                          </svg>
                        </div>
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      18 días
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
                <div class="position-relative">
                  <div class="">
                      <div class="d-flex w-100 h-100" style="max-height: 57.67vh !important; min-height: 15rem !important;">
    <div class="slide w-100 h-100 m-0 position-relative" data-controller="share-slider" data-share-slider-mode-value="article">
      <div class="slide-items-create d-none">
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdnZsIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTo0NS40OTZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b13952bb74100bfcd224345a96f326ae11eb1293/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/C7324128-0449-4188-8986-D532A5E97207.jpeg?locale=es"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3259,&quot;height&quot;:4096,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UFD+Sz@t01%~t-jYWBOE%gWAMxs;-;jEIUt7&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
      </div>
      <div class="slide-items d-grid h-100 rounded-0" style="max-height: 57.67vh !important; min-height: 15rem !important;"></div>
      <nav class="d-none slide-thumbs-indicator position-absolute top-0 end-0 m-2 btn btn-xs bg-blur text-light py-1"></nav>
      <div class="position-absolute bottom-0 end-0 slide-nav-btns w-100 d-flex justify-content-end p-2 gap-1 d-none" >
        <button class="btn btn-xs btn-icon slide-prev bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-left rtl-flip fs-lg"></i>
        </button>
        <button class="btn btn-xs btn-icon slide-next bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-right rtl-flip fs-lg"></i>
        </button>
      </div>
    </div>
  </div>

                  </div>
                </div>
        </div>
        <!-- This section depends on share -->
        <div class="card-footer py-0 px-2 px-lg-0 border-0 bg-transparent">
          <div class="d-flex justify-content-between align-items-center ms-lg-n2">
            <!-- Reactions/ Comments/ Shares -->
            <div class="d-flex justify-content-end">
              <!-- Reactions -->
              <div class="d-flex align-items-center">
                  <button type="button" class="btn btn-lg btn-outline-secondary border-0 px-3">
                    <i class="fi-heart me-2 ms-n1" style="font-size: 24px"></i>
                    <span id="share_1359_reaction_count">
  1
</span>

                  </button>
              </div>
              <!-- Comments -->
              <div class="d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#commentable_comments_loads">
                <a data-turbo-frame="commentable_comments_load" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/es/explore/shares/1359/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1359_comments_count">
  0
</div>

</a>              </div>
              <!-- Shares -->
                <div class="d-flex align-items-center">
                  <div class="dropdown d-inline-block">
  <div class="" data-bs-toggle="modal" data-bs-target="#share_1359_reshare">
      <a data-turbo="true" data-turbo-frame="share_1359_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/es/explore/shares/1359/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_1359_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_1359_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_1359_new_share"></turbo-frame>
  </div>
</div>

                </div>
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/es/explore/shares/1359">
                Ver
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
            <!-- Contents -->
              <div class="py-2 px-2 px-lg-0" data-controller="see-more-less content-translator"
                                data-content-translator-languagetarget-value="es"
                                data-see-more-less-more-value="Ver más"
                                data-see-more-less-less-value="Ver menos">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> Artissimo Hub Créatif et Culturel  </b>
                </div>
                <div class="">
                  <div class="article fs-sm share-content-box line-clamp-3" data-see-more-less-target="content">
                    <div>
                      <div dir="auto" class="mb-2" data-content-translator-target="originText" >
                        <div class="trix-content">
  <div>🎬 PROJECTION : Une époque, trois regards.<br><br>Artissimo vous invite à une soirée cinématographique dédiée au court-métrage. À travers trois œuvres majeures, nous vous proposons de replonger dans l’Algérie des années 1990, vue par trois cinéastes aux sensibilités uniques.<br><br>🔹 SEKTOU (Ils se sont tus ! ) de Khaled Benaissa (2009 - 18 min)<br><br>Smaïn sort d’une longue nuit de travail et ne rêve que de son lit. Mais en plein centre d’Alger, le repos est un luxe impossible. Quand le sommeil devient un rêve et le réveil un cauchemar...<br><br>🔹 TCHEBCHAQ MARIKANE de Amel Blidi (2021 - 26 min)<br><br>Alger, 1995. Samia et Nouara, deux amies inséparables de 12 ans. Un matin, des coups de feu résonnent. La violence, autrefois lointaine, éclate devant elles et redessine brutalement leur avenir.<br><br>🔹 NYA de Imène Ayadi (2023 - 15 min)<br><br>Alger, 1994. Anya, sept ans, attend son père journaliste. Entre l’innocence des jeux d’enfants et la violence de la guerre civile qui s’immisce dans le quotidien, le film saisit ce moment fragile où tout vacille.<br><br>📅 DATE : Samedi 25 avril à 18h00<br>📍 LIEU :  Artissimo <br>🎟 ACCÈS : Libre <br>⚠️ RÉSERVATION OBLIGATOIRE : <a href="http://xmhiz.mjt.lu/lnk/CAAACHL0LWsAAAAAAAAAAAASIf0AAAAACJQAAAAAAA8aEgBpztFROykEbrq8TketMlAX1Td8-AAO5TQ/4/FOMYGEs5HmcDBIQQLupgYg/aHR0cHM6Ly9mb3Jtcy5nbGUvcTM0WWs4blBUaFF6VXJjMTk">http://xmhiz.mjt.lu/lnk/CAAACHL0LWsAAAAAAAAAAAASIf0AAAAACJQAAAAAAA8aEgBpztFROykEbrq8TketMlAX1Td8-AAO5TQ/4/FOMYGEs5HmcDBIQQLupgYg/aHR0cHM6Ly9mb3Jtcy5nbGUvcTM0WWs4blBUaFF6VXJjMTk</a><br><br>Venez découvrir la force de l’unité dans la pluralité à travers ces trois visions du cinéma algérien 🇩🇿.<br><br>#Artissimo #CinemaAlgerien #CourtsMetrages #Annee90 #Algerie #CultureAlger #KhaledBenaissa #ImeneAyadi #AmelBlidi #Sektou #Nya #TchebchaqMarikane #didouchemourad #algercentre #alger</div>
</div>

                      </div>
                      <div class="d-none mb-2" data-content-translator-target="translatedText"></div>
                    </div>
                  </div>
                  <div class="d-flex align-items-center gap-2">
                      <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-action="click->see-more-less#toggleContent">
                        <span class="fw-normal">Ver más</span>
                      </button>
                      <span class="fs-sm">|</span>
                      <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="translateBtn" data-action="click->content-translator#translate">
                        <span class="fw-normal">Ver traducción</span>
                      </button>
                      <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="seeTranslationBtn" data-action="click->content-translator#toggleBtn">
                        <span class="fw-normal">Ver traducción</span>
                      </button>
                      <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="backOriginBtn" data-action="click->content-translator#toggleBtn">
                        <span class="fw-normal">mostrar original</span>
                      </button>
                  </div>
                </div>
              </div>
        </div>
      </article>
  <hr>
</turbo-frame>
    </div>
</template></turbo-stream><turbo-stream action="remove" target="placeholder"></turbo-stream>
  <turbo-stream action="append" target="feeds"><template>
    <turbo-frame class="" id="placeholder">
      <article class="p-3 hover-effect-scale w-100 gap-3 d-flex flex-column gap-3">
        <div class="d-flex align-items-center">
          <div class="d-flex align-items-center w-100 gap-3 position-relative">
            <div class="bg-body-tertiary rounded-5 overflow-hidden ratio ratio-1x1 hover-effect-target" style="width: 48px !important; height: 48px"></div>
            <h3 class="h6 mb-0 flex-grow-1">
              <span class="placeholder col-3 bg-body-tertiary rounded cursor-default opacity-100"></span> <br>
              <span class="placeholder col-2 bg-body-tertiary rounded cursor-default opacity-100"></span>
            </h3>
          </div>
          <button type="button"  class="btn btn-sm btn-icon btn-secondary bg-body-tertiary rounded-3 active border-0 cursor-default">
            <span class="opacity-0">Follow</span>
          </button>
        </div>
        <p class="card-text placeholder-glow">
          <span class="placeholder col-2 bg-body-tertiary rounded cursor-default opacity-100 ms-2"></span>
          <span class="placeholder col-4 bg-body-tertiary rounded cursor-default opacity-100"></span> <br>
          <span class="placeholder col-4 bg-body-tertiary rounded cursor-default opacity-100 ms-2"></span>
          <span class="placeholder col-6 bg-body-tertiary rounded cursor-default opacity-100"></span>
        </p>
      </article>
</turbo-frame></template></turbo-stream>  <turbo-stream action="replace" target="pagination"><template>
    <turbo-frame loading="lazy" id="pagination" src="/es/explore/shares.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>