<section class="py-12 py-sm-24 py-md-32 bg-info-light">
<div class="container">
<div class="mw-3xl mx-auto text-center">
<h3 class="mb-5" >Unlock startup’s true potential</h3>
<p class="mw-2xl mx-auto mb-16 fs-7 text-secondary" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra.</p>
<div class="mw-sm mw-md-none mx-auto py-10 bg-white rounded-5 shadow-lg">
<div class="row position-relative">
<div class="d-none d-md-block p-0 bg-secondary-light opacity-50 position-absolute top-50 start-50 translate-middle" style="width: 1px; height: 56px;"></div>
<div class="col-12 col-md-6">
<div><span class="fw-bold text-primary" >Monthly Users</span>
<h6 class="h2 mt-4 mb-4" >49,020</h6><span class="fs-9 text-secondary-dark" >19% better than last month</span>
</div>
</div>
<div class="col-12 d-md-none py-12">
<div class="mx-auto bg-secondary-light opacity-50" style="height: 1px; width: 56px;"></div>
</div>
<div class="col-12 col-md-6">
<div><span class="fw-bold text-primary" >Active Users</span>
<h6 class="h2 mt-4 mb-4" >2,530</h6><span class="fs-9 text-secondary-dark" >33% better than last month</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- About us 5
- Alert 85
- Application 63
- Banners 15
- Blog 93
- Breadcrumbs 4
- Call to action 113
- Careers 16
- Contact 52
- Content 62
- Cookies 53
- Download 5
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 58
- Features 160
- Footers 68
- Graphs 18
- HTTP codes 65
- Hero section 106
- How it works 53
- Logo clouds 89
- Modals 6
- Navbar 68
- Navigation (horizontal) 107
- Navigation (vertical) 6
- Newsletter 58
- Portfolio 39
- Pricing 58
- Projects 14
- Reviews 5
- Rich text 3
- Services 5
- Sign in / Sign up 99
- Stats 89
- Tables 57
- Team 56
- Testimonials 58
- Toasts 6
- Users 25
In presenting data, it is important not to bore your audience. When showing larger data sets, it's a good idea to vary the presentation to keep users' attention. You can achieve this with a variety of ways to show data through our Bootstrap component stats. Highlight the most important data and choose the right presentation for each data type!
Choose from many variations of the Bootstrap components stats. The variants shown here are available in various UI libraries in the Shuffle editor. You will also find many other types of components that will be in the same style. This will allow you to build a comprehensive Bootstrap website template. Each library is designed by a professional designer and coded by our team of developers.
Get access to all sections of the Bootstrap components stats, code and our editor. Try the demo for free.
