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.

318 lines
18 KiB

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