@include('_partials_frontend.head')
<!--Header-->
@include('_partials_frontend.navbar')
<section class="section-contact bg-kontak">
  <div class="container">
    <div class="row">
      <div class="col-md-12"> 
        <h1 class="title-section text-left mobile-hide font-xl">
          Contact Us        </h1>
        <div class="row">
          
            @foreach($limit as $kontak)
            <div class="col-md-4">
              <font class="font-kontak">
                <div class="contact-info">
                  <p><b>{{ $kontak->nama_kota }}</b>
                  <hr>
                  <p class="font-alamat">{!! $kontak->alamat !!}<br>
                  {{ $kontak->nama_kota }} {{ $kontak->kode_pos }}<br>
                  {{ $kontak->nama_provinsi }}, {{ $kontak->nama_negara }}<br>
                  Phone : {{ $kontak->phone }}<br>
                  Mobile : {{ $kontak->mobile }}<br>
                  E-mail : {{ $kontak->email }}</p><br>
                </div>
              </font>
            </div>
            @endforeach
          
          
            @foreach($limit2 as $kontak2)
            <div class="col-md-4">
              <font class="font-kontak">
                <div class="contact-info">
                  <p><b>{{ $kontak2->nama_kota }}</b></p>
                  <hr>
                  <p class="font-alamat">{{ $kontak2->alamat }}<br>
                  {{ $kontak2->nama_kota }} {{ $kontak2->kode_pos }}<br>
                  {{ $kontak2->nama_provinsi }}, {{ $kontak2->nama_negara }}<br>
                  Phone : {{ $kontak2->phone }}<br>
                  Mobile : {{ $kontak2->mobile }}<br>
                  E-mail : {{ $kontak2->email }}</p><br>
                </div>
              </font>
            </div>
            @endforeach
          
          
            @foreach($limit3 as $kontak3)
            <div class="col-md-4">
              <font class="font-kontak">
                <div class="contact-info">
                  <p><b>{{ $kontak3->nama_kota }}</p></b>
                  <hr>
                  <p class="font-alamat">{{ $kontak3->alamat }}<br>
                  {{ $kontak3->nama_kota }} {{ $kontak3->kode_pos }}<br>
                  {{ $kontak3->nama_provinsi }}, {{ $kontak3->nama_negara }}<br>
                  Phone : {{ $kontak3->phone }}<br>
                  Mobile : {{ $kontak3->mobile }}<br>
                  E-mail : {{ $kontak3->email }}</p><br>
                </div>
              </font>
            </div>
            @endforeach
            <img src="/frontend/assets/images/contact-img.png" class=" mb-5 ml-5 mobile-hide" style="width: 23%;">
            <img src="/frontend/assets/images/contact-img.png" class="mobile-show" style="width: 100%;">
          
        </div>
      </div>
    </div>
  </div>
</section>
@include('_partials_frontend.footer')