��<!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�[-��ߘ0!n\g</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/du-xiao-yue-restaurant-yilan-titleImage.jpg' alt='' srcset='' /> <h1 class='title'>0�[-��ߘ0!n\g</h1> <h3 class='underTitle'> g�ea�v�S�esT </h3> <div class='rank'>c��Nw�U�I{</br>( �t00�X &&&&&</br>( g00�R &&&&&</br>( ܃ r� &&&&&</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 > </h2> </div> <div class='topParagraph mt-4'><p></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/du-xiao-yue-restaurant-yilan-img1.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>MO�e�[-�^@S �\��S܃�v 0!n\g 0 ��PdkN�[%R!qR_� �1968t^�e�e f�w��[ �1u�s�N;N�^s�FQ��(��+^�P)�v6r��uR�z0vQ6r�W)��v�pY�q��Lh�v=~�+^ ��P󁟞+^�P�]�p,{�V�N0!n\g(W�e f�BfgsS��S(W0W�N}YU� ��_w���s@W ��*��PY�vzz��0�i��v(u��t�X ��R N��+^�P \�e(W0WߘPg Nz���R�v�c�^ ��kNS��et�vx|v�(u�_ ��f���[-�!n\gr� T`��d � NBf gY0WJ��[\ z �*�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'>|Qg��Pq}�SuRa</p> <p class='divider'></p> <p> 0-�}��S�esT �x|v�QuR�e 0�p�ሄvslogan �\��S܃�v!n\g �1u�e�[-��wm �orsϑY �d��N(W0W�Pq}܃� �wm���et�N/f'Y�[0N�V�ac[�{ߘPg�v N T �S�S��et�v��eQ�S�l � N�euR�eBl�� ��k�Y�pnq�e_0�d�v0ꁶ[�q���vv��tߘhVI{ ����N�k!k �*� �!q֊����0sT~���/fN'YW��[ �1�Y{k�_�vU��[h�:y� 0T�QY!k_N Ng��� 0 1u�ec[�{ߘPg0ors N�v�v T ��R N��+^�PXc�kS��etߘPg�v��s���sZP �_N�Vdk 0!q܃�U�et 0�Nb�p�ሄvN'Yyrr���g��[�[�[ � g��܃�U�v�Bl �_N/fNhTMR�e���x�[ ��N�x�O�et�vꌮ�sT�0 </p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/du-xiao-yue-restaurant-yilan-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/du-xiao-yue-restaurant-yilan-img3.jpg' alt='' srcset='' /> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'>WY�0�Uޞ0Lh܃J��P</p> <p class='divider'></p> <p>EQ�n�|�}v��t݅�T�vhs�hzz��gQ ��NZP�N�[�U�v���R�Njce�[(u� ��Nj�[�[ � NjS�^ ��N�n��g��[ N T�v(u��Bl0(W�� �d��Nir��@b </div> </div> </div> <div class='col-md-12' style='display: fourthflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'>�N�e܃�U(4000CQLh܃ / 10�N�N ���R 10% g�R��)</p> <p class='divider'></p> <p> �ߘPg�S܃r���c[�{�f�c</br> �Q�v �z�p��x��</br>( 1u+^�PKb�]��\O �����sT� �Tw��O�_�_OPu�v�Sa �p`/fckq}�[-�sT0�c[�{ \�N �dkS��z�p��x�_Ng�cb��sThsyr�v 0�f�lZ���x� 00</br> �Q�v ё�hޖ��rc�</br>( �NAR�xޖ����R Nё�hrc�� �b ��pnq�_��Qυ ��_vQ�[�WMb��RGr NLh0���Z g�R�vޖ��� �x�x�uu�vё�h��#l �d\!k�vvuP��[0</br> �Q�v �T�ls|�����</br>( �����v�� �-dM� NۘZ�uS�vhsyr�Sa � 0wmsT 0�[hQHT�s0 NgN��U�v�T�ls|�SsT �'Y\ g�S���Uak0</br> �Q�v ��Z��l�b�</br>( dk�p N�Sb:�v�Pq}��Lh܃0x�(uNteF���Z� N�SRGr �1�-N6^�Z ��SaU}sO�_N�Vdk �+^�P�vR�]�Nb�pdkS�܃�vܕu�0</br></p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/du-xiao-yue-restaurant-yilan-img4.jpg' alt='' srcset='' /> </div> </div> </div> <div class='col-md-12' style='display: fifthflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/du-xiao-yue-restaurant-yilan-img5.jpg' alt='' srcset='' /> </div> <div class='mt-4 mb-4 col-md-6'> <p class='picTitle'></p> <p class='divider'></p> <p>�NI��qޖon�</br>( !n\g�vLh܃S�biQS�hs��on�T �dk�pvQN0�Vx���ovu0W�+^�P�qnq�v�NI��p�W ��ReQ��0}�hI{-N�Pg ��(W0W�v>eq\WޖN T�qnq203 P\Bf0�m�m�NI�sT�-N兙��N�� ��R N>eq\ޖߎ�Z�SP}�[�v�Sa �~^ASt^�O�YB}/fU��[�vga0dkS��m܈on�T�S�pYc[P��[ ��V*Y�Sg��[R�^w �d��N TR!n\g�V�[܃�UKN� �_N/ft^�{�[M��v�N#l�et0</br> ����6�on�</br>( !n\g�v�SNS�hs��on�T ��N�p�V�}��g N�d�Q�v�sTkp��0�}w��evuBf��+^�P(W�e�RaWV0R�v����6�on �ԏ W�_�_�_ N�_ ��OW�KbM��e ��N(W0WߘPg�R�N��teM��e ��Q N�S�q����6� �}Y�kvu-Nx�(u�v�c��sS�p�h��VnTu ��k�vl���0�U NN�S �(W����6��v����KN� ���V�_0R��i�vn�� ����ZeQsT�v�c���� ����NN�x�cN�x0</br></p> </div> </div> </div> <div class='col-md-12' style='display: sixthflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'></p> <p class='divider'></p> <p>Y�[Z�(Bf��)�</br>( x�(u�e��Y�[Z� ��R N�[-�W� T Nf%�0Z�2�N Tn�� � NA~��vZP�l ��f6^�QZ���,g���v��u0</br> �s܃CQD��</br>( dkS��et�v;N҉�pvu-N�v 0}��l�s� 0 ��}w�Bf���v�q�n ��R NN� z-N NBf�v*e�b � NLhBfHT�svf�N���N�v}�r�01�ߎeQsT�vl�s� ���eQeP�^�i�_ �-dM�N�e��u�v�hq\ؚ��܃ ��Sa N�o�m g� No�N���0�/f�X�[�Bl �_N�SZPb}��l�s����}0</br></p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/du-xiao-yue-restaurant-yilan-img5.jpg' alt='' srcset='' /> </div> </div> </div> <div class='info'> <div class='row'> <div class='info-content col-sm-4'> <h5>�vܕnj �</h5> <p>�qmiBf��� 12:00^�14:00�17:30^�21:00</br> lQO�e�d�Y0RN</br> S�^� g</br> ���t���L�6e250CQ</br> �O(uaS��S</br> \Pʎ�-� g\Pʎ4X</p> </div> <div class='info-content col-sm-4'> <h5>�N�nj �</h5> <p>�L���ʎ�</br> WS�5_�38kU� N�[-��NAmS�(�X W�[-�)�! 1912u#~S��!�SI�'Y�y� N�k�!�e-Nq\N�k�]I��!�t�l��SI��!�^͎��]I��!�_T�]I��_�� N�k�!}N�180lQ:\sS�bT�!n\g</p> </div> <div class='info-content col-sm-4'> <h5>o�a}nj �</h5> <p>0W@W��[-�^�_�� N�k58_�</br> ��q��(03)932-4414</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>