@extends('layouts.master')
@section('css')
    <link rel="stylesheet" href="stylesheets/text.css">
@stop
@section('content')
<div id="page">
    <div id="main" class="text">
        <section id="contacts">
            <div class="container-fluid">

                <div class="row">
                    <div class="col-md-4 mb-4">
                        <a class="service_item">
                            <h5 class="service_item_text">
                                <span class="d-block mb-4"><small>地址</small></span>
                                {{ ($contact)?$contact->address:'' }}
                            </h5>
                        </a>
                    </div>
                    <div class="col-md-4 mb-4">
                        <a href="#" class="service_item">
                            <h5 class="service_item_text">
                                <span class="d-block mb-4"><small>電話</small></span>
                                {{ ($contact)?$contact->tel:'' }}
                            </h5>
                        </a>
                    </div>
                    <div class="col-md-4 mb-4">
                        <a href="mailto:{{$contact->email}}" class="service_item">
                            <h5 class="service_item_text">
                                <span class="d-block mb-4"><small>信箱</small></span>
                                {{ ($contact)?$contact->email:'' }}
                            </h5>
                        </a>
                    </div>
                </div>
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3640.9637578052716!2d120.65940531498885!3d24.1379108843999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x34693da660f12825%3A0x596ecc105f775e29!2z576O5p2R5amm55Si56eR6Ki65omA!5e0!3m2!1szh-TW!2stw!4v1592317094770!5m2!1szh-TW!2stw" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0" style="padding-bottom: 40px"></iframe>
            </div>

        </section>
    </div>
</div>
@stop
@section('script')
@stop