        {% include 'layouts/page/' ~ session ~ '/banner.twig' %}
    <section id="contact-section">
        <div class="container vision-text-content">
            <div class="row">
                <div class="col-11 mx-auto">
                    {% include 'layouts/breadcrumb.twig' %}
                    <div class="row d-xl-flex justify-content-xl-center vision-bottom-padding">
                        <div class="col-12 col-md-5 mb-2">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr></tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="text-nowrap vision-text-color-blue">聯絡地址</td>
                                            <td>
                                            {# 香港中環環球商業中心十樓 #}
                                            {{contactus.cp_address}}</td>
                                        </tr>
                                        <tr>
                                            <td class="text-nowrap vision-text-color-blue">聯絡電話</td>
                                            <td>
                                            {# +852 6848 4986 #}
                                            
                                            <a href="tel:{{contactus.cp_tel}}" class="changeText">{{contactus.cp_tel}}</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-nowrap vision-text-color-blue">電郵地址</td>
                                            <td>
                                            {# www.edu.hk@gmail.com #}
                                            {# {{contactus.cp_email}} #}
                                            <a href="mailto:{{contactus.cp_email}}" class="changeText">{{contactus.cp_email}}</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-nowrap vision-text-color-blue">服務時間</td>
                                            <td>
                                            {{contactus.cp_time | raw }}
                                            
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-12 col-md-7">
                        {# <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3691.879130418232!2d114.15560295047598!3d22.28256798526073!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x340400649b8c07e5%3A0x7794ceb4f014a7e7!2z55Kw55CD5ZWG5YuZ5Lit5b-D!5e0!3m2!1szh-TW!2shk!4v1573632436084!5m2!1szh-TW!2shk" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe> #}

                        <iframe src="{{contactus.gmap | raw }}" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
