@include('layouts.header')

<style>


.astrodivider {
  margin:64px auto;
  width:400px;
  max-width: 100%;
  position:relative;
}

.astrodividermask {
    overflow:hidden; height:20px;
}

.astrodividermask:after {
      content:'';
      display:block; margin:-25px auto 0;
      width:100%; height:25px;
        border-radius:125px / 12px;
       box-shadow:0 0 8px #049372;
}
.astrodivider span {
    width:50px; height:50px;
    position:absolute;
    bottom:100%; margin-bottom:-25px;
    left:50%; margin-left:-25px;
    border-radius:100%;
   box-shadow:0 2px 4px #4fb39c;
    background:#fff;
}
.astrodivider i {
    position:absolute;
    top:4px; bottom:4px;
    left:4px; right:4px;
    border-radius:100%;
    border:1px dashed #68beaa;
    text-align:center;
    line-height:40px;
    font-style:normal;
     color:#049372;
}


</style>

<img class="w-100 " style="max-height: 300px;" src="{{ url('images/contacr.png') }}" alt="" srcset="">

<diV class="col-md-12 col-sm-12 col-xl-12 " style="background-color:  rgb(212, 204, 204)!important;">
<div class="row ">
    <diV class="col-md-6 col-sm-6 col-xl-6 ">


        <section class="vh-10 qutation " style="background-color: rgb(212, 202, 202); min-height:500px;">

            <div class="container py-5 h-100 mt-2 ">

              <div class="row d-flex justify-content-center align-items-center h-100" >
                <div class="col col-lg-11 col-xl-11">

                  <div class="card" style="border-radius: 15px;">

                    <div class="card-body p-5">
                        <h2 class="text-center">  Get A Free Quote!</h2>
                      <div class="text-center mb-4 pb-2">
                        <img loading="lazy"src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-quotes/bulb.webp"
                          alt="Bulb" width="100">
                      </div>

                      <figure class="text-center mb-0">
                        <blockquote class="blockquote">
                          <p class="pb-3 ">
                            <i class="fas fa-quote-left fa-xs text-primary"></i>
                            <span class="lead font-italic ">Feel free to talk to our online representative at any time you please using our instant messaging programs on our website or one of the below Direct Contact Address and Cell Number.

                                <br>Please be patient while waiting for response. (24/7 Support!).</span>
                            <i class="fas fa-quote-right fa-xs text-primary"></i>
                          </p>
                        </blockquote>

                      </figure>

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


    </diV>

    <diV class="col-md-6 col-sm-6 col-xl-6" style="background-color: rgb(212, 204, 204) !important;" >

        <section class="contact_section bg-light mt-5 mb-3 " style="background-color: rgb(212, 204, 204) !important;" >
            <div class="container " >
                <div class="row get ">
                     <div class="col-md-10 mx-auto bg-success mb-0 mt-3"   >

                        <div class="form_container mb_mobile_45 pr-xl-4 ">

                            <div class="heading_container heading_center ">
                                <h2 class="">
                                    {{-- Get In Touch --}}
                                </h2>
                            </div>
                            @if ($message = Session::get('success'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i> {{ $message }}
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            @endif
                            @if ($message = Session::get('error'))
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i>{{ $message }}
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            @endif
                            <form action="{{ route('save-contact') }}" method="POST" class="contact_form">
                                @csrf
                                <input type="text" name="user_name" class="form-control" id="user_name"
                                    placeholder="Your Name">
                                    @if ($errors->has('user_name'))
                                    <span class="text-danger">{{ $errors->first('user_name') }}</span>
                                @endif
                                <input type="text" name="mobile_number" class="form-control" id="mobile_number"
                                    placeholder="Mobile Number">
                                    @if ($errors->has('mobile_number'))
                                    <span class="text-danger">{{ $errors->first('mobile_number') }}</span>
                                @endif
                                <input type="email" name="user_email" class="form-control" id="user_email"
                                    placeholder="Email">
                                    @if ($errors->has('user_email'))
                                    <span class="text-danger">{{ $errors->first('user_email') }}</span>
                                @endif
                                <textarea name="message" class="form-control" id="inputMessage" placeholder="Message"></textarea>
                                @if ($errors->has('message'))
                                <span class="text-danger">{{ $errors->first('message') }}</span>
                            @endif
                                <div class="btn-box btn-center">
                                    <button type="submit" class="submit_btn">
                                        Send
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </diV>
</div>
</div>



<section class="contact_section mt-0 mb-5 ">
    <div class="container">
        <div class="row">
            <div class="col-md-6 px-0 mt-0">
                <div class="map_container mt-4">
                    <div class="map">
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14611.189967691576!2d90.420318!3d23.7189247!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755b990f6fc48d3%3A0xbd63db7cc892009c!2sConfidence%20Software%20Limited!5e0!3m2!1sen!2sbd!4v1691043822895!5m2!1sen!2sbd"
                            width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                            referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
            </div>

                <div class="col-md-6 col-lg-5 mx-auto mt-0">

                <div class="form_container  pr-xl-4  mt-5">

                <div   style="margin-top:110px;">
                    {{-- <img loading="lazy"style="width: 430px ; margin-left:60px;" class="mt-5" src="images/bigopti.jpg" alt=""> --}}
                    <hr >
                    <h2 class="">Head Office</h2>
                    {{-- <h4 class="mt-4"> DR Tower (15th Floor)</h4> --}}
                    <p class="mt-1"> 2nd Floor, Concord Paramount, Hatkhola Rd, Dhaka 1203</p>
                        <span class="mt-1"> Phone: 8802-226637105</span>
                        <br>
                        <span class="mt-1"> phone:  01713-331854</span>
                        <br>
                        <span class="mt-1">Email: csoftwareltd@gmail.com</span>

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



<div class="astrodivider"><div class="astrodividermask"></div><span><i>&#10038;</i></span></div>

@include('layouts.footer')