@extends('layouts.master')

@section('title', 'Your cart')

@yield('navbar')
@section('content')
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5d1cb9e522d70e36c2a3f5e1/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
  <div class="block-entry fixed-background" style="background-image: url(img/background-26.jpg);">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-sm-offset-3">
                        <div class="text-center">
                            <div class="empty-space col-xs-b35 col-sm-b70"></div>
                            <h1 class="h1 dark">contact us</h1>
                            <div class="title-underline center"><span></span></div>
                          {{--   <div class="simple-article light transparent size-4">In feugiat molestie tortor a malesuada. Etiam a venenatis ipsum. Proin pharetra elit at feugiat commodo vel placerat tincidunt sapien nec</div> --}}
                            <div class="empty-space col-xs-b35 col-sm-b35"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

 {{--        <div class="empty-space col-xs-b35 col-md-b70"></div>
        <div class="empty-space col-xs-b35 col-md-b70"></div> --}}

        <div class="container">
            <div class="text-center">
                <div class="simple-article size-3 grey uppercase col-xs-b5">our contacts</div>
                <div class="h2">we ready for your questions</div>
                <div class="title-underline center"><span></span></div>
            </div>
        </div>

        <div class="empty-space col-sm-b15 col-md-b50"></div>

        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <div class="icon-description-shortcode style-1">
                        <img class="icon" src="img/icon-25.png" alt="">
                        <div class="title h6">address</div>
                        <div class="description simple-article size-2">#19 New Negombo Road,<br> Colombo 15, Srilanka.</div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="icon-description-shortcode style-1">
                        <img class="icon" src="img/icon-23.png" alt="">
                        <div class="title h6">phone</div>
                        <div class="description simple-article size-2" style="line-height: 26px;">
                            <a href="tel:+94773144553"> +94 77 314 4553</a> <br>
                            <a href="tel:+94117410410"> +94 11 74 10 410</a>
                            <br/>
                            {{-- <a href="tel:+35235557585238">+3  (523) 555 758 5238</a> --}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="icon-description-shortcode style-1">
                        <img class="icon" src="img/icon-28.png" alt="">
                        <div class="title h6">email</div>
                        <div class="description simple-article size-2"><a href="mailto:kikma.pvt.ltd@kikma.com">kikma.pvt.ltd@gmail.com</a></div>
                        <div class="description simple-article size-2"><a href="mailto:info@kikma.com">info@kikma.com</a></div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="icon-description-shortcode style-1">
                        <img class="icon" src="img/icon-26.png" alt="">
                        <div class="title h6">Contact us On</div>
                        <div class="follow light">
                         <a class="entry" href="https://www.facebook.com/KIKMA/"><i class="fab fa-facebook-f"></i></a>
                         <a class="entry" href="https://www.instagram.com/kikma1"><i class="fab fa-instagram"></i></a>
                         {{-- <a class="entry" href="#"><i class="fab fa-twitter"></i></a>
                        <a class="entry" href="#"><i class="fab fa-linkedin-in"></i></a> 
                        <a class="entry" href="#"><i class="fab fa-google-plus-g"></i></a>                        --}}
                        {{-- <a class="entry" href="#"><i class="fab fa-pinterest-p"></i></a> --}}
                        <a class="entry" href="https://api.whatsapp.com/send?phone=94773144553"><i class="fab fa-whatsapp"></i></a>
                        <a class="entry" href="viber://add?number=94773144553"><i class="fab fa-viber"></i></a>
                        {{-- <a class="entry" href="skype:flikma.pvt.ltd?add"><i class="fab fa-skype"></i></a> --}}
                            {{-- <a class="entry" href="#"><i class="fas fa-google-plus"></i></a> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="empty-space col-xs-b25 col-sm-b50"></div>
    
        <div class="container" hidden="">    
            <div class="map-wrapper">
                <div id="map-canvas" class="full-width" data-lat="34.0151244" data-lng="-118.4729871" data-zoom="14"></div>
            </div>
            <div class="addresses-block hidden">
                <a class="marker" data-lat="34.0151244" data-lng="-118.4729871" data-string="1. Here is some address or email or phone or something else..."></a>
            </div>
        </div>

        <div class="empty-space col-xs-b25 col-sm-b50"></div>

        <div class="container" hidden="">
            <h4 class="h4 text-center col-xs-b25">have a questions?</h4>
            <div class="row">
                <div class="col-md-10 col-md-offset-1">
                    <form class="contact-form">
                        <div class="row m5">
                            <div class="col-sm-6">
                                <input class="simple-input col-xs-b20" type="text" value="" placeholder="Name" name="name" />
                            </div>
                            <div class="col-sm-6">
                                <input class="simple-input col-xs-b20" type="text" value="" placeholder="Email" name="email" />
                            </div>
                            <div class="col-sm-6">
                                <input class="simple-input col-xs-b20" type="text" value="" placeholder="Phone" name="phone" />
                            </div>
                            <div class="col-sm-6">
                                <input class="simple-input col-xs-b20" type="text" value="" placeholder="Subject" name="subject" />
                            </div>
                            <div class="col-sm-12">
                                <textarea class="simple-input col-xs-b20" placeholder="Your message" name="message"></textarea>
                            </div>
                            <div class="col-sm-12">
                                <div class="text-center">
                                    <div class="button size-2 style-3">
                                        <span class="button-wrapper">
                                            <span class="icon"><img src="img/icon-4.png" alt=""></span>
                                            <span class="text">send message</span>
                                        </span>
                                        <input type="submit"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="empty-space col-xs-b35 col-md-b70"></div>
        <div class="empty-space col-xs-b35 col-md-b70"></div>

      @endsection

      @section('scripts')
      @endsection