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.

257 lines
18 KiB

3 years ago
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="css/default.css" />
  4. <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
  5. <style>
  6. .white-line {
  7. width: 100%;
  8. height: 1px;
  9. background-color: #ffff
  10. }
  11. th, td {
  12. border: 0px solid #C9CACA;
  13. font-size: 1em;
  14. border: 0px solid #C9CACA;
  15. text-align: left;
  16. border-collapse: collapse;
  17. padding: 0.5em;
  18. line-height: 0.5em;
  19. }
  20. th {
  21. background-color: #42434A;
  22. padding: 0.5em;
  23. border: 0px solid #C9CACA;
  24. color: #fff;
  25. }
  26. tb {
  27. border: 0px solid #C9CACA;
  28. padding: 0em;
  29. }
  30. #bg {
  31. width: auto;
  32. height: 647px;
  33. background: -webkit-linear-gradient(90deg,#29ABE2,#425DA9);
  34. background: -o-linear-gradient(90deg,#29ABE2,#425DA9);
  35. background: -moz-linear-gradient(90deg,#29ABE2,#425DA9);
  36. background: linear-gradient(90deg,#29ABE2,#425DA9);
  37. }
  38. </style>
  39. </head>
  40. <body>
  41. <div class="section-block-bg" style="
  42. ">
  43. <div class="section-heading center-holder">
  44. <div class="row">
  45. <div class="col-md-8 col-sm-8 col-sm8-col-8 pr-0">
  46. <div class="section-heading left-holder">
  47. <img src="img/shopping03.png" style="padding:2em">
  48. </div>
  49. <div class="mt-30" style="background-image: url(./IMG/img/shopping02.png);">
  50. </div>
  51. <div class="section-heading center-holder">
  52. <div id="bg" style="padding:2EM">
  53. <div class="row ">
  54. <div class="col-md-7 col-sm-7 col-7">
  55. <div class="row">
  56. <div class="col-md-12 col-sm-12 col-12">
  57. <div class="row mt-60">
  58. <div class="col-md-4 col-sm-4 col-4">
  59. <span style="font-size:1.8em;line-height:2em;font-weight:700;text-align:center;color:#fff;border-color:#ffff;">
  60. 公司簡介
  61. </span>
  62. </div>
  63. <div class="col-md-8 col-sm8-col-8">
  64. <div class="mt-10"></div>
  65. <div class="white-line">
  66. </div>
  67. </div>
  68. <div class="col-md-12 col-sm-12 col-12">
  69. <span style="font-size:1.8em;line-height:2em;font-weight:700;text-align:center;color:#fff;border-color:#ffff;">
  70. 公司簡介
  71. </span>
  72. <span style="font-size:1.4em;line-height:2rem;font-weight:500;text-align:center;color:#fff;border-color:#ffff;vertical-align: middle;text-align:left">
  73. 購物網成立於2008年4月,以提供各產業別專業的企業資訊系統整體解決方案 (Total Solution),希望顧客可以經由採用本公司所提供的企業資訊系統解決方案,以達其企業內部e化程度升級,進而整合企業資源、提升營運績效、及降低企業營運成本等實際效益,e化可以幫助企業將資料更方便的管理、分類,透過資訊的特性,提升管理的效益。
  74. </span>
  75. </div>
  76. <div class="mt-30"></div>
  77. <div class="white-line">
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div><div class="row ">
  83. <div class="col-md-12 col-sm-12 col-12">
  84. <div class="mt-30"></div>
  85. <span style="font-size:1.8em;line-height:2em;font-weight:700;text-align:center;color:#fff;border-color:#ffff;">
  86. 服務項目
  87. </span>
  88. <span style="font-size:1em;line-height:1.5em;font-weight:300;text-align:center;color:#fff;border-color:#ffff;">
  89. 一‧本購物須知是購物網站使用約定條款之補充條款,當您購物網站之購物服務時,即表示您已閱讀、瞭解並同意接受本購物須知之所有內容。本購物須知得隨時修訂並公告於購物網站上,修訂後之內容自公告時起生效,若您不同意修訂後之內容,請您立即停止使用購物網站之購物服務。<br><br>
  90. 二‧若您未滿二十歲,應於您的家長(或監護人)閱讀、瞭解並接受同意本購物須知之所有內容及其後之變更後,始得使用或繼續使用 Nobby by TESCOM網站 提供之各項服務(以下簡稱「本服務」)。當您使用或繼續使用本服務時,即推定您的家長(或監護人)已閱讀、瞭解並同意接受本購物須知之所有內容及其後之修改變更。
  91. </span>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="col-md-5 col-sm-5 col-5">
  96. <div style="width:90%;margin:0px auto">
  97. <img src="img/shopping05.png" style="padding:2em">
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. <!--深色區塊-->
  104. <div class="col-md-4 col-sm-4 col-4 p-0" style="background-color:#00263B">
  105. <div class="section-heading center-holder">
  106. <div class="mt-120">
  107. <div class="row m-0">
  108. <div class="col-md-7 col-sm-7 col-7 p-0" style="padding-right:0px">
  109. <div class="section-heading left-holder">
  110. <div style="width:80%;margin:0px auto">
  111. <div class="row">
  112. <div class="col-md-6 col-sm-6 col-6" style="padding-right:0px">
  113. <img src="img/shopping01.png" style="width:30px">
  114. <span style="width:45%;font-size:1.6em;line-height:1.8em;font-weight:500;text-align:center;color:#fff;border-color:#ffff;vertical-align: middle">
  115. 店家1
  116. </span>
  117. </div>
  118. <div class="col-md-6 col-sm-6 col-6" style="padding-left:0px">
  119. <span style="font-size:1.1em; line-height:3em; font-weight:300; color:#fff; text-align: left; border-width: 1px; border-style: solid;height:1em; border-color:black; padding: 5px; text-align: center;border-color:#ffff;vertical-align: middle">
  120. 台北市中山區
  121. </span>
  122. </div>
  123. <div class="col-md-12 col-sm-12 col-12">
  124. <div class="white-line"></div>
  125. <span style="font-size:1.2em;line-height:2.2em;font-weight:500;text-align:left;color:#fff;border-color:#ffff;vertical-align: middle">
  126. 松江路67號3樓
  127. </span>
  128. </div>
  129. <div class="col-md-6 col-sm-6 col-6">
  130. <img src="img/shopping02.png" style="width:22px">
  131. <span style="font-size:1.2em;line-height:1.4rem;font-weight:500;text-align:center;color:#fff;border-color:#ffff;vertical-align: middle">
  132. 連絡電話
  133. </span>
  134. </div>
  135. <div class="col-md-12 col-sm-12 col-12">
  136. <span style="color:#fff;font-size:1.5rem;Letter-spacing:3px">02-2515-3819 </span>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. <div class="col-md-5 col-sm-5 col-5 p-0" style="padding-right:0px">
  143. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.552577439968!2d121.53097311519585!3d25.049253743833315!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a963dbce2eed%3A0x18b49f62de484bc8!2zMTA05Y-w5YyX5biC5Lit5bGx5Y2A5p2-5rGf6LevNjfomZ8!5e0!3m2!1szh-TW!2stw!4v1462258206240" width="200" height="150" frameborder="0" style="border:0" allowfullscreen=""></iframe>
  144. </div>
  145. <div class="col-md-12 col-sm-12 col-12">
  146. <div class="mt-30">
  147. <img src="img/shopping06.png">
  148. </div>
  149. </div>
  150. </div>
  151. <div class="row m-0">
  152. <div class="col-md-7 col-sm-7 col-7 p-0" style="padding-right:0px">
  153. <div class="section-heading left-holder">
  154. <div style="width:80%;margin:0px auto">
  155. <div class="row">
  156. <div class="col-md-6 col-sm-6 col-6" style="padding-right:0px">
  157. <img src="img/shopping01.png" style="width:30px">
  158. <span style="width:45%;font-size:1.6em;line-height:1.8em;font-weight:500;text-align:center;color:#fff;border-color:#ffff;vertical-align: middle">
  159. 店家2
  160. </span>
  161. </div>
  162. <div class="col-md-6 col-sm-6 col-6" style="padding-left:0px">
  163. <span style="font-size:1.1em; line-height:3em; font-weight:300; color:#fff; text-align: left; border-width: 1px; border-style: solid;height:1em; border-color:black; padding: 5px; text-align: center;border-color:#ffff;vertical-align: middle">
  164. 台北市中山區
  165. </span>
  166. </div>
  167. <div class="col-md-12 col-sm-12 col-12">
  168. <div class="white-line"></div>
  169. <span style="font-size:1.2em;line-height:2.2em;font-weight:500;text-align:left;color:#fff;border-color:#ffff;vertical-align: middle">
  170. 松江路67號3樓
  171. </span>
  172. </div>
  173. <div class="col-md-6 col-sm-6 col-6">
  174. <img src="img/shopping02.png" style="width:22px">
  175. <span style="font-size:1.2em;line-height:1.4rem;font-weight:500;text-align:center;color:#fff;border-color:#ffff;vertical-align: middle">
  176. 連絡電話
  177. </span>
  178. </div>
  179. <div class="col-md-12 col-sm-12 col-12">
  180. <span style="color:#fff;font-size:1.5rem;Letter-spacing:3px">02-2515-3819 </span>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="col-md-5 col-sm-5 col-5 p-0" style="padding-right:0px">
  187. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.552577439968!2d121.53097311519585!3d25.049253743833315!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a963dbce2eed%3A0x18b49f62de484bc8!2zMTA05Y-w5YyX5biC5Lit5bGx5Y2A5p2-5rGf6LevNjfomZ8!5e0!3m2!1szh-TW!2stw!4v1462258206240" width="200" height="150" frameborder="0" style="border:0" allowfullscreen=""></iframe>
  188. </div>
  189. <div class="col-md-12 col-sm-12 col-12">
  190. <div class="mt-30">
  191. <img src="img/shopping06.png">
  192. </div>
  193. </div>
  194. </div>
  195. <div class="row m-0">
  196. <div class="col-md-7 col-sm-7 col-7 p-0" style="padding-right:0px">
  197. <div class="section-heading left-holder">
  198. <div style="width:80%;margin:0px auto">
  199. <div class="row">
  200. <div class="col-md-6 col-sm-6 col-6" style="padding-right:0px">
  201. <img src="img/shopping01.png" style="width:30px">
  202. <span style="width:45%;font-size:1.6em;line-height:1.8em;font-weight:500;text-align:center;color:#fff;border-color:#ffff;vertical-align: middle">
  203. 店家3
  204. </span>
  205. </div>
  206. <div class="col-md-6 col-sm-6 col-6" style="padding-left:0px">
  207. <span style="font-size:1em;line-height:3em; font-weight:300;color:#fff; text-align: left; border-width: 1px; border-style: solid;height:1em; border-color:black; padding: 5px; text-align: center;border-color:#ffff;vertical-align: middle">
  208. 台北市中山區
  209. </span>
  210. </div>
  211. <div class="col-md-12 col-sm-12 col-12">
  212. <div class="white-line"></div>
  213. <span style="font-size:1.2em;line-height:2.2em;font-weight:500;text-align:left;color:#fff;border-color:#ffff;vertical-align: middle">
  214. 松江路67號3樓
  215. </span>
  216. </div>
  217. <div class="col-md-6 col-sm-6 col-6">
  218. <img src="img/shopping02.png" style="width:22px">
  219. <span style="font-size:1.2em;line-height:1.4rem;font-weight:500;text-align:center;color:#fff;border-color:#ffff;vertical-align: middle">
  220. 連絡電話
  221. </span>
  222. </div>
  223. <div class="col-md-12 col-sm-12 col-12">
  224. <span style="color:#fff;font-size:1.5rem;">02-2515-3819</span>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. </div>
  230. <div class="col-md-5 col-sm-5 col-5 p-0" style="padding-right:0px">
  231. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.552577439968!2d121.53097311519585!3d25.049253743833315!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a963dbce2eed%3A0x18b49f62de484bc8!2zMTA05Y-w5YyX5biC5Lit5bGx5Y2A5p2-5rGf6LevNjfomZ8!5e0!3m2!1szh-TW!2stw!4v1462258206240" width="200" height="150" frameborder="0" style="border:0" allowfullscreen=""></iframe>
  232. </div>
  233. <div class="mt-30">
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </body>
  243. </html>