<?php include("header.php") ?>
   <!-- Page Title -->
    <section class="page-title" style="background-image: url(assets/images/background/image.png);">
        <div class="auto-container">
            <h1>Achievements</h1>
            <div class="text">Recognitions That Define My Career</div>
        </div>
    </section>

    <!-- Gallery Section -->
    <section class="gallery-section">
        <div class="auto-container">
            <!--Sortable Galery-->
            <div class="sortable-masonry1">
                
                <div class="items-container row">
                    <!-- Gallery Block -->
                    <div class="col-lg-4 col-md-6 gallery-block gallery-item  masonry-item all cat-2">
                        <div class="inner-box">
                            <div class="image"><img src="assets/images/resource/certificate.png" alt=""></div>
                            <div class="overlay">
                                <div class="zoom-btn">
                                    <a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
                                        <img src="assets/images/icons/icon-5.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- gallery Block -->
                    <div class="col-lg-4 col-md-6 gallery-block gallery-item  masonry-item all cat-4">
                        <div class="inner-box">
                            <div class="image"><img src="assets/images/resource/certificate.png" alt=""></div>
                            <div class="overlay">
                                <div class="zoom-btn">
                                    <a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
                                        <img src="assets/images/icons/icon-5.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- gallery Block -->
                    <div class="col-lg-4 col-md-6 gallery-block gallery-item  masonry-item all cat-2 cat-3">
                        <div class="inner-box">
                            <div class="image"><img src="assets/images/resource/certificate.png" alt=""></div>
                            <div class="overlay">
                                <div class="zoom-btn">
                                    <a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
                                        <img src="assets/images/icons/icon-5.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- gallery Block -->
                    <div class="col-lg-4 col-md-6 gallery-block gallery-item  masonry-item all cat-2">
                        <div class="inner-box">
                            <div class="image"><img src="assets/images/resource/certificate.png" alt=""></div>
                            <div class="overlay">
                                <div class="zoom-btn">
                                    <a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
                                        <img src="assets/images/icons/icon-5.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                          <!-- gallery Block -->
                    <div class="col-lg-4 col-md-6 gallery-block gallery-item  masonry-item all cat-2">
                        <div class="inner-box">
                            <div class="image"><img src="assets/images/resource/certificate.png" alt=""></div>
                            <div class="overlay">
                                <div class="zoom-btn">
                                    <a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
                                        <img src="assets/images/icons/icon-5.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                 <div class="page-pagination">
                        <ul class="clearfix" id="pagination">
                            <!-- JS will control this -->
                        </ul>
                    </div>
            </div>
        </div>
    </section>
    <?php include("footer.php");?>
