<section class="py-20 bg-black">
<div class="container mx-auto px-4">
<div class="flex flex-wrap -mx-4">
<div class="w-full md:w-1/2 lg:w-1/4 px-4">
<div class="relative h-64 w-full flex items-center justify-center">
<img class="absolute top-0 left-0 h-full w-full object-contain" src="boldui-assets/elements/ellipse.svg" alt="">
<img class="h-6" src="boldui-assets/brands/logo-clouds/slack.svg" alt="">
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4">
<div class="relative h-64 w-full flex items-center justify-center">
<img class="absolute top-0 left-0 h-full w-full object-contain" src="boldui-assets/elements/ellipse.svg" alt="">
<img class="h-6" src="boldui-assets/brands/logo-clouds/spotify.svg" alt="">
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4">
<div class="relative h-64 w-full flex items-center justify-center">
<img class="absolute top-0 left-0 h-full w-full object-contain" src="boldui-assets/elements/ellipse.svg" alt="">
<img class="h-6" src="boldui-assets/brands/logo-clouds/dropbox.svg" alt="">
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4">
<div class="relative h-64 w-full flex items-center justify-center">
<img class="absolute top-0 left-0 h-full w-full object-contain" src="boldui-assets/elements/ellipse.svg" alt="">
<img class="h-6" src="boldui-assets/brands/logo-clouds/stripe.svg" alt="">
</div>
</div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
