<turbo-stream action="append" target="activities"><template>
    <div class="col" id="activity_306">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TURZOmZlYXR1cmVzIg==--0dee2534b40de967d6e8102e917e1460d7e0e57569b40fb2ca30b1acee5782ca"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK0RVSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMjUzWiIsInB1ciI6ImJsb2JfaWQifX0=--92aba782500e484e0593fa698a59d4531bc256d5/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Screenshot_2026-10-04-09-57-20-92_50ef9f5a0f3fc24b6f0ffc8843167fe4.jpg?locale=cn" />
    </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="/cn/activities/test-opera-">
        test opera 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>歌剧</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">
          150
        <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="/cn/activities/test-opera-">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_305">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TURVOmZlYXR1cmVzIg==--dd48818fd70e4c7def7687cb4aa2027c56dcdfdc577cab01097c9b46e4a4ad81"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMkhVSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMjY1WiIsInB1ciI6ImJsb2JfaWQifX0=--4f7a52a51630a26e90ca647e12930ddb745f4d53/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000040885.mp4?locale=cn" />
    </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="/cn/activities/spectacle">
        spectacle
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>歌剧</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">Ouled Fayet, Alger</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="/cn/activities/spectacle">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_302">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TURJOmZlYXR1cmVzIg==--5ea3c81ec04f15a6cac26e14fa966185e533bc6e99c73f1460139d5e5e0d7553"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGJUSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMjc5WiIsInB1ciI6ImJsb2JfaWQifX0=--c18cec563c2db40cb56e59cc23f99fe981d45e9f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Snapchat-1205523912.jpg?locale=cn" />
    </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="/cn/activities/sport-">
        sport 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>活动</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">
          255
          -
          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="/cn/activities/sport-">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_301">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TURFOmZlYXR1cmVzIg==--608dfa22443601e533d9dec67012a259a9459b188d636aae6c7248c7dfa1eaac"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBL3ZTSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMjk3WiIsInB1ciI6ImJsb2JfaWQifX0=--11c29511c6cf3384f118bd1b31daa9057972c0b1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_6A1FC06D-EBA7-4991-9C16-D9C59333349C_1784631043.jpeg?locale=cn" />
    </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="/cn/activities/activit">
        activité
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>活动</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">
        免费
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/cn/activities/activit">
      选择
</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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNlRNSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMzA3WiIsInB1ciI6ImJsb2JfaWQifX0=--bd420f944d044420d2be7d3ef79856b3c7c1f08a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_95CB5D92-E9B1-4888-97DB-D126956F9CFB_1777804407.heic?locale=cn" />
    </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="/cn/activities/das-2">
        das
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>活动</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">
        免费
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/cn/activities/das-2">
      选择
</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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNUhHSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMzE3WiIsInB1ciI6ImJsb2JfaWQifX0=--2055227c42ac6c71e171590319d6d0c4e7943b41/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000017467.jpg?locale=cn" />
    </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="/cn/activities/kayak-2">
        kayak 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>户外与探险</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="/cn/activities/kayak-2">
      选择
</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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNkRGSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMzI4WiIsInB1ciI6ImJsb2JfaWQifX0=--bfeb0ae0c5935081bcc136ab17e6c6d679629ad6/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011111.mp4?locale=cn" />
    </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="/cn/activities/yy">
        happy
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>节日</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">
        免费
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/cn/activities/yy">
      选择
</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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOXJESVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMzM2WiIsInB1ciI6ImJsb2JfaWQifX0=--82a93646933e257f941941833333f3a27b24fc44/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/31.mp4?locale=cn" />
    </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="/cn/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>户外与探险</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">
        免费
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/cn/activities/balade-en-bateau-">
      选择
</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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeXJESVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMzQ2WiIsInB1ciI6ImJsb2JfaWQifX0=--bd94b9b064460714fc86340845c7c7d7576eafd0/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000034944.jpg?locale=cn" />
    </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="/cn/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>活动</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">
        免费
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/cn/activities/al-hamdulilah-">
      选择
</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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeVRDSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMzU4WiIsInB1ciI6ImJsb2JfaWQifX0=--db9632263cd81a54cebe194441e18fab94e76174/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011111.mp4?locale=cn" />
    </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="/cn/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>节日</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="/cn/activities/scan-test-2">
      选择
</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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeWZCSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMzcyWiIsInB1ciI6ImJsb2JfaWQifX0=--1163ccabc0ab3f7fececd7432ad34c1ea5f7f296/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_26A2B90C-EF88-4895-A081-22EE6A18A3C8-3006-0000000B15AAEBAA.jpg?locale=cn" />
    </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="/cn/activities/party">
        party
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>节日</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="/cn/activities/party">
      选择
</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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeUxCSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuMzkwWiIsInB1ciI6ImJsb2JfaWQifX0=--ada5ef09c22c67277cbb52fa04def913fa393cbf/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_8044E3CF-C792-4AAD-AA41-DE6F35C43F75-3006-00000009DA77B7A3.jpg?locale=cn" />
    </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="/cn/activities/rrrr">
        Nature cruise
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>音乐会和活动</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">
        免费
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/cn/activities/rrrr">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_209">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TURrOmZlYXR1cmVzIg==--380f2fa17f3d797b021472b4d7436194ab6da690843150fa16660b6c5829de7e"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeURCSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuNDAzWiIsInB1ciI6ImJsb2JfaWQifX0=--c0af4659dfb652e4db04119d7b6243ec1adf6d13/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_11FFCC0B-2548-4014-B97B-F5123C1685B1-3006-0000000900B28CC5.jpg?locale=cn" />
    </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="/cn/activities/wedding">
        wedding
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>节日</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">
        免费
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/cn/activities/wedding">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_208">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TURnOmZlYXR1cmVzIg==--e70a4ad636f65efc7db0f6404d8d4afa800863fc1299f7cd5666e6de76214ff1"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeDdCSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuNDE1WiIsInB1ciI6ImJsb2JfaWQifX0=--d9026c7ad9608fdaa13609146c6b5f93d9846190/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_18E84824-692B-498A-8CA8-B8E946E25414-3006-0000000813B5E65A.jpg?locale=cn" />
    </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="/cn/activities/est">
        est
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>活动</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">
        免费
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/cn/activities/est">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_207">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TURjOmZlYXR1cmVzIg==--ac5932ee405b9f5d2bd0b99f5e3568aa11a93f7490c3e95b930fe6312d84a81c"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd25CSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuNDI4WiIsInB1ciI6ImJsb2JfaWQifX0=--86a57f6eee5502c535e3cfc0313eaeaccc82b576/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_DBB8AA52-5882-4D00-8B73-1BE126561FC2-3006-000000024B460A25.jpg?locale=cn" />
    </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="/cn/activities/activit-nature">
        activité nature
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>节日</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">
        免费
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/cn/activities/activit-nature">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_185">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4T0RVOmZlYXR1cmVzIg==--46c5ab96e59d18ccad5015713d5af398edbc1374015411a9d766e8f8c44a476a"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNG0rSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTY6MTYuNDM5WiIsInB1ciI6ImJsb2JfaWQifX0=--983829046c6850aeeb7e252b1ba59f6f2d75a881/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/30.mp4?locale=cn" />
    </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="/cn/activities/kayak-">
        kayak 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>户外与探险</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">Tenes, Chlef</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,000
          -
          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="/cn/activities/kayak-">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_154">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TlRROmZlYXR1cmVzIg==--4284c979755c83813bb9e1ee9621f8f158ddceb7915f69e931e61a08b05d6395"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcXhnIiwiZXhwIjoiMjAyNi0xMC0wNVQwNTo1NjoxNi40NjhaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--a187dfab9e0756053a6a3557892d1b55ca5d544a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_picker_E9338EF7-5CCC-4427-B343-F70DC563AB6A-34409-0000002C206BA07B19040598-uhd_2560_1440_60fps.mp4?locale=cn" />
    </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="/cn/activities/activit-vent">
        activity Évent
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>节日</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>
          weekly
        </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">Biskra, Biskra</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          20
        <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="/cn/activities/activit-vent">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_153">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TlRNOmZlYXR1cmVzIg==--e07961421a65620690eadaf260aa24a6dd0762d961ab2d9db76bc4ad9a00437b"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBckpmIiwiZXhwIjoiMjAyNi0xMC0wNVQwNTo1NjoxNi40ODBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--e5022a2b553f9e7aa4761d11391b7fc447a585b4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000022588.mp4?locale=cn" />
    </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="/cn/activities/hhs">
        Heool
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>户外与探险</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">
          10
          -
          80
        <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="/cn/activities/hhs">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_152">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TlRJOmZlYXR1cmVzIg==--dd8e6ba7b7169dfaa7984d109b8dd6c06941d93174c16977689b283326dc3487"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcU5mIiwiZXhwIjoiMjAyNi0xMC0wNVQwNTo1NjoxNi40OTZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--7a7e5c6f8228cbc87c3498a407af87a7bea30e4f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000022588.mp4?locale=cn" />
    </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="/cn/activities/Dz-Devs">
        Dz Devs
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>节日</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">
          10
          -
          20
        <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="/cn/activities/Dz-Devs">
      选择
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_145">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TkRVOmZlYXR1cmVzIg==--4610cbf5c76f58cc1e70c8c6ab6bf5ae0d6a3db3e83f8ba1614199759300d7cf"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaWRmIiwiZXhwIjoiMjAyNi0xMC0wNVQwNTo1NjoxNi41MTJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--24879065691a3aac191235b5388afb689a1517ea/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000022588.mp4?locale=cn" />
    </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="/cn/activities/4g-tt">
        4g tt
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>活动</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">
          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="/cn/activities/4g-tt">
      选择
</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="/cn/activities.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>