Counter

Dynamic number

Counter #1 #

<section id="section-01" class="border-bottom">
    <div class="footer-first">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <ul class="list-inline mb-0 mx-n8">
                        <li class="list-inline-item px-8 mr-2">
                            <div class="counter">
                                <span class="counterup h3 mb-0 lh-11 d-block font-weight-normal" data-start="0"
                                      data-end="20956732"
                                      data-decimals="0"
                                      data-duration="0" data-separator=",">20,956,732</span>
                                <span class="text-gray d-block mt-1">Registed Users</span>
                            </div>
                        </li>
                        <li class="list-inline-item px-8">
                            <div class="counter">
                                <span class="counterup h3 mb-0 lh-11 d-block font-weight-normal" data-start="0"
                                              data-end="9050656"
                                              data-decimals="0"
                                              data-duration="0" data-separator=",">9,050,656</span>
                                <span class="text-gray d-block mt-1 ">Providers</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4 mt-4 mt-md-0">
                    <ul class="list-inline mb-0">
                        <li class="list-inline-item">
                            <a href="#">
                                <img src="../images/apple-store-black.jpg" alt="App store">
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a href="#">
                                <img src="../images/ch-play-black.jpg" alt="App store">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</section>

Counter #2 #

<section id="section-02" class="border-bottom mb-10">
    <div class="footer-first bg-dark">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <ul class="list-inline mb-0 text-white mx-n8">
                        <li class="list-inline-item px-8 mr-2">
                            <div class="counter">
                                <span class="counterup text-white h3 mb-0 lh-11 d-block" data-start="0"
                                                  data-end="20956732"
                                                  data-decimals="0"
                                                  data-duration="0" data-separator=",">20,956,732</span>
                                <span class="mt-1 text-uppercase d-block">registed users</span>
                            </div>
                        </li>
                        <li class="list-inline-item px-8">
                            <div class="counter">
                                <span class="counterup text-white h3 mb-0 lh-11 d-block" data-start="0"
                                                  data-end="9050656"
                                                  data-decimals="0"
                                                  data-duration="0" data-separator=",">14,320,906</span>
                                <span class="mt-1 text-uppercase d-block">jobs posted</span>
                            </div>

                        </li>
                    </ul>
                </div>
                <div class="col-md-4 mt-4 mt-md-0">
                    <ul class="list-inline mb-0">
                        <li class="list-inline-item"><a href="#">
                            <img src="../images/white-apple-store.png" alt="App store">
                        </a></li>
                        <li class="list-inline-item">
                            <a href="#">
                                <img src="../images/white-ch-play.png" alt="App store">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>