관리-도구

편집 파일: contact-us.blade.php

@extends('layouts.apps')
@section('content')

<section class="breadcrumb-area wa-p-relative">
            <div class="breadcrumb-bg-img wa-fix wa-img-cover">
                <img class="wa-parallax-img" src="assets/gallery/bannerfront.jpg" alt="">
            </div>

<div class="container bs-container-1">
                <div class="breadcrumb-wrap">
                    <h1 class="breadcrumb-title wa-split-right wa-capitalize" data-split-delay="1.1s">Contact Us</h1>

<a href="/">Home</a>
                        <span>Contact Us</span>
                    </div>

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

<section class="bs-core-feature-6-area  pt-65 ">
            <div class="container bs-container-1">
                <div class="bs-core-feature-4-line wa-scaleXInUp"></div>
                <div class="bs-core-feature-6-wrap">

<div class="bs-core-feature-4-item wow fadeInRight">
                        <h4 class="bs-h-4 item-title">
                            <i class="fa-solid fa-location-dot"></i>
                            <a href="https://www.google.com/maps/place/Flying+eye+secure+solution/@9.9985759,76.2464379,6692m/data=!3m1!1e3!4m10!1m2!2m1!1sflying+eyes+Near+EMC+Hospital,+Adappili+Road,+Vennala,+Ernakulam+!3m6!1s0x3b080d04653b4a11:0xa9712719f69525ee!8m2!3d9.9985759!4d76.3157712!15sCkFmbHlpbmcgZXllcyBOZWFyIEVNQyBIb3NwaXRhbCwgQWRhcHBpbGx5IFJvYWQsIFZlbm5hbGEsIEVybmFrdWxhbZIBDGNhbWVyYV9zdG9yZeABAA!16s%2Fg%2F11sb31x610?entry=ttu&g_ep=EgoyMDI1MTEwNC4xIKXMDSoASAFQAw%3D%3D"
                                target="_blank" aria-label="map">Address</a>
                        </h4>
                        <p class="bs-p-4 item-disc">{{$address->address}}</p>
                    </div>

<div class="bs-core-feature-4-item wow fadeInRight">
                        <h4 class="bs-h-4 item-title">
                            <i class="fa-solid fa-envelope"></i>
                            <a href="mailto:robielectrical@gmail.com" aria-label="email">Email Address</a>
                        </h4>
                        <a href="mailto:{{$address->email}}" class="bs-p-4 item-disc">{{$address->email}}</a>
                    </div>

<div class="bs-core-feature-4-item wow fadeInRight">
                        <h4 class="bs-h-4 item-title">
                            <i class="fa-solid fa-phone"></i>
                            <a href="#" aria-label="contact">Call Us</a>
                        </h4>
                        <a href="tel:{{$address->phone}}" class="bs-p-4 item-disc">Call: {{$address->phone}}</a>
                        <a href="https://wa.me/{{ $address->whatapp }}" target="_blank" class="bs-p-4 item-disc">
                            <i class="fa-brands fa-whatsapp"></i> WhatsApp: {{ $address->whatapp }}
                        </a>

</div>

/* Ensure the whole wrapper is visible */
                        .bs-core-feature-6-wrap {
                            display: flex;
                            flex-direction: column;
                            gap: 1px;
                            padding: 5px;
                            width: 100%;
                        }

/* Each contact item stacks properly */
                        .bs-core-feature-4-item {
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                            text-align: left;
                            width: 100%;
                        }

/* Align icon + heading nicely */
                        .bs-h-4.item-title {
                            display: flex;
                            align-items: center;
                            gap: 8px;
                            font-size: 16px;
                            margin-bottom: 4px;
                            flex-wrap: wrap;
                        }

/* Adjust paragraph and link text */
                        .bs-p-4.item-disc {
                            font-size: 20px;
                            line-height: 1.4;
                            word-wrap: break-word;
                        }

/* Fix icons sizing */
                        .bs-h-4.item-title i,
                        .fa-brands.fa-whatsapp {
                            font-size: 25px;
                            flex-shrink: 0;
                        }

/* WhatsApp line spacing */
                        a.bs-p-4.item-disc i {
                            margin-right: 5px;
                        }

/* Prevent overlap or overflow */
                        .bs-core-feature-4-item a {
                            display: inline-block;
                            width: auto;
                            overflow-wrap: anywhere;
                        }
                    }

/* Make icon and heading inline */
                    .bs-h-4.item-title {
                        display: flex;
                        align-items: center;
                        gap: 8px;
                        font-size: 18px;
                        margin-bottom: 8px;
                    }

.bs-h-4.item-title i {
                        font-size: 22px;
                    }

/* Icon Colors */
                    .fa-location-dot {
                        color: #E74C3C;
                    }

.fa-envelope {
                        color: #E74C3C;
                    }

.fa-phone {
                        color: #E74C3C;
                    }

.fa-whatsapp {
                        color: #25D366;
                    }
                </style>

<section class="bs-contact-6-area pt-0 pb-20">
            <div class="container bs-container-1">
                <div class="bs-contact-6-wrap">
                    <style>
                        @media (max-width: 767px) {
                            .bs-contact-6-img {
                                margin-top: -30px;
                                height: 600px;
                                /* Adjust the value as needed */
                            }
                        }

@media (max-width: 767px) {
                            .bs-contact-6-content {
                                margin-top: -80px;
                                /* Change 20px as needed */
                            }
                        }
                    </style>
                    <div class="bs-contact-6-img wa-fix pt-80 wa-img-cover">
                        <img src="assets/gallery/service2.jpg" style="height: 92% !important;" alt="">
                    </div>

<div class="bs-about-1-sec-title mb-30">
                            <h6 class="bs-subtitle-1 wa-split-clr wa-capitalize">

Contact us now
                            </h6>
                            <h5 class="bs-sec-title-1  wa-split-right wa-capitalize" data-cursor="-opaque">Your Safety
                                Starts With a Conversation.</h5>
                        </div>

<div class="bs-form-1-item">
                                <label class="bs-form-1-item-label" for="phone">phone</label>
                                <input id="phone" class="bs-form-1-item-input " type="tel" name="phone"
                                    placeholder="Enter your phone number">
                            </div>

<div class="bs-form-1-item">
                                <label class="bs-form-1-item-label" for="email">email</label>
                                <input id="email" class="bs-form-1-item-input " type="email" name="email"
                                    placeholder="Enter your email address">
                            </div>

<div class="bs-form-1-item">
                                <label class="bs-form-1-item-label" for="message">Message</label>
                                <textarea class="bs-form-1-item-input" name="message" id="message"
                                    placeholder="Write your message here..."></textarea>
                            </div>

<div class="bs-form-1-item  ">
                                <button class="bs-btn-1" type="submit">
                                    <span class="text">
                                        submit now
                                    </span>
                                    <span class="icon">
                                        <i class="fa-solid fa-right-long"></i>
                                        <i class="fa-solid fa-right-long"></i>
                                    </span>
                                    <span class="shape"></span>
                                </button>
                            </div>
                        </form>

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

<div class="bs-contact-page-map">
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d62897.19197119494!2d76.28322955339885!3d9.998575860518246!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b080d04653b4a11%3A0xa9712719f69525ee!2sFlying%20Eye%20Secure%20Solution!5e0!3m2!1sen!2sin!4v1731050100000!5m2!1sen!2sin"
                width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy"
                referrerpolicy="no-referrer-when-downgrade">
            </iframe>
        </div>

border-radius: 12px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                margin: 20px 0;
            }

.bs-contact-page-map iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
                border-radius: 12px;
            }
        </style>

@endsection

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

관리-도구

편집 파일: contact-us.blade.php

Sid Gifari File Manager