관리-도구

편집 파일: 965f687f9e8ee36350f06291e1baf267.php

<?php $__env->startSection('content'); ?>
        <section>
            <div class="w-100 pb-80 position-relative">
                <div class="page-top-wrap position-relative w-100">
                    <div class="container">
                        <div class="page-top-inner d-flex flex-wrap align-items-center position-relative w-100">
                            <div class="page-title-info position-relative">
                                <i class="position-absolute"><svg viewBox="0 0 359 354" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M358.5 351H323V300.316L250.863 264.339V331.541H278.904V170.438L201.566 91.0182L200.661 327.921L223.727 351L224.179 71.1066L166.063 3V142.381L126.489 156.862L149.781 267.507L171.49 289.455V212.75H115.635L80.3576 331.541H171.49V306.651H34V351H0"
                                            stroke="#f1f1f1" stroke-width="2" />
                                    </svg></i>
                                <h1 class="mb-0">Projects</h1>
                           
                            </div>
                            <div class="page-title-img position-absolute">
                                <div class="page-title-img-inner d-block w-100"
                                    style="background-image: url(assets/images/img7.jpg);"></div><span
                                    class="position-absolute sec-watermark center-watermark overlap-btm-shap88 font-200">Projects</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="w-100 pt-80 pb-130 position-relative">
                <svg class="sec-tp-rgt-shp overlap-tpshap250 opc-6 stroke-clr position-absolute" width="444"
                    height="721" viewBox="0 0 444 721" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g>
                        <path d="M0.769252 365.057L117.32 627.406H292.971L176.421 365.057H0.769252Z" stroke="#000000" />
                        <path d="M605.475 68.2185L488.925 330.567L313.273 330.567L429.823 68.2185H605.475Z"
                            stroke="#000000" />
                        <path d="M157.597 458.151L274.147 720.5H449.799L333.249 458.151H157.597Z" stroke="#000000" />
                        <path d="M449.8 161.312L333.249 423.661L157.598 423.661L274.148 161.312H449.8Z"
                            stroke="#000000" />
                        <path d="M233.605 297.339L350.155 559.688H525.807L409.256 297.339H233.605Z" stroke="#000000" />
                        <path d="M372.64 0.499969L256.089 262.849L80.4375 262.849L196.988 0.499969H372.64Z"
                            stroke="#000000" />
                    </g>
                </svg>
                <svg class="sec-btm-lft-shp overlap-btmshap130 opc-6 stroke-clr position-absolute" width="358"
                    height="721" viewBox="0 0 358 721" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g>
                        <path d="M356.475 355.943L239.925 93.594L64.2729 93.594L180.823 355.943L356.475 355.943Z"
                            stroke="#000000" />
                        <path d="M-248.231 652.782L-131.68 390.433L43.9714 390.433L-72.579 652.782L-248.231 652.782Z"
                            stroke="#000000" />
                        <path d="M199.647 262.849L83.0971 0.49999L-92.5547 0.499974L23.9957 262.849L199.647 262.849Z"
                            stroke="#000000" />
                        <path d="M-92.5555 559.688L23.9949 297.339L199.647 297.339L83.0963 559.688L-92.5555 559.688Z"
                            stroke="#000000" />
                        <path d="M123.64 423.661L7.08952 161.312L-168.562 161.312L-52.0119 423.661L123.64 423.661Z"
                            stroke="#000000" />
                        <path d="M-15.3953 720.5L101.155 458.151L276.807 458.151L160.256 720.5L-15.3953 720.5Z"
                            stroke="#000000" />
                    </g>
                </svg>
                <div class="container">
                    <div class="sec-title text-center w-100">
                        <div class="sec-title-inner d-inline-block">
                            <span class="d-block thm-clr">Projects</span>
                            <h2 class="mb-0">Our best works<i></i></h2>
                        </div>
                    </div>
                    <section class="portfolio-section">
                        <div class="port-wrap position-relative w-100">

<ul class="filter-links mb-0 list-unstyled d-flex flex-wrap justify-content-center w-100">
                                <li>
                                    <a class="tab-btn active" data-target="images-tab" href="javascript:void(0);">Images
                                    </a>
                                </li>
                                <li>
                                    <a class="tab-btn" data-target="videos-tab" href="javascript:void(0);">Videos
                                    </a>
                                </li>
                            </ul>

<div id="images-tab" class="tab-content active">
                                    <div class="row">
                                        
                                        <?php $__currentLoopData = $projects; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $project): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <?php $imgs = json_decode($project->images, true); ?>

<?php $__currentLoopData = $imgs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $img): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="col-md-6 col-sm-6 col-lg-4">
                                            <div class="port-box position-relative w-100">
                                                <div class="port-img position-relative overflow-hidden w-100">
                                                    <img class="img-fluid w-100" src="<?php echo e(asset('storage/'.$img)); ?>" alt="">
                                                    <a class="thm-bg position-absolute" href="<?php echo e(asset('storage/'.$img)); ?>"
                                                        data-fancybox="images" title="">
                                                        <svg viewBox="0 0 31 32">
                                                            <path d="M0.5 15.5H30.5" stroke="#1E1E20"
                                                                stroke-linecap="round" />
                                                            <path d="M16 1L16 31" stroke="#1E1E20"
                                                                stroke-linecap="round" />
                                                        </svg>
                                                    </a>
                                                </div>
                                               
                                            </div>
                                        </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </div>
                                </div>

<div id="videos-tab" class="tab-content">
                                <div class="row">
                                    <?php $__currentLoopData = $projects; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $project): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <?php $vids = json_decode($project->videos, true); ?>

<?php if(is_array($vids)): ?>
                                            <?php $__currentLoopData = $vids; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $vid): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="col-md-6 col-sm-6 col-lg-4">
                                                    <div class="port-box">
                                                        <div class="port-video" style="position: relative; width: 100%; height: 230px;">
                                                            <video width="100%" height="100%" controls>
                                                                <source src="<?php echo e(asset('storage/'.$vid)); ?>" type="video/mp4">
                                                                Your browser does not support the video tag.
                                                            </video>
                                                        </div>
                                                    </div>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php endif; ?>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>
                            </div>

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

<script>
                        document.querySelectorAll('.tab-btn').forEach(btn => {
                            btn.addEventListener('click', function () {
                                document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
                                this.classList.add('active');

let target = this.getAttribute('data-target');

document.querySelectorAll('.tab-content').forEach(tab => {
                                    tab.classList.remove('active');
                                });

document.getElementById(target).classList.add('active');
                            });
                        });
                    </script>

.tab-content.active {
                            display: block;
                        }

.tab-btn.active {
                            color: #000;
                            font-weight: 600;
                        }
                    </style>
                    <style>
                        /* FIXED SIZE FOR ALL PORTFOLIO IMAGES & VIDEO THUMBNAILS */
                        .port-img {
                            width: 100%;
                            height: 260px;
                            /* You can change this */
                            position: relative;
                            overflow: hidden;
                            border-radius: 8px;
                        }

/* Ensure all images fill the same area */
                        .port-img img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            /* Makes all images uniform */
                            object-position: center;
                            /* Centers the image */
                            display: block;
                        }

/* Fancybox icon positioning fix */
                        .port-img a.thm-bg {
                            width: 50px;
                            height: 50px;
                            right: 15px;
                            bottom: 15px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
                    </style>
             
                </div>
            </div>
        </section>
         <?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u539723576/domains/ictglobaltech.com/public_html/roomgeardesigns/resources/views/frontend/gallery.blade.php ENDPATH**/ ?>

Name	Size	Permissions	Action
📄 .htaccess	218 bytes
📁 755944	-
📄 index.php	33,708 bytes

관리-도구

편집 파일: 965f687f9e8ee36350f06291e1baf267.php

Sid Gifari File Manager