관리-도구
편집 파일: e8b3cc8587426390cfa5897ba70c0026.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">Contact</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/im6.jpg);"></div><span class="position-absolute sec-watermark center-watermark overlap-btm-shap88 font-200">Contact</span> </div> </div> </div> </div><!-- Page Top Wrap --> </div> </section> <section> <div class="w-100 pt-80 pb-100 position-relative"> <img class="img-fluid z-3 overlap-tp-shap200 pos-lft--100 sec-tp-lft-shp opc-03 position-absolute" src="assets/images/sec-shap8.jpg" alt="Sec Shape 8"> <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">Our Address</span> <h2 class="mb-0">Where to find us<i></i></h2> </div> </div> <div class="cont-info-wrap res-row position-relative w-100"> <div class="row align-items-stretch"> <!-- FIRST CARD (Same as your design) --> <div class="col-md-6 col-sm-6 col-lg-4"> <div class="cont-info-box-wrap position-relative w-100 h-100"> <div class="cont-info-box position-relative w-100 h-100"> <!-- Added Heading --> <h4 class="cont-title mb-4">Connect With Us</h4> <ul class="cont-info-list mb-0 list-unstyled w-100"> <li><i class="thm-clr icon-map-marker-alt"></i>CHERUKUNNAM, ASAMANNOOR P. O, PERUMBAVOOR, ERNAKULAM, KERALA, 683549</li> <li><i class="thm-clr icon-phone"></i>080755 28937 <br>9074852370 <br>8891357618 </li> <li><i class="thm-clr icon-envelope"></i><a href="mailto:sales@roomgeardesigns.com">sales@roomgeardesigns.com</a></li> </ul> </div> </div> </div> <!-- GOOGLE MAP AREA (Covers the second and third card space) --> <div class="col-md-6 col-sm-6 col-lg-8 mt-4 mt-lg-0"> <div class="map-container w-100 h-100 position-relative"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15712.006191541963!2d76.54747!3d10.098958!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b07e3ef6b597bbf%3A0xccd1f4ec260ff3d6!2sROOM%20GEAR%20DESIGNS%20Furniture%20and%20Interiors!5e0!3m2!1sen!2sin!4v1765513791359!5m2!1sen!2sin" width="100%" height="100%" style="border:0; border-radius: 20px; min-height: 380px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe> </div> </div> </div> </div> </div> </div> </section> <style> .cont-title { font-size: 22px; font-weight: 600; color: #1e1e20; position: relative; } .cont-title:after { content: ""; width: 40px; height: 3px; background: var(--thm-clr, #ff6a00); position: absolute; left: 0; bottom: -8px; border-radius: 2px; } .cont-info-box { background: #ffffff; padding: 35px; border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); } .map-container iframe { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); } </style> <section> <div class="w-100 pt-80 pb-90 position-relative"> <div class="fixed-bg" style="background-image: url(assets/images/img6.jpg);"></div> <div class="container"> <div class="cont-wrap mt-05 d-flex flex-wrap justify-content-end position-relative w-100"> <div class="cont-inner position-relative text-center d-inline-block"> <!-- Decorative SVG --> <i class="position-absolute"> <svg viewBox="0 0 308 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> <!-- Title --> <div class="cont-title w-100"> <h3 class="mb-0">Get in Touch</h3> <p class="mb-0">But who has any right to find fault</p> </div> <form method="POST" action="<?php echo e(route('contact.store')); ?>" enctype="multipart/form-data"> <?php echo csrf_field(); ?> <!-- Name --> <span class="field-box d-block w-100 position-relative"> <i class="thm-clr icon-user"></i> <input type="text" name="name" placeholder="Your Name" required> </span> <!-- Email --> <span class="field-box d-block w-100 position-relative"> <i class="thm-clr icon-envelope"></i> <input type="email" name="email" placeholder="Your Email" required> </span> <!-- Phone --> <span class="field-box d-block w-100 position-relative"> <i class="thm-clr icon-phone"></i> <input type="tel" name="phone" placeholder="Your Phone" required> </span> <!-- Message --> <span class="field-box d-block w-100 position-relative"> <i class="thm-clr icon-envelope"></i> <input type="text" name="message" placeholder="Message"> </span> <!-- Image Upload --> <span class="field-box d-block w-100 position-relative upload-box"> <i class="thm-clr icon-image"></i> <label class="upload-label text-left mt-1"> Upload Image </label> <input type="file" name="image" accept="image/*"> </span> <!-- Audio Upload --> <span class="field-box d-block w-100 position-relative upload-box"> <i class="thm-clr icon-music"></i> <label class="upload-label text-left mt-1"> Upload Audio </label> <input type="file" name="audio" accept="audio/*" class="form-control"> </span> <style> @media (max-width: 767px) { .upload-box { text-align: left; } .upload-box .upload-label { display: inline-flex; align-items: center; justify-content: flex-start; text-align: left; } } </style> <!-- Submit --> <button class="thm-btn thm-bg d-inline-block position-relative" type="submit"> Send <span class="brd-tp-lft"></span> <span class="brd-btm-rgt"></span> </button> </form> </div> </div> </div> </div> </section> <script> let mediaRecorder; let audioChunks = []; let isRecording = false; const recordBtn = document.getElementById('recordBtn'); const recordStatus = document.getElementById('recordStatus'); const audioInput = document.getElementById('audioInput'); recordBtn.addEventListener('click', async () => { if (!isRecording) { const stream = await navigator.mediaDevices.getUserMedia({ audio: true }); mediaRecorder = new MediaRecorder(stream); audioChunks = []; mediaRecorder.ondataavailable = e => audioChunks.push(e.data); mediaRecorder.onstop = () => { const audioBlob = new Blob(audioChunks, { type: 'audio/webm' }); const audioFile = new File([audioBlob], 'recorded-audio.webm', { type: 'audio/webm' }); const dataTransfer = new DataTransfer(); dataTransfer.items.add(audioFile); audioInput.files = dataTransfer.files; recordStatus.textContent = 'Audio recorded successfully'; }; mediaRecorder.start(); isRecording = true; recordBtn.textContent = '⏹ Stop Recording'; recordStatus.textContent = 'Recording...'; } else { mediaRecorder.stop(); isRecording = false; recordBtn.textContent = '🎤 Record Audio'; } }); </script> <style> .upload-label { display: inline-block; cursor: pointer; color: #999; padding-left: 35px; } .record-btn { background: none; border: none; color: #999; padding-left: 35px; cursor: pointer; } .record-status { display: block; font-size: 12px; color: #aaa; margin-left: 35px; margin-top: 4px; } </style> <?php $__env->stopSection(); ?> <?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\work\FinalCompressFile\roomgear\resources\views/frontend/contact.blade.php ENDPATH**/ ?>