You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

261 lines
13 KiB

2 years ago
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="Expires" content="0">
  6. <meta http-equiv="Pragma" content="no-cache">
  7. <meta http-equiv="Cache-control" content="no-cache">
  8. <meta http-equiv="Cache" content="no-cache">
  9. <meta http-equiv="content-language" content="en">
  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  11. <meta name="keywords" content="駒驛、G-Yi、展覽品、佈展、拆裝箱、堆高機、展場服務、展品定位、展品運輸、展品物流、展品倉儲、展品報關">
  12. <meta name="description" content="">
  13. <title>Online Booking - G-Yi Logistics</title>
  14. <link rel="shortcut icon" href="../images/favicon.ico">
  15. <link href="../../Scripts/3rd/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
  16. <link href="../../Scripts/3rd/fancybox/fancybox-3/jquery.fancybox.min.css" rel="stylesheet" />
  17. <link href="../../Content/toastr.min.css" rel="stylesheet" />
  18. <link href="../../Content/font-awesome.css" rel="stylesheet" />
  19. <link href="../css/main.css?v=20180730" rel="stylesheet">
  20. <link href="../css/en.css" rel="stylesheet" type="text/css">
  21. <link href="../css/member.css" rel="stylesheet" type="text/css">
  22. <link href="../css/inquiry.css" rel="stylesheet">
  23. <style>
  24. td {
  25. font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  26. font-size: 15px;
  27. line-height: 24px;
  28. word-break: break-all;
  29. }
  30. .border {
  31. border: 1px solid rgb(255, 218, 182);
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <!-- header -->
  37. <header>
  38. <div id="headerWrapper">
  39. <h1><a href="index_en.html">G-YI</a></h1>
  40. <ul id="language">
  41. <li class="en"><a href="inquiryForm.html"></a></li>
  42. </ul>
  43. <h4>Menu</h4>
  44. <ul id="menu">
  45. <li id="index"><a href="index_en.html">Home</a></li>
  46. <li id="about"><a href="about_en.html">About G-Yi</a></li>
  47. <li id="service"><a href="service_en.html">Our Services</a></li>
  48. <li id="inquiry"><a href="inquiry_en.html">Get a Quote</a></li>
  49. <li id="contact"><a href="contact_en.html">Contact Us</a></li>
  50. <li id="download"><a href="download_en.html">Downloads</a></li>
  51. </ul>
  52. </div>
  53. </header>
  54. <!-- header end -->
  55. <!--------------------- article --------------------->
  56. <div class="article">
  57. <h1 class="addBG">Online Booking</h1>
  58. <p>&nbsp;</p>
  59. <h3 class="orange">Service Info.</h3>
  60. <p>&nbsp;</p>
  61. <div class="css-table">
  62. <!-- thead -->
  63. <div class="thead">
  64. <div class="tr">
  65. <div class="th center">Packaging</div>
  66. <div class="th center">Dimensions (CM)</div>
  67. <div class="th center">Weight (KG)</div>
  68. <div class="th center">Quantity</div>
  69. <div class="th center">Services Required</div>
  70. <div class="th center">Fee</div>
  71. </div>
  72. </div>
  73. <!-- thead end -->
  74. <!-- tbody -->
  75. <div class="tbody" id="Servicebox">
  76. </div>
  77. <!-- tbody end -->
  78. </div>
  79. <p class="divider">&nbsp;</p>
  80. <h4 class="align_r">Total (In NT$, Tax Included): $ <span class="red" id="Total">0</span></h4>
  81. <p>&nbsp;</p>
  82. <h3 class="orange">Contact Information</h3>
  83. <p>&nbsp;</p>
  84. <form id="form_inquiry">
  85. <!--------------------- inquiryLeft --------------------->
  86. <div class="inquiryLeft">
  87. <p class="formTitle">Company Name (Full Name) <span class="red">*</span></p>
  88. <p>
  89. <input type="text" class="textStyle midText" name="CompName" required placeholder="Please fill in the full name" />
  90. </p>
  91. <p>&nbsp;</p>
  92. <p class="formTitle"> Booth Number <span class="red">*</span></p>
  93. <p>
  94. <input type="text" class="textStyle midText" name="MuseumMumber" required />
  95. </p>
  96. <p>&nbsp;</p>
  97. <p class="formTitle">Customer Name <span class="red">*</span></p>
  98. <p>
  99. <input type="text" class="textStyle midText" name="AppointUser" required />
  100. </p>
  101. <p>&nbsp;</p>
  102. <p class="formTitle">Customer Phone Number <span class="red">*</span></p>
  103. <p>
  104. <input type="text" class="textStyle midText" name="AppointTel" required />
  105. </p>
  106. <p>&nbsp;</p>
  107. <p class="formTitle">Customer Email <span class="red">*</span></p>
  108. <p>
  109. <input type="email" class="textStyle midText" name="AppointEmail" required />
  110. </p>
  111. </div>
  112. <!--------------------- inquiryRight --------------------->
  113. <div class="inquiryRight">
  114. <p class="formTitle">On-site Contact Person <span class="red">*</span></p>
  115. <p>
  116. <input type="text" class="textStyle midText" name="Contactor" required />
  117. </p>
  118. <p>&nbsp;</p>
  119. <p class="formTitle">On-site Contact Person Mobile Number <span class="red">*</span></p>
  120. <p>
  121. <input type="text" class="textStyle midText" name="ContactTel" required />
  122. </p>
  123. <p>&nbsp;</p>
  124. <p class="formTitle">Move-in Time <span class="red">*</span></p>
  125. <p>
  126. <input type="text" class="textStyle datepicker" name="ApproachTime" placeholder="Select Date" required> &nbsp;
  127. <select class="textStyle tinyText" name="ApproachTime_Hour">
  128. <option value="00">00</option>
  129. <option value="01">01</option>
  130. <option value="02">02</option>
  131. <option value="03">03</option>
  132. <option value="04">04</option>
  133. <option value="05">05</option>
  134. <option value="06">06</option>
  135. <option value="07">07</option>
  136. <option value="08">08</option>
  137. <option value="09">09</option>
  138. <option value="10">10</option>
  139. <option value="11">11</option>
  140. <option value="12">12</option>
  141. <option value="13">13</option>
  142. <option value="14">14</option>
  143. <option value="15">15</option>
  144. <option value="16">16</option>
  145. <option value="17">17</option>
  146. <option value="18">18</option>
  147. <option value="19">19</option>
  148. <option value="20">20</option>
  149. <option value="21">21</option>
  150. <option value="22">22</option>
  151. <option value="23">23</option>
  152. </select>
  153. <select class="textStyle tinyText" name="ApproachTime_Min">
  154. <option value="00">00</option>
  155. <option value="15">15</option>
  156. <option value="30">30</option>
  157. <option value="45">45</option>
  158. </select>
  159. </p>
  160. <p>&nbsp;</p>
  161. <p class="formTitle">Move-out Time <span class="red">*</span></p>
  162. <p>
  163. <input type="text" class="textStyle datepicker" name="ExitTime" placeholder="Select Date" required> &nbsp;
  164. <select class="textStyle tinyText" name="ExitTime_Hour">
  165. <option value="00">00</option>
  166. <option value="01">01</option>
  167. <option value="02">02</option>
  168. <option value="03">03</option>
  169. <option value="04">04</option>
  170. <option value="05">05</option>
  171. <option value="06">06</option>
  172. <option value="07">07</option>
  173. <option value="08">08</option>
  174. <option value="09">09</option>
  175. <option value="10">10</option>
  176. <option value="11">11</option>
  177. <option value="12">12</option>
  178. <option value="13">13</option>
  179. <option value="14">14</option>
  180. <option value="15">15</option>
  181. <option value="16">16</option>
  182. <option value="17">17</option>
  183. <option value="18">18</option>
  184. <option value="19">19</option>
  185. <option value="20">20</option>
  186. <option value="21">21</option>
  187. <option value="22">22</option>
  188. <option value="23">23</option>
  189. </select>
  190. <select class="textStyle tinyText" name="ExitTime_Min">
  191. <option value="00">00</option>
  192. <option value="15">15</option>
  193. <option value="30">30</option>
  194. <option value="45">45</option>
  195. </select>
  196. </p>
  197. <!--<p>&nbsp;</p>
  198. <p class="formTitle">Verification Required <span class="red">*</span></p>
  199. <p>
  200. <input type="text" class="textStyle smallText" required />
  201. <img src="../images/validcode.jpg" align="absmiddle" class="validcode" /> <a href="#">Refresh Code</a>
  202. </p>-->
  203. </div>
  204. </form>
  205. <p class="clear"></p>
  206. <p>&nbsp;</p>
  207. <p class="align_c">
  208. <a href="inquiry_en.html"><< Back</a> &nbsp;
  209. <input type="submit" class="btn btnStyle confappoint" value="Preview">
  210. <!--<a data-fancybox data-src="#hidden-content" href="javascript:;" class="btn btnStyle iframe">Confirm</a>-->
  211. </p>
  212. </div>
  213. <!--------------------- article end --------------------->
  214. <!--------------------- footer --------------------->
  215. <footer>
  216. <div id="footer">
  217. <img src="../images/logoFooter.png">
  218. <ul>
  219. <li>10F., No.457, Chongyang Rd., Nangang Dist., Taipei, Taiwan</li>
  220. <li>+886-2-2785-7900</li>
  221. <li><a href="mailto:info@g-yi.com">info@g-yi.com</a></li>
  222. </ul>
  223. <p>Copyright &copy; G-YI INT'L LOGISTICS CO., LTD.</p>
  224. </div>
  225. </footer>
  226. <div id="toTop">TOP</div>
  227. <div id="money" class="NoShowInMobile"><a href="inquiry_en.html"></a></div>
  228. <!--------------------- footer end --------------------->
  229. <script id="temp_service" type="text/x-jsrender">
  230. <div class="tr">
  231. <div class="td center"><span>Packaging:</span>{{:~setExpoType(ExpoType)}}</div>
  232. <div class="td center"><span>Dimensions(CM):</span>{{:~setMoney(ExpoLen)}}*{{:~setMoney(ExpoWidth)}}*{{:~setMoney(ExpoHeight)}}</div>
  233. <div class="td center"><span>Weight(KG):</span>{{:~setMoney(ExpoWeight)}}</div>
  234. <div class="td center"><span>Quantity:</span>{{:ExpoNumber}}</div>
  235. <div class="td left"><span>Services:</span>{{:~setService(ExpoStack,ExpoSplit,ExpoPack,ExpoFeed,ExpoStorage,ExpoDays)}}</div>
  236. <div class="td right"><span>Fee:</span>NT${{:~setMoney(SubTotal)}}</div>
  237. </div>
  238. </script>
  239. </body>
  240. </html>
  241. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  242. <script src="../../Scripts/3rd/jquery-ui/jquery-ui.min.js"></script>
  243. <script src="../../Scripts/i18next.min.js"></script>
  244. <script src="../../Scripts/jquery.blockUI.js"></script>
  245. <script src="../../Scripts/jquery.validate.min.js"></script>
  246. <script src="../../Scripts/3rd/fancybox/fancybox-3/jquery.fancybox.min.js"></script>
  247. <script src="../../Scripts/jquery.serialize-object.min.js"></script>
  248. <script src="../../Scripts/toastr.min.js"></script>
  249. <script src="../../Scripts/jsrender.min.js"></script>
  250. <script src="../../Scripts/lib/base64.js"></script>
  251. <script src="../../Scripts/lib/Util.min.js?v=20180730"></script>
  252. <script src="../js/menu.js?v=20180730"></script>
  253. <script src="../js/inquiryForm.js?v=20180730"></script>
  254. <!--Global site tag(gtag.js) - Google Analytics-->
  255. <script>
  256. if ('www.g-yi.com'.indexOf(window.location.hostname) > -1) {
  257. document.write('<script async src="https://www.googletagmanager.com/gtag/js?id=UA-120713824-1"><\x2Fscript><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "UA-120713824-1");<\x2Fscript>');
  258. }
  259. </script>