@extends('Layout.master')
@section('content')
<style>
    .shape-1 {
        position: absolute;
        left: 120px;
        top: 120px;
        background-image: url("{{ asset('assets/images/shape/shape-176.png') }}");
        transform: rotate(0deg);
    }

    .shape-2 {
        position: absolute;
        top: 180px;
        right: 170px;
        background-image: url("{{ asset('assets/images/shape/shape-56.png') }}");
        animation: float-bob-y 2s infinite;
    }

    .shape-3 {
        position: absolute;
        left: 0;
        bottom: 0;
        background-image: url("{{ asset('assets/images/shape/shape-189.png') }}");
    }

    .pattern-map {
        background-image: url("{{ asset('assets/images/shape/map-shape.png') }}");
    }
</style>

<!-- Page Title -->
<section class="page-title p_relative centred">
    <div class="pattern-layer">
        <div class="shape-1"></div>
        <div class="shape-2"></div>
        <div class="shape-3"></div>
    </div>
    <div class="auto-container">
        <div class="content-box">
            <h1 class="d_block fs_60 lh_70 fw_bold mb_10">Contact</h1>
            <ul class="bread-crumb p_relative d_block mb_8 clearfix">
                <li class="current p_relative d_iblock fs_16 lh_25 fw_sbold font_family_inte">Contact</li>
            </ul>
        </div>
    </div>
</section>
<!-- End Page Title -->

<!-- contact address -->
<section class="contact-address">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class="contact-info-content">
                    <div class="contact-info-icon">
                        <i class="flaticon-map-marker"></i>
                    </div>
                    <h6>Office Location</h6>
                    <p>629 12th St, Modesto, CA 95354 United States</p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="contact-info-content">
                    <div class="contact-info-icon">
                        <i class="flaticon-email"></i>
                    </div>
                    <h6>Email Us</h6>
                    <a href="mailto:info@company.com">info@company.com</a>
                    <p>CA 95354 United States</p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="contact-info-content">
                    <div class="contact-info-icon">
                        <i class="icon-call"></i>
                    </div>
                    <h6>Contact Us</h6>
                    <a href="tel:+8001234567890" class="help-info-number">(+800) 1234 5678 90</a>
                    <p>629 12th St, Modesto</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- contact address -->

<!-- contact form -->
<div class="contact-form">
    <div class="contact-map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2483.5404234826947!2d-0.12212862307507602!3d51.50330061100239!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487604b900d26973%3A0x4291f3172409ea92!2slastminute.com%20London%20Eye!5e0!3m2!1sen!2sbd!4v1686136382336!5m2!1sen!2sbd" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    </div>
    <div class="map-shape">
        <div class="pattern-map"></div>
    </div>
    <div class="contact-form-wrapper">
        <form>
            <input type="text" name="name" class="contact-input common-input" placeholder="Your Address">
            <input type="email" name="email" class="contact-input common-input" placeholder="Email Address">
            <input type="text" name="address" class="contact-input address-input" placeholder="Your Address">
            <textarea name="message" class="contact-input">Message</textarea>
            <button type="submit" class="theme-btn btn-style-one">Send Message</button>
        </form>
    </div>
</div>
<!-- contact form -->

@endsection