@extends('customer.header')
@section('customerContent')
  <!-- wrapper  -->
  <div id="wrapper">
    <!-- content -->
    <div class="content">
      <!--  section  -->

      <!-- section -->
      <section class="gray-bg small-padding">
        <div class="container">
          <div class="row">
            <!-- services-item -->
            <div class="col-md-4">
              <div class="services-item fl-wrap">
                <i class="fal fa-envelope"></i>
                <h4>Our Mails <span>01</span></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                <a href="#" class="serv-link sl-b">yourmail@domain.com</a>
              </div>
            </div>
            <!-- services-item  end-->
            <!-- services-item -->
            <div class="col-md-4">
              <div class="services-item fl-wrap">
                <i class="fal fa-phone-rotary"></i>
                <h4>Our Phones<span>02</span></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                <a href="#" class="serv-link sl-b">+7(111)123456789</a>
              </div>
            </div>
            <!-- services-item  end-->
            <!-- services-item -->
            <div class="col-md-4">
              <div class="services-item fl-wrap">
                <i class="fal fa-map-marked"></i>
                <h4>Our Adress <span>03</span></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                <a href="#" class="serv-link sl-b">USA 27TH Brooklyn NY</a>
              </div>
            </div>
            <!-- services-item  end-->
          </div>
          <div class="clearfix"></div>
          <div class="contacts-opt fl-wrap">
            <div class="contact-social">
              <span class="cs-title">Find us on: </span>
              <ul>
                <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                <li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
                <li><a href="#" target="_blank"><i class="fab fa-vk"></i></a></li>
              </ul>
            </div>
            {{-- <a href="#" class="btn small-btn float-btn color-bg cf_btn">Write Mesagge</a> --}}
            {{-- <div class="contact-notifer">Or visit our <a href="help.html"> help page</a></div> --}}
          </div>
          <!--box-widget  -->
          <div class="box-widget">
            <div class="box-widget-title single_bwt fl-wrap   ">Office Location</div>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis
              pulvinar. Donec a consectetur nulla.</p>
            <!--box-widget end-->
          </div>
          <!--box-widget-->
          <div class="box-widget fl-wrap">
            <iframe
              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3502.1337450147057!2d77.37693831508244!3d28.625753382420516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce4faf77fb773%3A0xe0809fc938620cad!2sWEBKYPE!5e0!3m2!1sen!2sin!4v1640329570197!5m2!1sen!2sin"
              height="250" style="border:0;width:100%" allowfullscreen="" loading="lazy"></iframe>
          </div>
          <!--box-widget end -->
        </div>
      </section>
      <!-- section end-->
    </div>
    <!-- content end -->
  @endsection