carousel_home_page.html

    <div class="container">
        <!--<div class="row row-content carouselup">
            <div class="col">
                <div id="mycarousel" class="carousel slide carouselup" data-ride="carousel">
                    <div class="carousel-inner" role="listbox">
                        <div class="carousel-item active">
                            <img class="d-block img-fluid imuppp"
                                src="image2.PNG" width="100%" height="100%" alt="1stpic">
                        </div>
                        <div class="carousel-item">
                            <img class="d-block img-fluid"
                                src="image1.PNG" width="100%" alt="2ndpic">
                        </div>
                        <div class="carousel-item">
                            <img class="d-block img-fluid"
                                src="image3.PNG" width="100%" alt="3rdpic">
                        </div>
                    </div>
                    <ol class="carousel-indicators">
                        <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#mycarousel" data-slide-to="1"></li>
                        <li data-target="#mycarousel" data-slide-to="2"></li>
                    </ol>
                    <a class="carousel-control-prev" href="#mycarousel" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a class="carousel-control-next" href="#mycarousel" role="button" data-slide="next">
                        <span class="carousel-control-next-icon"></span>
                    </a>
                    <button class="btn btn-danger btn-sm" id="carouselButton">
                        <span class="fa fa-pause"></span>
                    </button>
                </div>
             </div>
        </div>-->
        <div id="demo" class="carousel slide" data-ride="carousel" data-interval="5000" >
            <!-- Indicators -->
            <ul class="carousel-indicators">
              <li data-target="#demo" data-slide-to="0" class="active"></li>
              <li data-target="#demo" data-slide-to="1"></li>
              <li data-target="#demo" data-slide-to="2"></li>
            </ul>
            
            <!-- The slideshow -->
            <div class="carousel-inner">
              <div class="carousel-item active" >
                <img src="imagesteam/Dept.jpg" style="width:100%" class="mx-auto d-block">
              </div>
              <div class="carousel-item">
                <img src="imagesteam/group-1.png" style="width:100%" class="mx-auto d-block">
              </div>
              <div class="carousel-item">
                <img src="imagesteam/main_building.jpg" style="width:100%" class="mx-auto d-block">
              </div>
            </div>
            
            <!-- Left and right controls -->
            <a class="carousel-control-prev" href="#demo" data-slide="prev">
              <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#demo" data-slide="next">
              <span class="carousel-control-next-icon"></span>
            </a>

            <!-- <button class="btn btn-danger btn-sm" id="carouselButton">
                <span class="fa fa-pause"></span>
            </button> -->
        </div>
        <br />
    </div>

<!-- line no. -> from 217 to 286 -->