extraindex.php

<!--This is a jumbotron!-->
            <!--Implement bootstrap jumbotron class-->
            <section class="jumbotron text-center">
                <!--Display class to make heading more attractive-->
                <h1 class="display-4">All in one Space, All in one Place</h1>
                <hr class="my-4">
                <p class="lead">
                    <a class="btn btn-outline-dark btn-lg" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">What's New?</a>
                </p>
            </section>
            
            <!--Modal--> 
                <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLongTitle">Hi there, <?php echo $userDetails->name ?>!</h5>
                                <button type="button" class="close disabled" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                This platform allows you to surf for interesting things around school and getaway from school life!
                                <br><br>
                                School rules are still applied.
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">I Understand</button>
                            </div>                           
                        </div>
                    </div>
                </div>
<section class="index-4">
                    <div class="index-content">
                    </div>  
            </section>