<turbo-stream action="append" target="activities"><template>
    <div class="col" id="activity_289">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5T0RrOmZlYXR1cmVzIg==--6445d0dbbcb95911507b41c69855521b733dd27e0d1dc335d1d716641a9eaef3"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMzNRSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDQuNjQ0WiIsInB1ciI6ImJsb2JfaWQifX0=--7944cd2be0dc048468f471a0c297c64c5be09445/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/Snapchat-628001110.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/17-may-3">
        17 may
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventi</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Gratuito
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/17-may-3">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_267">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TmpjOmZlYXR1cmVzIg==--e7a8deee50796abd34a9f702cf4c2ec82e7ba2471f157dd73762e0d7d50bcb19"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNlRNSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDQuNzMzWiIsInB1ciI6ImJsb2JfaWQifX0=--2b2ad1836c58fce3de230323436049c2594f365f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_95CB5D92-E9B1-4888-97DB-D126956F9CFB_1777804407.heic?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/das-2">
        das
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventi</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Chlef, Chlef</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Gratuito
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/das-2">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_263">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TmpNOmZlYXR1cmVzIg==--f2df6a9cc309865d57b4a426170afa708387472c742eeaed32af1b9e011f8c43"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBelBKSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDQuNzk3WiIsInB1ciI6ImJsb2JfaWQifX0=--b3f3e5876a29bfcf30e490e0b83673643ff59e8e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_6938AEAE-25AF-47FB-ADCE-720E172B2981_1776591887.jpeg?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/-Lcran-de-Cristal--Miroir-des-Rves">
         L&#39;Écran de Cristal : Miroir des Rêves
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Cinema e film</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/-Lcran-de-Cristal--Miroir-des-Rves">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_257">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TlRjOmZlYXR1cmVzIg==--ee7eb7d02e45ee23c9066a20d33a96719af649ade995ec6b9d206d5a080ff1ee"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNUhHSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDQuODQyWiIsInB1ciI6ImJsb2JfaWQifX0=--b5b352bd1e1710de362c3ce887df1682d2aa16f1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000017467.jpg?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/kayak-2">
        kayak 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Avventure e attività all&#39;aperto</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Annaba, Annaba</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/kayak-2">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_256">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TlRZOmZlYXR1cmVzIg==--9d4824703e95a22f3faba837b467d8aa3cfac11eaa7f1c8047885ac71d30b6c3"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNHJHSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDQuOTA2WiIsInB1ciI6ImJsb2JfaWQifX0=--efaad6b43bdd1780672fae97a78f19e839521c90/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/Au-Cur-de-lAnimation--Un-Moment-Unique">
        Au Cœur de l’Animation : Un Moment Unique
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventi</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Gratuito
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/Au-Cur-de-lAnimation--Un-Moment-Unique">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_255">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TlRVOmZlYXR1cmVzIg==--e109b4d2842a3ce9799d96be54ae36332bc73cbaef953e92aab92a9d19c7a952"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNERHSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDQuOTUyWiIsInB1ciI6ImJsb2JfaWQifX0=--ee9501c1efcfadfcd14356c93b0613fddd5751e8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/Musique-Culture-et-Partage">
        Musique, Culture et Partage
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festival</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          4.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/Musique-Culture-et-Partage">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_254">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TlRROmZlYXR1cmVzIg==--896de0010c1e04421dd362d7c02fb9ff907d4bc9541091f0410850d1dd350208"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM2pHSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMDI0WiIsInB1ciI6ImJsb2JfaWQifX0=--d8417cac2560b869d4943318fc7110378444ad9d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/Activits-en-Famille-et-Enfants">
        Activités en Famille et Enfants
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Attività per bambini e famiglie</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/Activits-en-Famille-et-Enfants">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_250">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TlRBOmZlYXR1cmVzIg==--511bc6703fc468579e63ed800fa235ca5ab579002c3436c19d98cb748f2077b7"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNkRGSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMTA2WiIsInB1ciI6ImJsb2JfaWQifX0=--8b3a317c51c802b777ab0e2b8499b869c7525ec5/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011111.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/yy">
        happy
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festival</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Gratuito
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/yy">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_232">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TXpJOmZlYXR1cmVzIg==--c7ea00bd6a0062309af6a7c2a4843c62e1e0683ed2f98e325fb79672a1abaa4a"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOXJESVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMTY0WiIsInB1ciI6ImJsb2JfaWQifX0=--7f1c2dcd3e2c280753bb70420ab2d12e38aef8dd/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/31.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/balade-en-bateau-">
        balade en bateau ⛵
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Avventure e attività all&#39;aperto</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Bejaia, Béjaïa</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Gratuito
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/balade-en-bateau-">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_231">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TXpFOmZlYXR1cmVzIg==--3afd3257eed48dea26d295c9ce96cd91014a033cc59eacb2af122837213e5414"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNlBESVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMTk2WiIsInB1ciI6ImJsb2JfaWQifX0=--0b3ce7b658df8f98f23593798e8190710a1d09b4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/Dcouverte-Artistique--Visite-Culturelle">
        Découverte Artistique &amp; Visite Culturelle
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Arte, cultura e musei</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/Dcouverte-Artistique--Visite-Culturelle">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_230">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TXpBOmZlYXR1cmVzIg==--98148df78c4df3c8a36fef505e318488fdf77c8fe65c7f9898be95c324f919f6"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNVhESVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMjI1WiIsInB1ciI6ImJsb2JfaWQifX0=--1f8bfb7672a2defb3fd2134f79e0dcfa4a9c358a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/Soire-Cinma--Projection-de-Films">
        Soirée Cinéma &amp; Projection de Films
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Cinema e film</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/Soire-Cinma--Projection-de-Films">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_229">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TWprOmZlYXR1cmVzIg==--95caef43876866efebea1a031d742ec5624ea875dda24f9de6de903aa619ee16"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNGZESVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMjU5WiIsInB1ciI6ImJsb2JfaWQifX0=--c1693e655a09583ec6e9f2baab460989e2521be4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/Balade-questre--Dcouverte-Nature">
        Balade Équestre &amp; Découverte Nature
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Equitazione e attività con animali</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/Balade-questre--Dcouverte-Nature">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_228">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TWpnOmZlYXR1cmVzIg==--d3495a3faa933bd769f56f7d4ceecd2591c489cadc861365aa78d3bab4cd4912"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM2pESVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMjg4WiIsInB1ciI6ImJsb2JfaWQifX0=--7b251dbc0f1925ec8dde6d0bcc833e74c823af4f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/exprience-culinaire--Dgustation-Authentique">
        expérience culinaire &amp; Dégustation Authentique
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Esperienze culinarie</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/exprience-culinaire--Dgustation-Authentique">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_227">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TWpjOmZlYXR1cmVzIg==--c751534a70bd1b7911e524fe1147f9ab996ec0b9c16f83d03890a8f98caf985c"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMnJESVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMzMyWiIsInB1ciI6ImJsb2JfaWQifX0=--7b38a0ad40200121c4f82e0defd6f635dad36ff7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/Soire-Nocturne--Ambiance-Sociale">
        Soirée Nocturne &amp; Ambiance Sociale
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Vita notturna e sociale</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/Soire-Nocturne--Ambiance-Sociale">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_226">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TWpZOmZlYXR1cmVzIg==--6eb84639dccb5acd9c0bead77e50eab494d6f3ab34ba76cb8ba081635e4a0906"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMXZESVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMzY2WiIsInB1ciI6ImJsb2JfaWQifX0=--208781885632cdc98c027aea4f8913ec6142774f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/Divertissement-et-Apprentissage--Distance">
        .Divertissement et Apprentissage à Distance
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Attività online</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/Divertissement-et-Apprentissage--Distance">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_224">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TWpROmZlYXR1cmVzIg==--eddf045e1cba0240a74c5018861e794124af21e7e35149d12c8b743a2da12a1a"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBei9ESVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuMzg1WiIsInB1ciI6ImJsb2JfaWQifX0=--09f8a1c613c6118bc9cccf3c766c9cb45a3fbf7c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011283.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/Vivez-la-Magie-du-Vol">
        Vivez la Magie du Vol
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Voli ed esperienze aeree</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          9.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/Vivez-la-Magie-du-Vol">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_222">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TWpJOmZlYXR1cmVzIg==--867c902dc03270ae4a7f5e7127343c60a4cd6089a6c7a1117e25eaae86e6e35c"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeXJESVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuNDAxWiIsInB1ciI6ImJsb2JfaWQifX0=--68721fcf38a81966a25c0dbdfd58004dfa119d6e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000034944.jpg?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/al-hamdulilah-">
        al hamdulilah 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventi</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Gratuito
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/al-hamdulilah-">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_216">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TVRZOmZlYXR1cmVzIg==--0aed5c95031c51bff2f9c88593cc0e84d28a83c9128522e5d96ee931e3e44617"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeVRDSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuNDE1WiIsInB1ciI6ImJsb2JfaWQifX0=--c1e992d193720a0a42a4e0667d31af530d2559b7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011111.mp4?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/scan-test-2">
        scan test
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festival</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Batna, Batna</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/scan-test-2">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_211">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TVRFOmZlYXR1cmVzIg==--0633bca560d2f836186fb5cc25ef1f2c19f5fc3d4758e78735574a575f142afb"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeWZCSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuNDUxWiIsInB1ciI6ImJsb2JfaWQifX0=--eef38048214eb88c954fd62d209609dae4757119/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_26A2B90C-EF88-4895-A081-22EE6A18A3C8-3006-0000000B15AAEBAA.jpg?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/party">
        party
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festival</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          50
          -
          500
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/party">
      Scegliere
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_210">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TVRBOmZlYXR1cmVzIg==--0310b06cb8545409d09593de2d2018c37e7f274bea658a880e83919ba6d493f0"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeUxCSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDg6MDI6MDUuNDkwWiIsInB1ciI6ImJsb2JfaWQifX0=--7c5a69d1767438f7d3aed52fc887a926eb240e48/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_8044E3CF-C792-4AAD-AA41-DE6F35C43F75-3006-00000009DA77B7A3.jpg?locale=it" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/it/activities/rrrr">
        Nature cruise
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Concerti ed eventi musicali</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Gratuito
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/it/activities/rrrr">
      Scegliere
</a>  </div>
</article>

    </div>
</template></turbo-stream><turbo-stream action="remove" target="activities_placeholder"></turbo-stream>
  <turbo-stream action="append" target="activities"><template>
    <turbo-frame class="" id="activities_placeholder">
      <div class="col">
        <article class="card h-100 hover-effect-scale hover-effect-opacity bg-body-tertiary border-0 rounded-5">
          <div class="bg-body-secondary rounded-5 rounded-bottom overflow-hidden">
            <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(306 / 416 * 100%)"></div>
          </div>
          <div class="card-body">
            <span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span>
            <h3 class="h5 pt-1 mb-2">
              <span class="placeholder bg-body-secondary col-8 rounded-pill cursor-default"></span>
            </h3>
            <div class="d-flex align-items-center fs-sm">
              <span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span>
            </div>
          </div>
          <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 pt-0 pb-4">
            <div class="h5 text-info mb-0"><span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span></div>
            <button type="button" class="btn btn-secondary bg-body-secondary rounded-5 active border-0 cursor-default">
              <span class="opacity-0">Book now</span>
            </button>
          </div>
        </article>
      </div>
</turbo-frame></template></turbo-stream>  <turbo-stream action="replace" target="activities_pagination"><template>
      <turbo-frame loading="lazy" id="activities_pagination" src="/it/activities.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>