# About us Number count

### 62.About us Number count

> Module position: tp-parallax-count
>
> Module class suffix: tp-parallax

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FSPjZ1GFvNPwDd1mp7NgB%2FAboutus_Numbercount.png?alt=media\&token=555ce785-d9df-4a0e-bf96-abc155d74e06)

If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below:

#### Step-1:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FzRvOowPExYZI1Q32UqPe%2FAboutus_Numbercount_step1.png?alt=media\&token=0d5ff840-e7d5-4e67-a986-5fd6e55b045d)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fg4qz5xhHI1d3FdrlTbwP%2FAboutus_Numbercount_step2.png?alt=media\&token=0000a6ab-5dc4-4989-bfdd-9fa223a7ff25)

#### Step-3:

Add the following html code in you custom html module

```html
<div class="container">
    <div class="col-md-3 col-sm-6 col-xs-12 gp-number">
        <div class="gp-count"><em class="gp-icon icon-line2-user-follow"></em>
            <div id="odometer1" class="odometer odometer-theme-minimal"
data-odometer-value="2805">1</div>
            <p>Happy customers</p>
        </div>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12 gp-number">
        <div class="gp-count"><em class="gp-icon icon-heart2"></em>
            <div id="odometer2" class="odometer odometer-theme-minimal"
 data-odometer-value="500">1</div>
            <p>Projects completed</p>
        </div>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12 gp-number">
        <div class="gp-count"><em class="gp-icon icon-coffee"></em>
            <div id="odometer3" class="odometer odometer-theme-minimal"
data-odometer-value="1502">1</div>
            <p>Cup of coffees</p>
        </div>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12 gp-number">
        <div class="gp-count"><em class="gp-icon icon-line2-cloud-download"></em>
            <div id="odometer4" class="odometer odometer-theme-minimal"
data-odometer-value="300">1</div>
            <p>Total Downloads</p>
        </div>
    </div>
</div>
```

#### Step-4:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FkDbBeTImPi22fmPm2bg5%2FAboutus_Numbercount_step4.png?alt=media\&token=85803409-48d5-4cd8-8da3-0013deaf49c8)