Home
Ousmane CISSE
Social Proof

Social Proof

Composant de preuve sociale👌

This tailwind example is contributed by Ousmane CISSE, on 23-Oct-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is about me

Progress Bar About us

Author Ousmane CISSE

194

Fork Fullscreen

<div class="md:w-1/2 lg:w-5/12 text-center md:text-left">
                
                <h2 class="text-4xl sm:text-5xl font-extrabold mb-4">
                    Stats that matter
                </h2>
                <p class="text-gray-400 mb-10 text-lg">
                    Our rigorous security and compliance standards are at the heart of all we do. We work tirelessly to protect you and your customers.
                </p>

<div class="space-y-8">
                    
                    <div class="flex items-start md:items-center text-left">
                        <div class="text-indigo-400 mr-4 mt-1 md:mt-0">
                            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8v8m0-8h.01M12 4v.01M12 20v.01M16 12h.01M8 12h.01"></path></svg>
                        </div>
                        <div>
                            <p class="text-3xl font-bold">$76 billion</p>
                            <p class="text-gray-400">24h trading volume on Flowbite exchange</p>
                        </div>
                    </div>

<div class="flex items-start md:items-center text-left">
                        <div class="text-indigo-400 mr-4 mt-1 md:mt-0">
                            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
                        </div>
                        <div>
                            <p class="text-3xl font-bold">90%</p>
                            <p class="text-gray-400">of U.S adults have bought from businesses using Flowbite</p>
                        </div>
                    </div>
                    
                    <div class="flex items-start md:items-center text-left">
                        <div class="text-indigo-400 mr-4 mt-1 md:mt-0">
                            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5s3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18s-3.332.477-4.5 1.253"></path></svg>
                        </div>
                        <div>
                            <p class="text-3xl font-bold">135+</p>
                            <p class="text-gray-400">currencies and payment methods supported</p>
                        </div>
                    </div>

</div>
    </div>
</section>

Related Examples

Portfolio About & Skills

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

2.4k
About - UI Components
Add an About Section to your website or application using Tailwind CSS. These About Sections are easy to use and fully customizable according to your brand's design. These Tailwind UI components are ready to use and customizable.

Author:
Alif Bima Pradana

5 days ago

24
cards
html , css ,

Author:
Hacker Development

9 months ago

853
Donate Hero section
Best New tailwindcss,help save the children

Author:
ORGIN_DREAMS

8 months ago

702
Responsive Portfolio Webpage with Tailwind CSS
This is a reusable and responsive portfolio webpage template created with HTML and Tailwind CSS. Designed for developers or creatives, the template includes essential sections like Header, Hero, About, Skills, Experience, Projects, Testimonials, Contact Form, and Footer. It features a clean, modern design and is fully customizable without requiring JavaScript. Perfect for showcasing personal or professional work on the web.

Author:
Ayyamperumal S

1 year ago

2.3k
Progress Bar
Simple Progress bar

Author:
anjali pandith

2 years ago

5.7k
Abous Us
About us section with statastics and CTA buttons

Author:
Rajesh Maheshwari

11 months ago

1k
About Us

Author:
ariaw

3 months ago

497
Responsive Working Process Section
This modern and responsive "Our Working Process" section adapts seamlessly to all screen sizes, ensuring a smooth user experience. The design follows a structured step-by-step layout with clear typography, bold colors, and interactive elements, making it perfect for showcasing business processes or workflows.

Author:
ABDO-SY

10 months ago

993
Coming Soon Countdown Section – Animated & Responsive
A beautifully designed "Coming Soon" landing section built with Tailwind CSS and Alpine.js, perfect for startups, SaaS platforms, and product launches. This component features a live countdown timer, smooth fade-in animations, and floating gradient effects for a futuristic, engaging look. The layout adapts seamlessly to all screen sizes and supports dark mode, creating a professional pre-launch experience that builds anticipation and excitement. ✨ Key Features ⏳ Dynamic countdown timer (days, hours, minutes, seconds) 🎨 Animated gradient orbs for a vibrant background effect 🌙 Dark mode support included 💨 Smooth entrance animations using Alpine.js 📱 Fully responsive design for all devices 🔗 Social media icons to keep your audience connected 💡 Perfect for: Coming Soon or Under Construction pages Product and SaaS pre-launch sites Portfolio or agency landing pages Event or app launch countdowns

Author:
wavy kits

4 months ago

663
Our Services Section – Animated & Responsive
A modern and dynamic “Services” section built with Tailwind CSS and Alpine.js, designed to showcase your company’s main offerings with clean visuals and engaging animations. This component uses smooth fade and slide animations to reveal each service card as it comes into view. Each card highlights a core business area — Web Development, Mobile Apps, and Cloud Solutions — with beautiful hover effects, icons, and descriptive lists. Perfect for SaaS websites, agencies, and startups looking to present their services in a visually appealing, professional, and responsive layout. Key Features Smooth scroll-triggered animations with Alpine.js Responsive grid layout (mobile → desktop ready) Built with Tailwind CSS for fast customization Dark mode support included Interactive hover effects for each service card Ideal for corporate, SaaS, or portfolio websites 💡 Services Included 🌐 Web Development (Responsive, SEO-friendly, Optimized) 📱 Mobile Apps (Cross-platform, iOS & Android) ☁️ Cloud Solutions (AWS, Azure, Auto-scaling, Security)

Author:
wavy kits

4 months ago

627
Coming Soon Countdown Section – Animated & Responsive
A beautifully designed "Coming Soon" landing section built with Tailwind CSS and Alpine.js, perfect for startups, SaaS platforms, and product launches. This component features a live countdown timer, smooth fade-in animations, and floating gradient effects for a futuristic, engaging look. The layout adapts seamlessly to all screen sizes and supports dark mode, creating a professional pre-launch experience that builds anticipation and excitement. ✨ Key Features ⏳ Dynamic countdown timer (days, hours, minutes, seconds) 🎨 Animated gradient orbs for a vibrant background effect 🌙 Dark mode support included 💨 Smooth entrance animations using Alpine.js 📱 Fully responsive design for all devices 🔗 Social media icons to keep your audience connected 💡 Perfect for: Coming Soon or Under Construction pages Product and SaaS pre-launch sites Portfolio or agency landing pages Event or app launch countdowns

Author:
Anonymous

2 months ago

157

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components