<!-- Lightbox -->

<div class="container-fluid mt-n4 lightbox-container">

    <div class="row p-0 no-gutters">

        <div class="col-12">

                <div id="mdb-lightbox-ui"></div>

            <div class="mdb-lightbox no-margin">

              <figure class="col-12 col-md-6 col-lg-4">

                <a href="../img/intakt/modal/infographic.png" data-size="1600x1067">

                  <img src="../img/intakt/infographic.png" class="img-fluid w-100">

                </a>

                <p class="p-text text-center pt-3">Stylized Infographic Resume Design</p>                 

              </figure>

              <figure class="col-12 col-md-6 col-lg-4">

                <a href="../img/intakt/modal/card.png" data-size="1600x1067">

                  <img src="../img/intakt/card.png" class="img-fluid w-100" />

                </a>

                <p class="p-text text-center pt-3">My Business Card Design</p>                    

              </figure>

              <figure class="col-12 col-md-6 col-lg-4">

                <a href="../img/intakt/modal/stationery.png" data-size="1600x1067">

                  <img src="../img/intakt/stationery.png" class="img-fluid w-100" />

                </a>

                <p class="p-text text-center pt-3">My Stationery and Envelope Designs</p>                 

              </figure>

              <figure class="col-12 col-md-6 col-lg-4">

                <a href="../img/intakt/modal/book.png" data-size="1600x1067">

                  <img src="../img/intakt/book.png" class="img-fluid w-100" />

                </a>

                <p class="p-text text-center pt-3">Mini Portfolio Booklet Design Mockup</p>               

              </figure>

              <figure class="col-12 col-md-6 col-lg-4">

                <a href="../img/intakt/modal/diecuts.png" data-size="1600x1067">

                  <img src="../img/intakt/diecuts.png" class="img-fluid w-100" />

                </a>

                <p class="p-text text-center pt-3">Packaging Diecut/Design Layout for Portfolio Booklet</p> 

              </figure>

              <figure class="col-12 col-md-6 col-lg-4">

                <a href="../img/intakt/modal/box-mockup.png" data-size="1600x1067">

                  <img src="../img/intakt/box-mockup.png" class="img-fluid w-100" />

                </a>

                <p class="p-text text-center pt-3">Packaging Mockup with Pen, Card, Sticker, Snack, and Booklet Compartments</p>                    

              </figure>

              <figure class="col-12 col-md-6 col-lg-4">

                <a href="../img/intakt/modal/stickers.png" data-size="1600x1067">

                  <img src="../img/intakt/stickers.png" class="img-fluid w-100" />

                </a>

                <p class="p-text text-center pt-3">My Sticker Designs and Mockup</p>                    

              </figure>

              <figure class="col-12 col-md-6 col-lg-4">

                <a href="../img/intakt/modal/space.png">

                  <img src="../img/intakt/space.png" class="img-fluid w-100" />

                </a>

                <p class="p-text text-center pt-3">inTakt Design Photo Collage Promo, "Space"</p>           

              </figure>

              <figure class="col-12 col-md-6 col-lg-4">

                <a href="../img/intakt/modal/astronaut.png">

                  <img src="../img/intakt/astronaut.png" class="img-fluid w-100" />

                </a>

                <p class="p-text text-center pt-3">inTakt Design Photo Collage Promo, "Astronaut Self-Portrait"</p>                    

              </figure>

            </div>

        </div>

    </div>

</div>      

<!-- Lightbox -->     

​

 <!-- JS SRC Links -->

      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>       

      <script type="text/javascript" src="../js/jquery-3.5.1.js"></script>

      <script type="text/javascript" src="../js/popper.js"></script>

      <script type="text/javascript" src="../js/bootstrap.bundle.js"></script>

      <script type="text/javascript" src="../js/mdb.js"></script>

      <script type="text/javascript" src="../js/mdb.pro.js"></script>        

      <script>

        $(function () {

        $("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html");

        });

      </script>