관리-도구
편집 파일: c405585ae433549f7ed2b91d00929dc7.php
<?php $__env->startSection('content'); ?> <!-- breadcrumb area start --> <section class="rs-breadcrumb-area rs-breadcrumb-one p-relative"> <div class="rs-breadcrumb-bg" style="background: linear-gradient(135deg, #ffe8ec, #e6e9ff);"></div> <div class="rs-breadcrumb-bg bg-black" data-background="assets/images/bg/breadcrumb-bg-dark-01.png"></div> <div class="container"> <div class="row justify-content-center"> <div class="col-xxl-6 col-xl-8 col-lg-8"> <div class="rs-breadcrumb-content-wrapper"> <div class="rs-breadcrumb-title-wrapper text-center"> <h1 class="rs-breadcrumb-title">Awards</h1> </div> <div class="rs-breadcrumb-menu text-center"> <nav> <ul> <li><span><a href="index.html">Home</a></span></li> <li><span>Awards</span></li> </ul> </nav> </div> </div> </div> </div> </div> </section> <!-- breadcrumb area end --> <!-- portfolio area start --> <!-- Portfolio Section --> <section class="rs-portfolio-area rs-portfolio-one primary-bg section-space"> <div class="container"> <div class="row g-4"> <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $award): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <!-- Portfolio Item --> <div class="col-lg-4 col-md-6"> <div class="portfolio-card text-center"> <img src="<?php echo e(asset('storage/' . $award->image)); ?>" alt="Document Manager" class="portfolio-img" onclick="openModal(this)"> <h5 class="mt-3"><b><?php echo e($award->award); ?></b></h5> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> </section> <!-- Modal for Enlarged Image --> <div id="imgModal" class="modal" onclick="closeModal()"> <span class="close">×</span> <img class="modal-content" id="modalImg"> </div> <style> .portfolio-img { width: 100%; height: 250px; object-fit: cover; cursor: pointer; border-radius: 8px; transition: transform 0.3s; } .portfolio-img:hover { transform: scale(1.02); } .portfolio-card h5 { font-weight: 600; color: #333; } /* Modal Styles */ .modal { display: none; position: fixed; z-index: 1050; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9); } .modal-content { margin: auto; display: block; max-width: 80%; max-height: 80vh; border-radius: 10px; } .close { position: absolute; top: 40px; right: 60px; color: white; font-size: 35px; font-weight: bold; cursor: pointer; } </style> <script> function openModal(img) { const modal = document.getElementById("imgModal"); const modalImg = document.getElementById("modalImg"); modal.style.display = "block"; modalImg.src = img.src; } function closeModal() { document.getElementById("imgModal").style.display = "none"; } </script> <!-- portfolio area end --> </main> <!-- Body main wrapper end --> <?php $__env->stopSection(); ?> <?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\D E L L\Downloads\ashnapa\resources\views/frontend/awards.blade.php ENDPATH**/ ?>