관리-도구
편집 파일: ufooter.blade.php
<!-- FOOTER SECTION START --> <footer class="ul-footer"> <div class="ul-inner-container"> <div class="ul-footer-top"> <!-- Column 1: Logo + Social Media --> <div class="ul-footer-top-widget"> <div class="ul-footer-middle-widget align-self-center"> <a href="/"> <img src="{{ asset('assets/img/logo2.png') }}" alt="logo" class="logo"> </a> <!-- Social Media icons below logo --> <div class="social-follow"> <span class="follow-text">Follow Us:</span> <div class="social-icons"> <a href="https://www.facebook.com/YourPage" target="_blank" class="facebook"> <i class="fab fa-facebook-f"></i> </a> <a href="https://www.instagram.com/sewdleboutique/" target="_blank" class="instagram"> <i class="fab fa-instagram"></i> </a> </div> </div> </div> </div> <!-- Quick Links --> <div class="ul-footer-top-widget"> <h3 class="ul-footer-top-widget-title">Quick Links</h3> <div class="ul-footer-top-widget-links"> <a href="/about-us">About</a> <a href="/shop">Shop</a> <a href="/login">Login</a> <a href="/cart">Cart</a> <a href="/contact">Contact</a> </div> </div> <!-- Customer Service --> <div class="ul-footer-top-widget"> <h3 class="ul-footer-top-widget-title">Customer Service</h3> <div class="ul-footer-top-widget-links"> <a href="/terms">Terms & Conditions</a> <a href="/privacy">Privacy Policy</a> <a href="/ship">Shipping Policy</a> <a href="/return">Return & Refund Policy</a> <a href="/cancel">Cancellation Policy</a> </div> </div> <!-- Contact --> <div class="ul-footer-top-widget"> <h3 class="ul-footer-middle-widget-title">Need help? Call now!</h3> <div class="ul-footer-middle-widget-content"> <div class="contact-nums"> <a href="tel:+919567992359">+91 95679 92359</a> </div> <!-- Google Map Embed --> <div class="footer-map" style="margin-top: 15px;"> <iframe src=https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12709.48534318585!2d76.56881209636362!3d9.38994296996254!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b062500260c3409%3A0x8405acc4f0d99219!2sSewdle%20Boutique!5e0!3m2!1sen!2sin!4v1760528357524!5m2!1sen!2sin" width="100%" height="150" style="border:0; border-radius: 10px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe> </div> </div> </div> </div> <!-- Footer Bottom --> <div class="ul-footer-bottom"> <p class="copyright-txt"> Copyright <span id="current-year"></span> © <a href="https://ictglobaltech.com/" class="ul-footer-bottom-link" target="_blank">ICT Global Tech Pvt. Ltd</a> </p> </div> </div> </footer> <!-- FOOTER SECTION END --> <!-- Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" /> <style> /* FOOTER OPTIMIZED HEIGHT */ .ul-footer { background-color: #111; /* or your footer background color */ padding: 40px 0 20px; /* reduced top/bottom padding */ } /* Layout and spacing */ .ul-footer-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px; /* reduced gap */ } .ul-footer-top-widget { flex: 1 1 200px; min-width: 200px; } .ul-footer-middle-widget.align-self-center { display: flex; flex-direction: column; align-items: flex-start; } .logo { max-width: 140px; /* slightly smaller logo */ margin-bottom: 6px; } /* Social icons below logo */ .social-follow { display: flex; align-items: center; gap: 8px; margin-top: 6px; /* reduced spacing */ } .follow-text { font-weight: 600; color: white; font-size: 14px; } .social-icons { display: flex; gap: 8px; align-items: center; } .social-icons a { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; font-size: 14px; transition: all 0.3s ease; } .social-icons a.facebook { background-color: #1877f2; } .social-icons a.instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .social-icons a:hover { transform: scale(1.1); } /* Footer links */ .ul-footer-top-widget-links a { display: block; color: white; text-decoration: none; margin-bottom: 4px; /* tighter spacing */ font-size: 14px; } .ul-footer-top-widget-title, .ul-footer-middle-widget-title { font-size: 20px; margin-bottom: 6px; /* reduced spacing */ color: white; } /* Map adjustments */ .footer-map { margin-top: 10px; } .footer-map iframe { height: 120px; /* reduced map height */ border-radius: 8px; } /* Footer bottom */ .ul-footer-bottom { margin-top: 25px; padding-top: 10px; border-top: 1px solid #333; text-align: center; } .copyright-txt { font-size: 13px; color: #aaa; } /* Responsive design */ @media (max-width: 768px) { .ul-footer-top { flex-direction: column; gap: 20px; } .social-follow { justify-content: flex-start; } } </style> <!-- Auto Year Script --> <script> document.getElementById("current-year").textContent = new Date().getFullYear(); </script> <!-- JS Libraries --> <script src="{{ asset('assets/vendor/bootstrap/bootstrap.bundle.min.js') }}"></script> <script src="{{ asset('assets/vendor/splide/splide.min.js') }}"></script> <script src="{{ asset('assets/vendor/splide/splide-extension-auto-scroll.min.js') }}"></script> <script src="{{ asset('assets/vendor/swiper/swiper-bundle.min.js') }}"></script> <script src="{{ asset('assets/vendor/slim-select/slimselect.min.js') }}"></script> <script src="{{ asset('assets/vendor/animate-wow/wow.min.js') }}"></script> <script src="{{ asset('assets/vendor/splittype/index.min.js') }}"></script> <script src="{{ asset('assets/vendor/mixitup/mixitup.min.js') }}"></script> <script src="{{ asset('assets/vendor/fslightbox/fslightbox.js') }}"></script> <script src="{{ asset('assets/js/main.js') }}"></script> <script src="{{ asset('assets/js/countdown.js') }}"></script> </body> </html>