@extends('web.layouts.app')
@section('title') {{companyName()}} || {{@$seo->title}}  @endsection
@section('meta_description')
  <meta property="og:title" content="{{@$seo->title}}">
    @if(@$seo->og_image)
     <meta property="og:image" content="{{asset('images/seos')}}/{{@$seo->og_image}}">
    @else
        <meta property="og:image" content="{{asset('public/web/images/Image-Edit-Expert.png')}}">
    @endif
     <meta name="description" content="{{@$seo->meta_desc}}">
     <meta name="og:url" content="{{@$seo->og_url}}">
@endsection

@section('css')
@endsection

@section('content')
    <!--============== Contact ===============-->
    <section class="py-5">
        <div class="container">
            <br>
            <div class="row">
                <div class="col-lg-6 mb-6 mb-lg-0">
                    <h4 class="">Corporate Office</h4>
                 
                    <ul class="list-unstyled mt-3">
                        <li class="mb-2">
                        <p href="#" class="d-flex align-items-center "><i class="fa fa-map-marker mr-3 "></i>House# 62 (1st Floor), Road# 15, Block# C, Banani, Dhaka-1213</p>
                        </li>
                        <li class="mb-2">
                        <p href="tel:8801712621035" class="d-flex align-items-center "><i class="fa fa-phone mr-3 "></i> +88 02 48814331, 02 226603650</p>
                        </li>
                        <li class="mb-2">
                        <p href="tel:8801712621035" class="d-flex align-items-center "><i class="fa fa-mobile mr-3 "></i> +88 01 958472063</p>
                        </li>
                        <li class="mb-2">
                        <p href="#" class="d-flex align-items-center "><i class="fa fa-envelope mr-3 "></i> info@habibassociates-bd.com</p>
                        </li>
                    </ul>
                </div>


                <div class="col-lg-6 mb-6 mb-lg-0">
                    <h4 class="">Dammam Office</h4>
                 
                    <ul class="list-unstyled mt-3">
                        <li class="mb-2">
                        <p href="#" class="d-flex align-items-center"><i class="fa fa-map-marker mr-3"></i>P.O. Box 420, Al-Jubail 31961 Kingdom of Saudi Arabia</p>
                        </li>
                        <li class="mb-2">
                        <p href="tel:8801712621035" class="d-flex align-items-center"><i class="fa fa-phone mr-3"></i> +966 65 502 6563</p>
                        </li>
                        <li class="mb-2">
                        <p href="#" class="d-flex align-items-center"><i class="fa fa-envelope mr-3 "></i> habibassociates003@gmail.com</p>
                        </li>
                    </ul>
                </div>

            </div>
            <br>

            <div class="row">
                <div class="col-lg-6 mb-5 mb-lg-0">
                    <form>
                        <div class="contact-form">
                            <div class="mb-3">
                                <input type="text" placeholder="Full Name" class="form-control form-control-lg">
                            </div>
                            <div class="mb-3">
                                <input type="email" placeholder="Email Address" class="form-control form-control-lg">
                            </div>
                            <div class="mb-3">
                                <input type="text" placeholder="Subject" class="form-control form-control-lg">
                            </div>
                            <div class="mb-3">
                                <textarea rows="5" placeholder="Description" class="form-control form-control-lg"></textarea>
                            </div>

                            <div class="text-right">
                                <button type="submit" class="btn btn-lg btn-crusta px-5">Submit</button>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="col-lg-6">
                    <div class="embed-responsive embed-responsive-4by3">
                         <iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d645.3727124496476!2d90.40493917051228!3d23.790869665700896!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c70c4af0c04f%3A0x7359acdcc343c799!2s62%20Rd%20No-15%2C%20Dhaka%201212!5e0!3m2!1sen!2sbd!4v1696398572165!5m2!1sen!2sbd"  frameborder="0" style="border:0"></iframe>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!--============== End Contact ===============-->

@endsection

@section('js')
@endsection