Pixel UI KITPRO

Over 1000 premium Bootstrap 5 components

Themesberg Logo A Themesberg production

Accordion Example 1

This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Accordion with Icons

This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Accordion Flush

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Default Alerts

Dismissible Alerts with Icons

Alerts with additional content

Primary Secondary Tertiary Gray Success Danger Warning Info

Blog Cards

Themesberg office
Awards

We partnered up with Google

Some quick example text to build on the card title and make up the bulk of the card's content.

Learn More
Designer desk
Jo portrait Jo J. Moore
15 March 2020

We partnered up with Google

Some quick example text to build on the card title and make up the bulk of the card's content.

Learn More
15 March 2020

We partnered up with Google

With supporting text below as a natural lead-in to additional content.

Learn More
Artist desk

We partnered up with Google

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

15 March 2020 21

We partnered up with Google

15 March 2020

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Webdeveloper desk

List of public corporations by market capitalization

All of the world's 10 largest companies as measured by market capitalization are American. Market capitalization is the total value of a company's entire purchased shares of stock. While these companies have their roots in the U.S. and are the embodiment of ...

Profile Cards

Neil Portrait

Neil D. Sims

New York, USA

Neil drives the technical strategy of the platform and brand.

Bonnie Portrait

Bonnie M. Green

Web publications designer

Some quick example text to build on the card title and make up the bulk of the card's content.

Jose Portrait

Jose D. Leos

Web Developer

Some quick example text to build on the card title and make up the bulk of the card's content.

Joseph Portrait

Joseph A. Garth

Follow

Some quick example text to build on the card title and make up the bulk of the card's content.

Christopher Portrait

Christopher Wood

Frank Portrait

Frank Shears

UI/UX Designer

Some quick example text to build on the card title and make up the bulk of the card's content.

Follow
Benjamin Portrait

Benjamin West

Web Developer
James Portrait
Web Developer

James Desai

Dashboard Cards

New customers

452

18.2%
Last month
This month
Revenues

10,567

$10.57%
Real Estate
Electronic
Clothes
Auto
Sales Value

10,567

$10.57%

Pricing Cards

Basic

$19 / month
  • 1 free domain
  • Storage space: 5GB
  • 100k monthly visitors
  • One-click staging site
  • Search engine wizard
  • Community support
$19 / month

Faster sites deliver better business results for your clients.

  • Full Support No
  • Storage 50 GB
  • Monthly Visitors 400k
19$ / month
  • Community support
  • 15 GB SSD storage
  • One-click staging site
  • 10 E-mail accounts
  • 2 Bootstrap Themes

Basic

$19
  • Community support
  • 15 GB SSD storage
  • One-click staging site
  • 10 E-mail accounts
  • 2 Bootstrap Themes

Regular

$39 / month

So, get Website Backup and stop worrying about data loss. Get back to doing what you do best – running your business and making money.

Call to Action

Get in touch

If you need any help with our products or services, choose one of the following ways to contact us.

Become one of us

Do you want to join our team and work remotely from anywhere you'd like? We can’t wait to hear from you!

Check Careers

Ready to change your life?

Download Rocket today and take the first step to organize your routine, achieve your personal goals and reflect on your life.

Download on the
App Store
Download on the
Google Play

Get the most out of your network.

Contact management designed for teams and individuals

Login & Register

Sign in to our platform

Login here using your username and password
or login with
Not registered? Create account

Create Account

or
Already have an account? Login here
Basic Carousel
With controls
Indicators & controls
Transparent Background
Transparent Background

Main Buttons

Round Main Buttons

Outline Buttons

Round Outline Buttons

Animated Buttons

Loading Buttons

Dropdown buttons

Link Buttons

Primary Icon Left Icon Right

Sizes

Choose your color

Main
Outline
Round Outline
Links
Default Primary Secondary Tertiary Info Success Danger Dark Gray

Social Buttons







Round Social Buttons







Square

Circle

500 Happy people
1560 Units Ordered
12031 Lines of Code
500 Happy people

Product Cards

watch large
black watch
Beats speakers
Beats Pill

Black Beats Pill + Portable Speaker

4.7
Apple Watch Series 3
4.7 150 orders

Monitor your health. Track your workouts. Get the motivation you need to achieve your fitness goals. And stay connected to the people and information you care about.

$299.00 $199.00
Free shipping

Filters

Price range

Colors

Reset

Categories

Product type

Cart & Checkout Cards

apple watch series
  • Transport: Free transport
  • Moneyback: 1 month
  • Warranty: 24 months
big speakers
  • Transport: Free transport
  • Moneyback: 1 month
  • Warranty: 12 months

Cart Summary

  • Subtotal $398.00
  • Total $398.00
Taxes may apply before placing an order.

Items (2)

black watch
  • Transport: Free transport
  • Moneyback: 1 month
  • Warranty: 24 months
black speakers
  • Transport: Free transport
  • Moneyback: 1 month
  • Warranty: 24 months
  • Subtotal $398.00
  • Tax $18.00
  • Total $416.00
By placing the order you are confirming that you are over 16 years of age and you agree with our Terms and Conditions.

Default Forms

We'll never share your email with anyone else.
Looks good!
Please choose a username.

Floating labels

Range Sliders

Square Checkboxes
Round Checkboxes
Radios
Switches

Round Shape

Square Shape

Organic Shape

Simple Icon

Choose your size

Icon Large

Default Icon

Icon Small

Side Icons

Left Icon

Designed with the latest design trends in mind. Our product feels modern, creative, and beautiful.

Right Icon

Designed with the latest design trends in mind. Our product feels modern, creative, and beautiful.

Card Icons

Ideas and Concepts

Designed with the latest design trends in mind. Our product feels modern, creative, and beautiful.

Learn more

Powerful Techniques

Designed with the latest design trends in mind. Our product feels modern, creative, and beautiful.

Learn more

100% Satisfaction

Designed with the latest design trends in mind. Our product feels modern, creative, and beautiful.

Learn more

100% Satisfaction

Designed with the latest design trends in mind. Our product feels modern, creative, and beautiful.

Learn more

100% Satisfaction

Designed with the latest design trends in mind. Our product feels modern, creative, and beautiful.

Learn more
GlideJS Carousels
  • Bonnie portrait

    Bonnie Green

    Web publications designer

    Some quick example text to build on the card title and make up the bulk of the card's content.

  • Neil portrait

    Neil Sims

    Web Developer

    Some quick example text to build on the card title and make up the bulk of the card's content.

  • Jose portrait

    Jose Leos

    React Native Developer

    Some quick example text to build on the card title and make up the bulk of the card's content.

  • Joseph portrait

    Joseph Garth

    Director

    Some quick example text to build on the card title and make up the bulk of the card's content.

  • Patricia portrait

    Patricia Patel

    Web publications designer

    Some quick example text to build on the card title and make up the bulk of the card's content.

Autoplay Carousel
  • Bonnie portrait

    Bonnie Green

    Web publications designer

    Some quick example text to build on the card title and make up the bulk of the card's content.

  • Neil portrait

    Neil Sims

    Web Developer

    Some quick example text to build on the card title and make up the bulk of the card's content.

  • Jose portrait

    Jose Leos

    React Native Developer

    Some quick example text to build on the card title and make up the bulk of the card's content.

  • Joseph portrait

    Joseph Garth

    Director

    Some quick example text to build on the card title and make up the bulk of the card's content.

  • Patricia portrait

    Patricia Patel

    Web publications designer

    Some quick example text to build on the card title and make up the bulk of the card's content.

Pagination with icon-nav
Pagination with text-nav
Disabled and active states
Choose your size
Pagination with icon-nav
Pagination with text-nav
Disabled and active states
Choose your size
Choose your color
Primary Color
50%
Secondary Color
60%
Tertiary Color
60%
Dark Color
60%
Success Bar
60%
Info Bar
60%
Danger Bar
60%
Tooltip
Angular
40%
Wordpress
40%
Laravel
40%
Php
40%
Bootstrap
40%
Angular
40%
Javascript
40%
Progress Bars Striped
Angular
40%
Wordpress
40%
Laravel
40%
Php
40%
Bootstrap
40%
Angular
40%
Javascript
40%
Labels
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Task completed
80%
Choose your size
XL Progress Bar
40%
LG Progress Bar
60%
MD Progress Bar
60%
SM Progress Bar
60%
Round Shape
1

Goal identification

Where I work with the client to determine what goals the site needs.

2

Content creation

Now that we have a bigger picture of the site in mind, we can start.

3

Testing

We've got all your pages and defined how they display to the site visitor.

Organic Shape
1

Goal identification

Where I work with the client to determine what goals the site needs.

2

Content creation

Now that we have a bigger picture of the site in mind, we can start.

3

Testing

We've got all your pages and defined how they display to the site visitor.

Square Shape
1

Goal identification

Where I work with the client to determine what goals the site needs.

2

Content creation

Now that we have a bigger picture of the site in mind, we can start.

3

Testing

We've got all your pages and defined how they display to the site visitor.

Choose your color
1

Primary color

Now that we have a bigger picture of the site in mind, we can start.

2

Secondary color

Now that we have a bigger picture of the site in mind, we can start.

3

Tertiary color

Now that we have a bigger picture of the site in mind, we can start.

Bordered
1

Discussion

Where I work with the client to determine what goals the site needs.

3

Production

Now that we have a bigger picture of the site in mind, we can start.

2

Prototyping

We've got all your pages and defined how they display to the site visitor.

Default table
ClassTeacherMalesFemales
First YearD. Bolter54
A. Cheetham79
Second YearM. Lam39
S. Crossy43
A. Forsyth69
Dark table
YearTeacherMalesFemales
First YearD. Bolter54
A. Cheetham79
Second YearM. Lam39
S. Crossy43
A. Forsyth69
Hoverable rows
ClassTeacherMalesFemales
First YearD. Bolter54
A. Cheetham79
Second YearM. Lam39
S. Crossy43
A. Forsyth69
Responsive Table
ClassTeacherMalesFemales
First YearD. Bolter54
A. Cheetham79
Second YearM. Lam39
S. Crossy43
A. Forsyth69
Tab Style 1

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Tab Style 2

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Tab Style 3
Tab Style 4
Vartical Tab

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Timeline Style 1

React

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum.

VueJs

Bootstrap. Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas.

Angular

AngularJS is a JavaScript-based open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.

Timeline Style 2

We open our first office

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum.

See story

We sold more than 1000 copies

Bootstrap. Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas.

See story

The begining

AngularJS is a JavaScript-based open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.

See story
Timeline Style 3

Organic shape

Picseel ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.


Circle shape

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.


Square shape

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.

Timeline Style 4
2018-2019

Business

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed efficitur ex sit amet massa scelerisque scelerisque. Aliquam erat volutpat. Aenean interdum finibus efficitur.

2017-2018

Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed efficitur ex sit amet massa scelerisque scelerisque. Aliquam erat volutpat. Aenean interdum finibus efficitur.

2015-2016

Marketing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed efficitur ex sit amet massa scelerisque scelerisque. Aliquam erat volutpat. Aenean interdum finibus efficitur.

Timeline Style 5
 
 
John Portrait
 
 

Time Schedule 1

Stay organized, reduce stress, and accomplish personal and business goals with a daily schedule template. It’s a simple yet effective time-management tool for any daily activity, whether you’re managing a busy work schedule, academic assignments or family chores.

08:30 - 09:00 Breakfast in Town
09:00 - 10:30 Attend a team meeting
10:30 - 10:45 Research on new technologies and tools
10:45 - 12:00 It’s a good idea to review the day’s work
 
 
Bonnie Portrait
 
 

Time Schedule 2

Stay organized, reduce stress, and accomplish personal and business goals with a daily schedule template. It’s a simple yet effective time-management tool for any daily activity, whether you’re managing a busy work schedule, academic assignments or family chores.

08:30 - 09:00 Breakfast in Town
09:00 - 10:30 Attend a team meeting
10:30 - 10:45 Research on new technologies and tools
10:45 - 12:00 It’s a good idea to review the day’s work
 
 
Jax Portrait
 
 

Time Schedule 3

Stay organized, reduce stress, and accomplish personal and business goals with a daily schedule template. It’s a simple yet effective time-management tool for any daily activity, whether you’re managing a busy work schedule, academic assignments or family chores.

08:30 - 09:00 Breakfast in Town
09:00 - 10:30 Attend a team meeting
10:30 - 10:45 Research on new technologies and tools
10:45 - 12:00 It’s a good idea to review the day’s work
Timeline Style 6
 
 
Christopher Portrait
 
 

Christopher Wood

Director

I spend my days with my hands in many different areas of web development from back end programming to front end engineering, digital accessibility, user experience and visual design.

Jose Leos

Web Developer

I spend my days with my hands in many different areas of web development from back end programming to front end engineering, digital accessibility, user experience and visual design.

 
 
Jose Portrait
 
 
 
 
Bonnie Portrait
 
 

Bonnie Green

Marketing / SEO

I spend my days with my hands in many different areas of web development from back end programming to front end engineering, digital accessibility, user experience and visual design.

Neil Sims

Photoshop Artist

I spend my days with my hands in many different areas of web development from back end programming to front end engineering, digital accessibility, user experience and visual design.

 
 
Neil Portrait
 
 

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading
Customizing headings

Fancy display heading With faded secondary text

Fancy display heading With faded secondary text

Fancy display heading With faded secondary text

Fancy display heading With faded secondary text

Fancy display heading With faded secondary text
Fancy display heading With faded secondary text
Display headings

Display 1

Display 2

Display 3

Display 4

Paragraphs
Simple paragraph

Start your development with a Pixel Design System for Bootstrap 4.Themesberg makes beautiful products to help people with creative ideas succeed.Our company empowers millions of people.

Lead paragraph

Start your development with a Pixel Design System for Bootstrap 4.Themesberg makes beautiful products to help people with creative ideas succeed.Our company empowers millions of people.

Dark text

Design is not just what it looks like and feels like. Design is how it works.

Primary text

Design is not just what it looks like and feels like. Design is how it works.

Secondary text

Design is not just what it looks like and feels like. Design is how it works.

Tertiary text

Design is not just what it looks like and feels like. Design is how it works.

Info text

Design is not just what it looks like and feels like. Design is how it works.

Danger text

Design is not just what it looks like and feels like. Design is how it works.

Success text

Design is not just what it looks like and feels like. Design is how it works.

Blockquote
Themesberg makes beautiful products to help people with creative ideas succeed. Our company empowers millions of people.
Zoltan Szőgyényi
Lists
Unordered
  • Minutes of the last meeting
  • Do we need yet more meetings?
  • Any other business
    • Programming
    • Web Design
    • Database
  • Something funny
Ordered
  1. Minutes of the last meeting
  2. Do we need yet more meetings?
  3. Any other business
    1. Programming
    2. Web Design
    3. Database
  4. Something funny