example.html


<html>
    <head>
        <title>Dan's Gallery Demo</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

        <style src="gallery.css"></style>
    </head>


    <body>
        <center>

            <div class="row" id ="thumbCont">
                <div class="col-sm-2" id="menuLeft">

                </div>

                <div class="expaindContainer">
                    <div class="col-sm-10" id="full">

                        <span onclick="this.parentElement.style.display='none'" class="closebtn">&times;</span>
            

                        <img id="expandedImg" style="max-width:100%;max-height:90vh;">
            
                        <div id="imgtext" id="imageTitle">

                        </div>
                    </div>

                </div>
            </div>
    
        </center>


     </body>
<script src="flickrGrab.js"></script>
</html>