<section class="py-12 lg:py-24">
<div class="container mx-auto px-4">
<div class="flex flex-wrap -mx-4">
<div class="w-full sm:w-1/2 md:w-1/4 px-4 mb-10 md:mb-0">
<div class="text-center">
<h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mb-4">5,000 Mwh</h5>
<span class="text-base lg:text-lg text-gray-700">Renewable Energy Generated</span>
</div>
</div>
<div class="w-full sm:w-1/2 md:w-1/4 px-4 mb-10 md:mb-0">
<div class="text-center">
<h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mb-4">2,500+</h5>
<span class="text-base lg:text-lg text-gray-700">Renewable Energy Generated</span>
</div>
</div>
<div class="w-full sm:w-1/2 md:w-1/4 px-4 mb-10 sm:mb-0">
<div class="text-center">
<h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mb-4">10,000+</h5>
<span class="text-base lg:text-lg text-gray-700">Renewable Energy Generated</span>
</div>
</div>
<div class="w-full sm:w-1/2 md:w-1/4 px-4">
<div class="text-center">
<h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mb-4">15%</h5>
<span class="text-base lg:text-lg text-gray-700">Renewable Energy Generated</span>
</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
