Project stats section

This tailwind example is contributed by Carlos, on 21-Sep-2024. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Info, Show info, Statistics

Stats

Author Carlos

Tailwind v3.4 2.4k 6

Fork Fullscreen

<div class="p-4 md:p-6">
  <div class="border border-gray-200 bg-white rounded-3xl flex flex-wrap">
    <div class="w-full md:w-1/2 lg:w-1/4 py-8">
      <div class="md:border-r border-gray-200 px-12">
        <p class="text-gray-600 mb-2 text-center">Projects</p>
        <h2 class="text-4xl lg:text-5xl font-semibold text-center">150+</h2>
      </div>
    </div>
    <div class="w-full md:w-1/2 lg:w-1/4 py-8">
      <div class="lg:border-r border-gray-200 px-12">
        <p class="text-gray-600 mb-2 text-center">Users</p>
        <h2 class="text-4xl lg:text-5xl font-semibold text-center">10K+</h2>
      </div>
    </div>
    <div class="w-full md:w-1/2 lg:w-1/4 py-8">
      <div class="md:border-r border-gray-200 px-12">
        <p class="text-gray-600 mb-2 text-center">Countries</p>
        <h2 class="text-4xl lg:text-5xl font-semibold text-center">50+</h2>
      </div>
    </div>
    <div class="w-full md:w-1/2 lg:w-1/4 py-8">
      <div class="px-12">
        <p class="text-gray-600 mb-2 text-center">Partners</p>
        <h2 class="text-4xl lg:text-5xl font-semibold text-center">30+</h2>
      </div>
    </div>
  </div>
</div>

Related Examples

Info Card

Prem..

4 years ago

20.9k
Stats - Htmlwind
Simple stats

Htmlwind

1 year ago

1.7k
Beautiful info cards
Responsive and minimal design

Amit Pachange

3 years ago

11k
Stats Banner Example
Show your stats proudly

Nomusa Botha

2 years ago

2.9k
Stats - Big and Bold
display stats of your product

Pixel Perfect

2 years ago

3k
Stats or Metrics Overview
Highlight your achievements with our Stats Section, featuring key metrics such as years of experience, happy clients, completed projects, and awards. This visually engaging component effectively communicates your expertise and success at a glance

Anum Shahana

2 years ago

1.8k
sidebar dash
sidebar dash

Omer fils ELENGA

10 months ago

983
Calender
Calendar component for showing schedule

Brandon D

4 years ago

8.9k
Info cards for admin panel

Sophia Baker

3 years ago

12.9k
Info cards

Lukas Müller

3 years ago

12.2k
Stats card with icons
Improved Code quality and added support for dark mode

Dika Rahman

2 years ago

2.7k
Landi page template
con un cuerpo libre

Raul antonio de la cruz hernandez

10 months ago

984