<footer class="FooterGallery">
        <div class="text"><div class="images">

            <div class="row">
                <div class="column">
                    <img src="Images/Gallery1.jpg" alt="Previous Work" onclick="openModal();currentSlide(1)" class="hover-shadow cursor">
                </div>
                <div class="column">
                    <img src="Images/Gallery2.jpg" alt="Previous Work" onclick="openModal();currentSlide(2)" class="hover-shadow cursor">
                </div>
                <div class="column">
                    <img src="Images/Gallery3.jpg" alt="Previous Work" onclick="openModal();currentSlide(3)" class="hover-shadow cursor">
                </div>
                <div class="column">
                    <img src="Images/Gallery4.jpg" alt="Previous Work" onclick="openModal();currentSlide(4)" class="hover-shadow cursor">
                </div>
                <div class="column">
                    <img src="Images/Gallery5.jpg" alt="Previous Work" onclick="openModal();currentSlide(5)" class="hover-shadow cursor">
                </div>
                <div class="column">
                    <img src="Images/Gallery6.jpg" alt="Previous Work" onclick="openModal();currentSlide(6)" class="hover-shadow cursor">
                </div>
                <div class="column">
                    <img src="Images/Gallery7.jpg" alt="Previous Work" onclick="openModal();currentSlide(7)" class="hover-shadow cursor">
                </div>
                <div class="column">
                    <img src="Images/Gallery8.jpg" alt="Previous Work" onclick="openModal();currentSlide(8)" class="hover-shadow cursor">
                </div>
                <div class="column">
                    <img src="Images/Gallery9.jpg" alt="Previous Work" onclick="openModal();currentSlide(9)" class="hover-shadow cursor">
                </div>
            </div>

            <div id="myModal" class="modal">
                <span class="close cursor" onclick="closeModal()">×</span>
                <div class="modal-content">
                    <a class="prev" onclick="plusSlides(-1)">❮</a>
                    <a class="next" onclick="plusSlides(1)">❯</a>
                    <div class="mySlides" style="display: block;">
                        <div class="numbertext">1 / 9</div>
                        <img src="Images/Gallery1Large.jpg" alt="Previous Work" style="width:100%">
                    </div>

                    <div class="mySlides" style="display: none;">
                        <div class="numbertext">2 / 9</div>
                        <img src="Images/Gallery2Large.jpg" alt="Previous Work" style="width:100%">
                    </div>

                    <div class="mySlides" style="display: none;">
                        <div class="numbertext">3 / 9</div>
                        <img src="Images/Gallery3Large.jpg" alt="Previous Work" style="width:100%">
                    </div>

                    <div class="mySlides" style="display: none;">
                        <div class="numbertext">4 / 9</div>
                        <img src="Images/Gallery4Large.jpg" alt="Previous Work" style="width:100%">
                    </div>

                    <div class="mySlides" style="display: none;">
                        <div class="numbertext">5 / 9</div>
                        <img src="Images/Gallery5Large.jpg" alt="Previous Work" style="width:100%">
                    </div>

                    <div class="mySlides" style="display: none;">
                        <div class="numbertext">6 / 9</div>
                        <img src="Images/Gallery6Large.jpg" alt="Previous Work" style="width:100%">
                    </div>

                    <div class="mySlides" style="display: none;">
                        <div class="numbertext">7 / 9</div>
                        <img src="Images/Gallery7Large.jpg" alt="Previous Work" style="width:100%">
                    </div>

                    <div class="mySlides" style="display: none;">
                        <div class="numbertext">8 / 9</div>
                        <img src="Images/Gallery8Large.jpg" alt="Previous Work" style="width:100%">
                    </div>

                    <div class="mySlides" style="display: none;">
                        <div class="numbertext">9 / 9</div>
                        <img src="Images/Gallery9Large.jpg" alt="Previous Work" style="width:100%">
                    </div>

                    <div class="caption-container">
                        <p id="caption">Previous Work</p>
                    </div>


                    <div class="column">
                        <img class="demo cursor active" src="Images/Gallery1.jpg" alt="Previous Work" style="width:100%" onclick="currentSlide(1)">
                    </div>
                    <div class="column">
                        <img class="demo cursor" src="Images/Gallery2.jpg" alt="Previous Work" style="width:100%" onclick="currentSlide(2)">
                    </div>
                    <div class="column">
                        <img class="demo cursor" src="Images/Gallery3.jpg" alt="Previous Work" style="width:100%" onclick="currentSlide(3)">
                    </div>
                    <div class="column">
                        <img class="demo cursor" src="Images/Gallery4.jpg" alt="Previous Work" style="width:100%" onclick="currentSlide(4)">
                    </div>
                    <div class="column">
                        <img class="demo cursor active" src="Images/Gallery5.jpg" alt="Previous Work" style="width:100%" onclick="currentSlide(5)">
                    </div>
                    <div class="column">
                        <img class="demo cursor active" src="Images/Gallery6.jpg" alt="Previous Work" style="width:100%" onclick="currentSlide(6)">
                    </div>
                    <div class="column">
                        <img class="demo cursor active" src="Images/Gallery7.jpg" alt="Previous Work" style="width:100%" onclick="currentSlide(7)">
                    </div>
                    <div class="column">
                        <img class="demo cursor active" src="Images/Gallery8.jpg" alt="Previous Work" style="width:100%" onclick="currentSlide(8)">
                    </div>
                    <div class="column">
                        <img class="demo cursor active" src="Images/Gallery9.jpg" alt="Previous Work" style="width:100%" onclick="currentSlide(9)">
                    </div>
                </div>
            </div>

        </div></div>
    </footer>