165.             <div>
166.               <ul class="gap-2 lg:gap-3 xl:gap-4" data-uc-accordion="targets: > li;" data-anime="onview: -50; targets: >*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 400; delay: anime.stagger(100, {start: 500});">
167.                 {[
168.                 foreach ($akordiyondata as $index => $akordiyon):
169.                   if ($index % 2 == 0):
170.                     $baslik = "baslik_" . Lang::get();
171.                     $icerik = "icerik_" . Lang::get();
172.                     ]}
173.                     <li class="panel px-2 py-3 lg:p-3 xl:p-4 rounded bg-gray-25">
174. 
                      <a href="#" data-uc-cursor="md bg-white opacity-10" class="uc-accordion-title h6 sm:h5 xl:h4 fw-bold">{[ echo $akordiyon->$baslik ]}a>
175.                       <div class="uc-accordion-content">
176.                         <p>{[ echo $akordiyon->$icerik ]}p>
177.                       div>
178.                     li>
179.                     {[
180.                   endif;
181.                 endforeach;
182.                 ]}
183.               ul>
184.             div>