��<!DOCTYPE html> <html lang='en'> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5QBCLFL');</script> <!-- End Google Tag Manager --> <meta charset='UTF-8' /> <meta name='viewport' content='width=device-width, initial-scale=1.0' /> <meta name='description' content='' /> <title>0�SS�ߘ0HSIANT THE BISTRO�T�R�(� �</title> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' integrity='sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm' crossorigin='anonymous' /> <script src='https://code.jquery.com/jquery-3.5.1.min.js' integrity='sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=' crossorigin='anonymous'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js' integrity='sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q' crossorigin='anonymous' ></script> <script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js' integrity='sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl' crossorigin='anonymous' ></script> <link href='https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&display=swap' rel='stylesheet' /> <link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons' /> <script> $(document).ready(function () { $('#header').load('../header.php'); $('#feature').load('../feature.php'); $('#footer').load('../footer.php'); $('.sosMed0') .first() .click(function () { $('.sosMedStack').toggleClass('show'); }); }); </script> <style> body { font-family: 'Noto Sans TC', sans-serif; background-color: #fafafa; overflow-x: hidden; position: relative; } .container-fluid { padding: 0px !important; } .header { background-color: #46c2c2; } .logo { width: 80%; } img { width: 100%; } .topImg { position: relative; text-align: center; margin: auto; background-color: rgba(25, 25, 25, 0.5); } .topImg:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); transition: all 0.2s linear; } .topImg > img { max-height: 1000px; } .title { position: absolute; top: 30%; width: 100%; color: #fff; } .underTitle { position: absolute; top: 40%; width: 100%; color: #fff; } .rank { position: absolute; top: 55%; width: 100%; color: #fff; } .divider { width: 100px; border-top: 3px solid #46c2c2; } h5 { font-weight: 600; } p { text-align: justify; text-justify: inter-word; } .picTitle { font-weight: 900; } .info { background-color: #f5f5f5; } .info-content { padding: 30px !important; } .footer { background-color: #222222; box-shadow: 0px 0px 0px 2px #46c2c2; color: #fff; } .footerLeft, .footerRight, .footerCenter { padding: 40px; text-align: center; } .footerContent > a > img { width: 40%; } @media only screen and (max-width: 600px) { .underTitle { top: 50%; display: none; } } .nav { box-shadow: 0px 2px #46c2c2; } .nav-link { color: #fff !important; font-weight: 600; } .dropdown-menu { left: -85px; } .dropdown-item { color: #46c2c2; } .dropdown-divider { border-top: 1px solid #46c2c2; } .sosialMedia { position: fixed; right: 15px; bottom: 15px; } .sosMedStack { display: none; } .show { display: block; } .sosMed0, .sosMed1, .sosMed2, .sosMed3 { width: 57px; height: 57px; margin-top: 5px; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color: transparent; } .sosMed0 :hover { cursor: pointer; } </style> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src='https://www.googletagmanager.com/ns.html?id=GTM-5QBCLFL' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class='container-fluid'> <div id='header'></div> <div class='topImg'> <img src='../images/hsiangthebistro-titleImage.jpg' alt='' srcset='' /> <h1 class='title'>0�SS�ߘ0HSIANT THE BISTRO�T�R�(� �</h1> <h3 class='underTitle'>�SS�ߘ, �Scp�ߘ</h3> <div class='rank'>c��Nw�U�I{<br> of���t�X &&&&&<br> g�R &&&&&<br> �� &&&&&<br></div> </div> <!-- topImg --> <div class='container'> <div class='col-sm-12'> <div class='subtitle mt-4'> <h2> <i class='material-icons' style='font-size: 26px; color: #46c2c2' >local_offer</i > ؚCP </div> <div class='topParagraph mt-4'><p>`O g+oek(WPk2mW�-� ����p�2�N�[\�(�(u��v�}W��U�$\vQ��S�0W�v�etKb�l��SsT ����sT�v�N`O��_�U�FO��`(W�SSW�-�~b�[��sT�Z�Pk2mvu0W�v�l_�et ��_�_���N N}Y~^ P��iQ �N(u��t�X��b9�0�s(W �MR���p�SS��fZ�eHS��q���dޞ�v 0T�R�(� 0 ��]ck_I��W�pPk_BISTRO\(� ���U��[P���Ns^�[�v�P</div> </div> <div class='col-md-12' style='display: firstflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/hsiangthebistro-img1.jpg' alt='' srcset='' /> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'>sT~��vPk2mKN�e </p> <p class='divider'></p> <p>�����e�SS�q'��vqg@S�]gQ �HSIANT THE BISTRO1\�P�z�ePk2m�wg��v\�R�(�,� �EQ�nNO��!|}�v�a0qQ giQd\j�v��zz�� ��Nўr�FrFh�p;N�� �-dM�(g����Ib�D�5�kFg ��q �Pk_���`0�[gQ�N�S(g�a�vLhi ��m-d�v���l|v�T.z��e_�v�i�S�^@S ����N�Odk�Sx��d N T�vl W(u�0�^gQˊ�O�f��e�RaW W�[}�l W�et T�^JustinqQ�NYt^�vs�+^�P ��d�NL�?e;N�^ ��N�N�|[n�v�l_�et�b�] ��]�Y�v��TߘPg ��Q�N�N�Pb�qg�e�vsT~��}W� �͑�en�ˑ�l_�et ����N�N� g�n�^�vKba�et �6^W�sT~��O��S�0W�vPk2mKN�e �$\vQ;N�^x�(u(W0W�sAmwm��0�SqgWޖ0�[-�vVjt-�ўl�0,gW0W�tI{ �\"u��Scp�v(W0WߘPg|v�c�ui0 ��l͑0}�{�Kb\O�v�N �1\#����h���S���[hQ��� ����[�NT�_�[�__NeP�^0 </p> </div> </div> </div> <div class='col-md-12' style='display: secondflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'>�c���et� </p> <p class='divider'></p> <p>�bLr���ޖ��Ua�e 6s�YNS�o�Nuޞ�vޖ��Ua�e � gW�R�}r��v�s�[r��o ��NRR N3d\��sT�vޖ��Ua�e ��S�S�v�b(W��p��Gr��S N ����ndo��S��gߎ0}�}�vޖ�� ��[(W���N�ui0�N�e�����vP[�g����b Nd\�g�Q�-Nd\�vޖ��GRx�(u�SqgWޖ�|��xm�l��vY�Q��sT �b �MR�_�Bf3)Y��^d\�p�br�y�wm�}ˆ�| ���\ON� zA~� �/fS��Odk�_V�vKb�]��À܃0 �����_�p��f���ǃ �ReQGYpu�gN�v������f���ǃ ����S��R��AS���vMR܃\�T�fo�=r�S �$\vQ;N�^�y?byr���v���� �\qg�e��sT��eQ��e܃��-N ��Q�N��+g \�ǃ�v��#lޞ�}�_�f�R��f ��/f�`�Odk�Uޞ\R� ������S��etU} \/f NR�܃�vgsOx��d0 ���eju��ql� � �o���vw��S��#l�_�q0�0��v\5�K�-Nce|v�Q�O ��Sw�NJXl� �eQ�S ������o�p���N�vju��nsT ���ndo�n�S���ߎ�Z�vl� � � gW�u-N6^y�� �TsSS�v��B��nsT �N��#l�n�n�S-N�v(WU ����~^~�}�^ �g�_�Q�N�l W��S��W��o z�vju����e��Al�N(u �}YT�v���N�[hQ\P N�N�S0 </p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/hsiangthebistro-img2.jpg' alt='' srcset='' /> </div> </div> </div> <div class='col-md-12' style='display: thirdflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/hsiangthebistro-img3.jpg' alt='' srcset='' /> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'></p> <p class='divider'></p> <p>���ef�onwm���q� �N'Yϑ�vf�ؚon�qnq�'Y)R2��Ss| �-dM�vuc[��b0�zZ�0� ��}vf� ���8T���n�nf�ؚon�vs|�| �F�F��v/f�o������vwm m�nsT � ��};N�^�N���e�qnq�b�pN��vwm��M��e ��f�p�>kwm���qX�Rd\!kRf�vY͑��sT �$\vQ��eQ�S�_��#l�V�nN���N�VsT!q�z�vT��R ��S g����TVMb��Ԛg0 �p�p�[-�ўl�̑���c�r�p,�܃POў�ivY�l��Al x�(u�[-�(W0WߘPgvVjt-�ўl� �HQ�N�}T���e��,oeQsT ��Q�}65�^CNO�n�p�� �Mb2�L�r�p �-dM��beQ ��g�l�v0W�t�l ���e���p,�܃ ���EQ�n�V�RN6^ gYe��Sa�vўl�̑�� gW�Y.z�TV�l ��S�N�SsT�N(u �_N����W�ў�ivY�l��AleQ�S �b�������sT�v,�܃�bW�T �g�_�Q�N(ur}�n�}�[�v0W�t�l_NL�0�/fNS�#�POo�M�܃��}YT0R�N�N��_�v�sT�et0 �I��j�jTX ��v�vvu��U ��N�e���vÞ�j�jaS�XT����p�^ �� N����vue��| ��Q>eeQ��g�v�e���sSbˆ}v� �g�_�Nkp�p�q �b0�^p�N!k�w�3d\ TBfeQ�S ���x�0u0�0�}�vT_��sT�NT~ ����N�_�`_NߍW�}~}w��O �/fBf Ng/Y�v�N#luޞ� </p> </div> </div> </div> <div class='col-md-12' style='display: none'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'></p> <p class='divider'></p> <p></p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/hsiangthebistro-img4.jpg' alt='' srcset='' /> </div> </div> </div> <div class='col-md-12' style='display: none'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/hsiangthebistro-img5.jpg' alt='' srcset='' /> </div> <div class='mt-4 mb-4 col-md-6'> <p class='picTitle'></p> <p class='divider'></p> <p></p> </div> </div> </div> <div class='col-md-12' style='display: none'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'></p> <p class='divider'></p> <p></p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/hsiangthebistro-img6.jpg' alt='' srcset='' /> </div> </div> </div> <div class='info'> <div class='row'> <div class='info-content col-sm-4'> <h5>�vܕnj �</h5> <p>HSIANT THE BISTRO�T�R�(� � �qmiBf���12:00^�15:00�18:00^�24:00</br> lQO�e�!q</br> S�^�!q</br> �O(uaS��S</br> R�4l g�R��� g</p> </div> <div class='info-content col-sm-4'> <h5>�N�nj �</h5> <p>0W@W��SS^feSWS�N�k236�]18_�</br> �L���ʎ� WS�1_��c�^ Wؚ�gKj � N�_][qg��Q�S�!�vL�N��_][qg_�I��!�SI��_][qg� ��vL���V�k�!�SI�feSWS!�SI�feSWS�N�k236�] ��bT�HSIANT THE0BISTRO�T�R�(� �</p> </div> <div class='info-content col-sm-4'> <h5>o�a}nj �</h5> <p>��q���02 �8771-8258</br> �Pw��02 �8771-5973</br> �|r}W�Hsiang T the Bistro</p> </div> </div> </div> <!-- info --> </div> <div id='feature'></div> <!-- Container --> <div id='footer'></div> </div> <!-- Container-Fluid --> <div class='sosialMedia'> <div class='sosMedStack'> <div class='sosMed1'> <a href='https://line.me/R/ti/p/@cea9266n' ><img src='../images/line.png' alt='' srcset='' /></a> </div> <div class='sosMed2'> <a href='tel:20+886227217300' ><img src='../images/tel.png' alt='' srcset='' /></a> </div> <div class='sosMed3'> <a href='https://www.facebook.com/Taiwan-VIP-Travel-1755826324705843/' ><img src='../images/msgfb.png' alt='' srcset='' /></a> </div> </div> <div class='sosMed0'> <img src='../images/chatPic.png' alt='' srcset='' /> </div> </div> </body> </html>