@include('htmlpage.frontent.layout.app')
       <section class="section-box mt-50 portfolio-section">
            <div class="container">
                <div class="text-center mb-50">
                    <h2 class="section-title mb-10 wow animate__animated animate__fadeInUp">
                        Our Recent Designs
                    </h2>
                    <p class="font-lg color-text-paragraph-2 wow animate__animated animate__fadeInUp">
                        Digital Dispatches from Zillion
                    </p>
                </div>

                <div class="row g-4">
                    <!-- Project 1 -->
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
                            <div class="portfolio-image">
                                <img src="{{ asset('/images/portfolio/kurikkal.png') }}" alt="Kurikkal Ambiente">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Kurikkal Ambiente - Tiles, sanitary ware, Bathroom fittings & Modular Kitchens in Calicut</h6>

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

                    <!-- Project 2 -->
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".2s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/malabar.png" alt="Malabar Club Nilambur">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Malabar Club Nilambur</h6>

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

                    <!-- Project 3 -->
                    <div class="col-xl-5 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/SS.jpg" alt="Shabeer Saleel Associates">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Shabeer Saleel Associates</h6>

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

                    <!-- Project 4 -->
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".4s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/sai.jpg" alt="Sai Healthcare Foundation">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Sai Healthcare Foundation</h6>

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

                    <!-- Project 5 -->
                    <div class="col-xl-5 col-lg-5 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/lila.jpg" alt="LILA MICRO GREENS">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>LILA MICRO GREENS</h6>

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

                    <!-- Project 6 -->
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".6s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/rscp.jpg" alt="Regional Science Centre and Planetarium, Calicut">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Regional Science Centre and Planetarium, Calicut</h6>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- New Projects: 3 More in different sizes -->

                    <!-- Large Block -->
                    <div class="col-xl-5 col-lg-8 col-md-12 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".4s">
                            <div class="portfolio-image large">
                                <img src="images/portfolio/hapbco.jpg" alt="HAPBCO Constructions">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>HAPBCO Constructions</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Medium Block -->
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/jellyfish.png" alt="Jellyfish Watersports Kerala">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Jellyfish Watersports Kerala</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Medium Block -->
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/gmhc.png" alt="Government Mental Health Centre, Kozhikode">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Government Mental Health Centre, Kozhikode</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                        <!-- Project 1 -->
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
                            <div class="portfolio-image">
                                <img src="{{ asset('/images/portfolio/alosa.png') }}" alt="ALOSA">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>ALOSA</h6>

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

                    <!-- Project 2 -->
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".2s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/gtc-africa.png" alt="GTC Africa">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>GTC Africa</h6>

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

                    <!-- Project 3 -->
                    <div class="col-xl-5 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/oleena.png" alt="Oleena">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Oleena</h6>

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



                             <!-- Large Block -->
                    <div class="col-xl-5 col-lg-8 col-md-12 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".4s">
                            <div class="portfolio-image large">
                                <img src="images/portfolio/gtc-foundation.png" alt="GTC Foundation India">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>GTC Foundation India</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Medium Block -->
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/illume.jpg" alt="Illume Intelligence India Pvt. Ltd.">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Illume Intelligence India Pvt. Ltd.</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Medium Block -->
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                        <div class="portfolio-card wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
                            <div class="portfolio-image">
                                <img src="images/portfolio/oxytech.jpg" alt="Oxytech Surgical (OPC) Pvt Ltd">
                                <div class="portfolio-overlay">
                                    <div class="overlay-content">
                                        <h6>Oxytech Surgical (OPC) Pvt Ltd</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>




                    







                    





                    


                </div>
            </div>
        </section>
        @include('htmlpage.frontent.layout.footer')