43 lines
2.4 KiB
HTML
43 lines
2.4 KiB
HTML
<div class="bg-transparent lg:py-12 overflow-hidden">
|
|
<div class="flex space-x-8 animate-scroll">
|
|
<!-- First set of logos -->
|
|
<img class="object-contain" src="images/logos/sikana.png" alt="Transistor" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/ict.png" alt="Reform" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/znz.png" alt="Tuple" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/social.png" alt="SavvyCal" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/holo.png" alt="Statamic" width="158" height="48">
|
|
<img class=" object-contain" src="images/logos/freezone.png" alt="Statamic" width="158" height="48">
|
|
<img class=" object-contain" src="images/logos/vverse.png" alt="Statamic" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/veverse.png" alt="Statamic" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/zictia.png" alt="Statamic" width="158" height="48">
|
|
|
|
<!-- First set of logos -->
|
|
<img class="object-contain" src="images/logos/sikana.png" alt="Transistor" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/ict.png" alt="Reform" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/znz.png" alt="Tuple" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/social.png" alt="SavvyCal" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/holo.png" alt="Statamic" width="158" height="48">
|
|
<img class=" object-contain" src="images/logos/freezone.png" alt="Statamic" width="158" height="48">
|
|
<img class=" object-contain" src="images/logos/vverse.png" alt="Statamic" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/veverse.png" alt="Statamic" width="158" height="48">
|
|
<img class="object-contain" src="images/logos/zictia.png" alt="Statamic" width="158" height="48">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* Keyframe animation for slow horizontal scrolling */
|
|
@keyframes scroll {
|
|
0% { transform: translateX(0); }
|
|
100% { transform: translateX(-50%); }
|
|
}
|
|
|
|
/* Apply the animation */
|
|
.animate-scroll {
|
|
display: flex;
|
|
animation: scroll 30s linear infinite;
|
|
gap: 2rem;
|
|
width: max-content;
|
|
}
|
|
</style>
|