About Us Page Design in HTML with Source Code

When creating an About Us page, it is essential to make it visually appealing and engaging for visitors. One way to achieve this is by incorporating a counter that shows the growth of your business. In this article, we will explore how you can design a simple counter using HTML and CSS.

Step 1: Create the Simple Structure

To create the structure of our counter, we start with basic HTML tags:

```html

Our Growth

We've had:

visitors so far.

```

In this code, we have a container div with a heading and a paragraph that displays the counter value.

Step 2: Add CSS to Make it Attractive

To make our counter more attractive, we add some basic CSS styles:

```css

.counter-container {

text-align: center;

font-size: 24px;

}

#visitor-count {

font-size: 48px;

font-weight: bold;

}

```

In this code, we set the alignment of the container to center, increase the font size of the heading and paragraph, and make the counter value bold.

Step 3: Add Bootstrap CDN Link and Code

To add small icons (like suitcase, coffee-cup, Smylie, user icon, book, etc.) with our counter, we use the Bootstrap CDN link and code:

```html

```

Step 4: Add Font Awesome CSS Link

To add the small icons (like suitcase, coffee-cup, Smylie, user icon, book, etc.) with our counter, we need to add the Font Awesome CSS link:

```html

```

Step 5: Copy and Paste

To get the counter added at the bottom of the webpage, simply execute the code and copy this Font Awesome CSS link from here:

```html

Our Growth

We've had:

visitors so far.

```

And that's it! You now have a basic counter design using HTML and CSS. In the next section, we will explore how to dynamically fetch and count the visitors in real-time using JavaScript.

In this article, we learned how to create a simple counter using HTML and CSS. We also explored how to add small icons with our counter using Bootstrap CDN link and code. With these steps, you can easily design an About Us page that showcases your business growth.

About us page design in html with source code