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