<div class="carousel-inner" role="listbox">
                        <div class="carousel-item active">
                            <img class="d-block img-fluid"
                                src="img/uthappizza.png" alt="Uthappizza">
                            <div class="carousel-caption d-none d-md-block">
                                <h2>Uthappizza <span class="badge badge-danger">HOT</span> <span class="badge badge-pill badge-default">$4.99</span></h2>
                                . . .
                            </div>
                        </div>
                        <div class="carousel-item">
                                . . .
                        </div>
                        <div class="carousel-item">
                                . . .
                        </div>
                    </div>