Skip to content


On most websites, you have seen a counter section. It tells the users how well the business is going on. This section contains the number of interests, visit, likes, and many more things and shows to the visitors. This counter increases as the interest and visit of the user increases.

Mostly, this counter section is added at the bottom of the webpage (in the footer). It contains the growth details of the website that how good or bad your business is growing on. This counter increases as the growth of the business increases. You have seen the HTML counter as shown below at the footer of websites most of the time.



Dev System


Steps to create HTML counter

Step 1

Create the simple structure using HTML <div> tags.

Step 2

 Add CSS to make the counter more attractive.

Step 3

To add the small icons (like suitcase, coffee-cup, Smylie, user icon, book and more) with the counter, use the bootstrap cdn link and code.

Step 4

For the bootstrap cdn code, click on the following link and get the Font Awesome code from here.

Step 5

Copy this Font Awesome CSS link from here and paste inside the <link> tab in href parameter. Add this inside the <head> in HTML code.

Exit mobile version