@extends('master')

@section('content')

<section id="title_breadcrumbs_bar">
    <div class="container clearfix">
        <div class="floatleft">
            <h1>Kontak Kami</h1>
        </div>
    </div>
</section>

<section class="dnd_section_dd no_padding_bottom">
    <div class="dnd_section_content">
        <div class="dnd_container">
            <div class="dnd_column_dd_span8 form_padding">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d497.79168186311284!2d98.61656149364656!3d3.5101121000000064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3031486ebdf1e545%3A0x259cc300558d29c4!2sPoliteknik%20Kesehatan%20Medan!5e0!3m2!1sid!2sid!4v1653989096012!5m2!1sid!2sid" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>

            <div class="dnd_column_dd_span4 ">
                <h6><span>INFORMASI</span></h6>
                <table>
                    <tbody>
                        <tr>
                            <td>
                                <span style="padding:5px;background:transparent; display:inline-block;" class=""><i class="icon-map-marker" style="color:#71757f;line-height:20px;font-size:20px;"></i></span>
                            </td>
                            <td>
                                {{ $contact->location }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span style="padding:5px;background:transparent; display:inline-block;" class=""><i class="icon-envelope" style="color:#71757f;line-height:20px;font-size:20px;"></i></span>
                            </td>
                            <td>
                                {{ $contact->email }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span style="padding:5px;background:transparent; display:inline-block;" class=""><i class="icon-phonealt" style="color:#71757f;line-height:20px;font-size:20px;"></i></span>
                            </td>
                            <td>
                                {{ $contact->phone }}
                            </td>
                        </tr>
                    </tbody>
                </table>
                <h6 class="info_head"><span>JAM KERJA</span></h6>
                {!! $contact->working_hours !!}
                <span class="clear " style="height:45px;display:block;"></span>
                <!-- <div class="dnd_follow_us">
                    <a class="dnd_socialicon dnd_socialicon_facebook dnd_tooltip" data-gravity="s" href="#" target="_blank" title="Follow us on Facebook"><i class="ci_icon-facebook"></i></a>
                    <a class="dnd_socialicon dnd_socialicon_twitter dnd_tooltip" data-gravity="s" href="#" target="_blank" title="Follow us on Twitter"><i class="ci_icon-twitter"></i></a>
                    <a class="dnd_socialicon dnd_socialicon_googleplus dnd_tooltip" data-gravity="s" href="#" target="_blank" title="Follow us on Google+"><i class="ci_icon-googleplus"></i></a>
                    <a class="dnd_socialicon dnd_socialicon_pinterest dnd_tooltip" data-gravity="s" href="#" target="_blank" title="Follow us on Pinterest"><i class="ci_icon-pinterest"></i></a>
                    <a class="dnd_socialicon dnd_socialicon_behance dnd_tooltip" data-gravity="s" href="#" target="_blank" title="Our Behance Profile"><i class="ci_icon-behance"></i></a>
                </div> -->
            </div>
        </div>
    </div>
</section>
<br>
<br>
<br>
@endsection

@push('after-script')
@endpush