Kezdőlap Felfedezés Súgó
Bejelentkezés
auyen
/
pbootcms
6
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Branch: master
Branch-ok Tag-ek
pbootcms
/
template
/
es
/
html
/
index.html

index.html 20 KB
Állandó hivatkozás Előzmények Nyers

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. 

  4. <head>
    5. 

  5. 		<meta charset="utf-8">
    6. 

  6. 		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    7. 

  7. 		<meta name="keywords" content="{pboot:pagekeywords}">
    8. 

  8. 		<meta name="description" content="{pboot:pagedescription}">
    9. 

  9. 		<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/lib.css">
    10. 

  10. 		<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/style.css">
    11. 

  11. 		<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/1362.css">
    12. 

  12. 		<script type="text/javascript" src="{pboot:sitetplpath}/statics/js/jquery-1.11.3.min.js"></script>
    13. 

  13. 		<script type="text/javascript" src="{pboot:sitetplpath}/statics/js/org1480746227.js" data-main="indexMain"></script>
    14. 

  14. 		<title>{pboot:pagetitle}</title>
    15. 

  15. 	</head>
    16. 

  16. 

  17. 	<body>
    18. 

  18. 		<div id="top">
    19. 

  19. 			<div class="con">
    20. 

  20. 				<div class="left">
    21. 

  21. 					<div class="tel">
    22. 

  22. 						<img src="{pboot:sitetplpath}/statics/images/toptel.png" alt="">
    23. 

  23. 						<div>{pboot:companymobile}</div>
    24. 

  24. 					</div>
    25. 

  25. 					<div class="email">
    26. 

  26. 						<img src="{pboot:sitetplpath}/statics/images/topemail.png" alt="">
    27. 

  27. 						<div>{pboot:companyemail}</div>
    28. 

  28. 					</div>
    29. 

  29. 				</div>
    30. 

  30. 				<div class="right">
    31. 

  31. 					<div class="select-con">
    32. 

  32. 						<div class="selected" id="langSlected">
    33. 

  33. 							<img src="{pboot:sitetplpath}/statics/images/english-lang.png" alt="">
    34. 

  34. 							<a class="value" href="{pboot:lgpath}&lg=en">ENGLISH</a>
    35. 

  35. 							<i class="fa fa-angle-down"></i>
    36. 

  36. 							<div class="dataList">
    37. 

  37. 								<div class="option">
    38. 

  38. 									<img src="{pboot:sitetplpath}/statics/images/english-lang.png" alt="">
    39. 

  39. 									<a class="value" href="{pboot:lgpath}&lg=es">xibanya</a>
    40. 

  40. 								</div>
    41. 

  41. 								<div class="option">
    42. 

  42. 									<img src="{pboot:sitetplpath}/statics/images/english-lang.png" alt="">
    43. 

  43. 									<a class="value" href="{pboot:lgpath}&lg=en">ENGLISH</a>
    44. 

  44. 								</div>
    45. 

  45. 							</div>
    46. 

  46. 						</div>
    47. 

  47. 					</div>
    48. 

  48. 				</div>
    49. 

  49. 			</div>
    50. 

  50. 		</div>
    51. 

  51. 		<div id="fixedRight">
    52. 

  52. 			<div class="fixed-item">
    53. 

  53. 				<img src="{pboot:sitetplpath}/statics/images/messageRight.png" alt="">
    54. 

  54. 				<div class="val">MESSAGE</div>
    55. 

  55. 			</div>
    56. 

  56. 			<div class="fixed-item">
    57. 

  57. 				<img src="{pboot:sitetplpath}/statics/images/emailRight.png" alt="">
    58. 

  58. 				<div class="val">E-MAIL</div>
    59. 

  59. 			</div>
    60. 

  60. 			<div class="fixed-item">
    61. 

  61. 				<img src="{pboot:sitetplpath}/statics/images/rightTel.png" alt="">
    62. 

  62. 				<div class="val">PHONE</div>
    63. 

  63. 			</div>
    64. 

  64. 		</div>
    65. 

  65. 		<div id="header" class="index_nav">
    66. 

  66. 			<div class="content">
    67. 

  67. 				<a href="index.html" id="logo"><img src="{pboot:sitetplpath}/statics/images/logo.png" height="40" /></a>
    68. 

  68. 				<ul id="nav">
    69. 

  69. 					<li class="navitem">
    70. 

  70. 						<a class="nav-a  active " href="index.html" target="_self"><span data-title="HOME">HOME</span></a>
    71. 

  71. 					</li>
    72. 

  72. 					<li class="navitem">
    73. 

  73. 						<a class="nav-a " href="product.html" target="_self"><span data-title="Product">Product</span></a>
    74. 

  74. 					</li>
    75. 

  75. 					<li class="navitem">
    76. 

  76. 						<a class="nav-a " href="about.html" target=""><span data-title="About Us">About Us</span><i class="fa fa-angle-down"></i></a>
    77. 

  77. 						<ul class="subnav">
    78. 

  78. 							<li>
    79. 

  79. 								<a href="about.html" target="_self"><span data-title="About Us">About Us</span><i class="fa fa-angle-right"></i></a>
    80. 

  80. 							</li>
    81. 

  81. 						</ul>
    82. 

  82. 					</li>
    83. 

  83. 					<li class="navitem">
    84. 

  84. 						<a class="nav-a " href="services.html" target="_self"><span data-title="News">News</span></a>
    85. 

  85. 					</li>
    86. 

  86. 					<li class="navitem">
    87. 

  87. 						<a class="nav-a " href="team.html" target="_self"><span data-title="Application">Application</span></a>
    88. 

  88. 					</li>
    89. 

  89. 					<li class="navitem">
    90. 

  90. 						<a class="nav-a " href="contact.html" target="_self"><span data-title="Contact Us">Contact Us</span></a>
    91. 

  91. 					</li>
    92. 

  92. 				</ul>
    93. 

  93. 				<div class="clear"></div>
    94. 

  94. 			</div>
    95. 

  95. 			<a id="headSHBtn" href="javascript:;"><i class="fa fa-bars"></i></a>
    96. 

  96. 		</div>
    97. 

  97. 

  98. 

  99. 		<div id="sitecontent">
    100. 

  100. 			<div id="indexPage">
    101. 

  101. 				<div id="mslider" class="module">
    102. 

  102. 					<script type="text/javascript">
    103. 

  103. 						$(function() {
    104. 

  104. 							$("#mslider li video").each(function(index, element) {
    105. 

  105. 								element.play();
    106. 

  106. 							});
    107. 

  107. 						})
    108. 

  108. 					</script>
    109. 

  109. 					<ul class="slider" data-options-height="875" data-options-auto="0" data-options-mode="0" data-options-pause="4" data-options-ease="ease-out">
    110. 

  110. 

  111. 						<!--banner-->
    112. 

  112. 						{pboot:slide gid=2 num=6}
    113. 

  113. 						<li style="background-image:url([slide:src])" class="active">
    114. 

  114. 							<div id="tempImage_[list:n]"></div><img style="display:none" src="[slide:src]" alt="[slide:title]" />
    115. 

  115. 							<div class="mask"></div>
    116. 

  116. 							<a target="_blank">
    117. 

  117. 								<div>
    118. 

  118. 									<p class="title ellipsis"></p>
    119. 

  119. 								</div>
    120. 

  120. 								<div class="sliderArrow fa fa-angle-down"></div>
    121. 

  121. 							</a>
    122. 

  122. 						</li>
    123. 

  123. 						{/pboot:slide}
    124. 

  124. 

  125. 

  126. 					</ul>
    127. 

  127. 				</div>
    128. 

  128. 				<div id="mindex" data-options-ease="Expo.easeInOut" data-options-speed="1" data-options-sscreen="0"></div>
    129. 

  129. 				<div id="madvantage" class="module">
    130. 

  130. 					<div class="bgmask"></div>
    131. 

  131. 					<div class="content layoutnone">
    132. 

  132. 						<div class="header wow">
    133. 

  133. 							<p class="title">OUR ADVANTAGE</p>
    134. 

  134. 							<p class="subtitle"></p>
    135. 

  135. 						</div>
    136. 

  136. 						<div class="module-content" id="advantagelist">
    137. 

  137. 							<div class="advantageitem">
    138. 

  138. 								<img class="icon" src={pboot:sitetplpath}/statics/images/employees.png" alt="">
    139. 

  139. 								<div class="num">1700<div class="plus">+</div></div>
    140. 

  140. 								<div class="info">EMPLOYEES</div>
    141. 

  141. 							</div>
    142. 

  142. 							<div class="advantageitem">
    143. 

  143. 								<img class="icon" src={pboot:sitetplpath}/statics/images/patent.png" alt="">
    144. 

  144. 								<div class="num">157</div>
    145. 

  145. 								<div class="info">ITEMS PATENT</div>
    146. 

  146. 							</div>
    147. 

  147. 							<div class="advantageitem">
    148. 

  148. 								<img class="icon" src={pboot:sitetplpath}/statics/images/certifications.png" alt="">
    149. 

  149. 								<div class="num">72</div>
    150. 

  150. 								<div class="info">CERTIFICATIONS</div>
    151. 

  151. 							</div>
    152. 

  152. 						</div>
    153. 

  153. 					</div>
    154. 

  154. 				</div>
    155. 

  155. 				<div id="mproject" class="module">
    156. 

  156. 					<div class="bgmask"></div>
    157. 

  157. 					<div class="content layoutnone">
    158. 

  158. 						<div class="header wow">
    159. 

  159. 							<p class="title">PRODUCT</p>
    160. 

  160. 							<p class="subtitle"></p>
    161. 

  161. 						</div>
    162. 

  162. 						<div id="category" class="hide wow">
    163. 

  163. 							<a href="#">Cryogenic Equipment</a>
    164. 

  164. 							<a href="#">High Pressure Equipment</a>
    165. 

  165. 							<a href="#">Integrated Equipment</a>
    166. 

  166. 						</div>
    167. 

  167. 						<!--yyLayout masonry-->
    168. 

  168. 						<div class="module-content" id="projectlist">
    169. 

  169. 							<div class="projectSubList" id="projectSubList_">
    170. 

  170. 								<div class="projectSubHeader">
    171. 

  171. 									<p class="title"></p>
    172. 

  172. 									<p class="subtitle"></p>
    173. 

  173. 								</div>
    174. 

  174. 								<div class="wrapper">
    175. 

  175. 									<ul class="content_list" data-options-sliders="3" data-options-margin="15" data-options-ease="1" data-options-speed="1">
    176. 

  176. 										<li id="projectitem_0" class="projectitem wow">
    177. 

  177. 											<a href="#" class="projectitem_content" target="_blank">
    178. 

  178. 												<div class="projectitem_wrapper">
    179. 

  179. 													<div class="project_img"><img src="{pboot:sitetplpath}/statics/images/product1.png" alt="CRYOGENIC LNG CYLINDER" width="380" height="173" /></div>
    180. 

  180. 													<div class="project_info">
    181. 

  181. 														<div>
    182. 

  182. 															<p class="title">CRYOGENIC LNG CYLINDER</p>
    183. 

  183. 															<p class="description hide">Cyogenic LNG cylinders need short filling time, large-caliber product design, short filling time, no need to wait for a long time any more.</p>
    184. 

  184. 														</div>
    185. 

  185. 													</div>
    186. 

  186. 												</div>
    187. 

  187. 											</a>
    188. 

  188. 										</li>
    189. 

  189. 										<li id="projectitem_1" class="projectitem wow">
    190. 

  190. 											<a href="#" class="projectitem_content" target="_blank">
    191. 

  191. 												<div class="projectitem_wrapper">
    192. 

  192. 													<div class="project_img"><img src="{pboot:sitetplpath}/statics/images/product2.png" alt="VEHICLE CNG CYLINDER" width="380" height="173" /></div>
    193. 

  193. 													<div class="project_info">
    194. 

  194. 														<div>
    195. 

  195. 															<p class="title">VEHICLE CNG CYLINDER</p>
    196. 

  196. 															<p class="description hide">Vehicle CNG cylinder made in auyan has Long life, excellent anti-fatigue performance, the fatigue life can reach more than 45,000 times.</p>
    197. 

  197. 														</div>
    198. 

  198. 													</div>
    199. 

  199. 												</div>
    200. 

  200. 											</a>
    201. 

  201. 										</li>
    202. 

  202. 										<li id="projectitem_2" class="projectitem wow">
    203. 

  203. 											<a href="#" class="projectitem_content" target="_blank">
    204. 

  204. 												<div class="projectitem_wrapper">
    205. 

  205. 													<div class="project_img"><img src="{pboot:sitetplpath}/statics/images/product3.png" alt="HYDROGEN CYLINDER" width="380" height="173" /></div>
    206. 

  206. 													<div class="project_info">
    207. 

  207. 														<div>
    208. 

  208. 															<p class="title">HYDROGEN CYLINDER</p>
    209. 

  209. 															<p class="description hide">Good thermal insulation performance: high vacuum insulation technology is adopted, the static evaporation rate is low, and the non-destructive</p>
    210. 

  210. 														</div>
    211. 

  211. 													</div>
    212. 

  212. 												</div>
    213. 

  213. 											</a>
    214. 

  214. 										</li>
    215. 

  215. 										<li id="projectitem_3" class="projectitem wow">
    216. 

  216. 											<a href="#" class="projectitem_content" target="_blank">
    217. 

  217. 												<div class="projectitem_wrapper">
    218. 

  218. 													<div class="project_img"><img src="{pboot:sitetplpath}/statics/images/product4.png" alt="HYDROGEN SUPPLY SYSTEM" width="380" height="173" /></div>
    219. 

  219. 													<div class="project_info">
    220. 

  220. 														<div>
    221. 

  221. 															<p class="title">HYDROGEN SUPPLY SYSTEM</p>
    222. 

  222. 															<p class="description hide">The Auyan hydrogen system adopts a lightweight and modular design, and is mainly composed of a hydrogen storage system, a hydrogen</p>
    223. 

  223. 														</div>
    224. 

  224. 													</div>
    225. 

  225. 												</div>
    226. 

  226. 											</a>
    227. 

  227. 										</li>
    228. 

  228. 										<li id="projectitem_4" class="projectitem wow">
    229. 

  229. 											<a href="#" class="projectitem_content" target="_blank">
    230. 

  230. 												<div class="projectitem_wrapper">
    231. 

  231. 													<div class="project_img"><img src="{pboot:sitetplpath}/statics/images/product5.png" alt="GAS SUPPLY SYSTEM" width="380" height="173" /></div>
    232. 

  232. 													<div class="project_info">
    233. 

  233. 														<div>
    234. 

  234. 															<p class="title">GAS SUPPLY SYSTEM</p>
    235. 

  235. 															<p class="description hide">LNG vehicle-mounted intelligent gas supply system is widely used in medium and heavy-duty trucks, bus passenger vehicles and construction</p>
    236. 

  236. 														</div>
    237. 

  237. 													</div>
    238. 

  238. 												</div>
    239. 

  239. 											</a>
    240. 

  240. 										</li>
    241. 

  241. 										<li id="projectitem_5" class="projectitem wow">
    242. 

  242. 											<a href="#" class="projectitem_content" target="_blank">
    243. 

  243. 												<div class="projectitem_wrapper">
    244. 

  244. 													<div class="project_img"><img src="{pboot:sitetplpath}/statics/images/product6.png" alt="GAS STATION" width="380" height="173" /></div>
    245. 

  245. 													<div class="project_info">
    246. 

  246. 														<div>
    247. 

  247. 															<p class="title">GAS STATION</p>
    248. 

  248. 															<p class="description hide">With more than ten years of experience in the design, production and manufacture of compressed gas products, the quality management system</p>
    249. 

  249. 														</div>
    250. 

  250. 													</div>
    251. 

  251. 												</div>
    252. 

  252. 											</a>
    253. 

  253. 										</li>
    254. 

  254. 									</ul>
    255. 

  255. 								</div>
    256. 

  256. 								<!--wrapper-->
    257. 

  257. 							</div>
    258. 

  258. 							<!--projectSubList-->
    259. 

  259. 							<a href="#project/" class="more wow">Learn More<i class="fa fa-angle-right"></i></a>
    260. 

  260. 						</div>
    261. 

  261. 						<!--projectlist-->
    262. 

  262. 						<div class="clear"></div>
    263. 

  263. 					</div>
    264. 

  264. 				</div>
    265. 

  265. 				<!--project-->
    266. 

  266. 				<div id="mpage" class="module bgShow" style="background-image:url({pboot:sitetplpath}/statics/images/aboutusbg.png);background-size: 100% 100%;">
    267. 

  267. 					<div class="bgmask"></div>
    268. 

  268. 					<div class="content">
    269. 

  269. 						<div class="module-content">
    270. 

  270. 							<div class="header wow">
    271. 

  271. 								<p class="title">ABOUT US</p>
    272. 

  272. 								<p class="subtitle"></p>
    273. 

  273. 							</div>
    274. 

  274. 							<div class="aboutcontent">
    275. 

  275. 								<p class="info">Established in June 2011, located in Weifang City, Shandong Province, Shandong AUYAN New Energy Technology Co., Ltd. is an innovative enterprise specialized in manufacturing cryogenic equipment and providing technical service.</p>
    276. 

  276. 								<p class="info">AUYAN is one of the leaders in the Chinese new energy industry. The main products are industrial welded insulated cylinders, hydrogen cylinders, vehicles, intelligent LNG cylinders, LNG supplying systems, filling stations, and gas stations.</p>
    277. 

  277. 								<p class="info">Abides by the core values of "Respect, Unity, Integrity, Innovation" and takes "building the company to be a happiness platform with all staff, to create, share and realize the ideal of life, And contributing to social development and human progress'' for the mission, AUYAN continues breaking through and innovating, insists on sustainable development, determines to become the leader in global new energy revolutionary.</p>
    278. 

  278. 							</div>
    279. 

  279. 						</div>
    280. 

  280. 						<a href="#project/" class="more wow">Learn More<i class="fa fa-angle-right"></i></a>
    281. 

  281. 					</div>
    282. 

  282. 				</div>
    283. 

  283. 				<div id="mnews" class="module">
    284. 

  284. 					<div class="bgmask"></div>
    285. 

  285. 					<div class="content layoutnone">
    286. 

  286. 						<div class="header wow">
    287. 

  287. 							<p class="title">NEWS</p>
    288. 

  288. 							<p class="subtitle"></p>
    289. 

  289. 						</div>
    290. 

  290. 						<div class="module-content" id="newslist">
    291. 

  291. 							<div class="wrapper">
    292. 

  292. 								<ul class="content_list" data-options-sliders="3" data-options-margin="40" data-options-ease="1" data-options-speed="0.5" data-options-mode="horizontal" data-options-wheel="0">
    293. 

  293. 									<li id="newsitem_0" class="wow newstitem left">
    294. 

  294. 										<a class="newscontent" target="_blank" href="#">
    295. 

  295. 											<div class="news_wrapper">
    296. 

  296. 												<div class="newsbody">
    297. 

  297. 													<p class="title">How to choose an LNG cylinder?</p>
    298. 

  298. 													<div class="separator"></div>
    299. 

  299. 													<p class="description">In the era of clean transportation energy, more and more users have chosen the effect of converting natural gas into combustible CNG ...</p>
    300. 

  300. 												</div>
    301. 

  301. 											</div>
    302. 

  302. 											<div class="newsimg" style="background-image:url({pboot:sitetplpath}/statics/images/news1.png)"></div>
    303. 

  303. 										</a>
    304. 

  304. 										<a href="#" target="_blank" class="details">more<i class="fa fa-angle-right"></i></a>
    305. 

  305. 									</li>
    306. 

  306. 									<li id="newsitem_1" class="wow newstitem right">
    307. 

  307. 										<a class="newscontent" target="_blank" href="#">
    308. 

  308. 											<div class="news_wrapper">
    309. 

  309. 												<div class="newsbody">
    310. 

  310. 													<p class="title">LNG vehicle-mounted gas cylinder struc</p>
    311. 

  311. 													<div class="separator"></div>
    312. 

  312. 													<p class="description">The lng vehicle-mounted gas cylinder is fully assembled and can be divided into 7 main parts: inner container, outer shell, insulation</p>
    313. 

  313. 												</div>
    314. 

  314. 											</div>
    315. 

  315. 											<div class="newsimg" style="background-image:url({pboot:sitetplpath}/statics/images/news1.png)"></div>
    316. 

  316. 										</a>
    317. 

  317. 										<a href="#" target="_blank" class="details">more<i class="fa fa-angle-right"></i></a>
    318. 

  318. 									</li>
    319. 

  319. 									<li id="newsitem_2" class="wow newstitem left">
    320. 

  320. 										<a class="newscontent" target="_blank" href="#news/post/8621/">
    321. 

  321. 											<div class="news_wrapper">
    322. 

  322. 												<div class="newsbody">
    323. 

  323. 													<p class="title">How to choose an LNG cylinder?</p>
    324. 

  324. 													<div class="separator"></div>
    325. 

  325. 													<p class="description">In the era of clean transportation energy, more and more users have chosen the effect of converting natural gas into combustible CNG ...</p>
    326. 

  326. 												</div>
    327. 

  327. 											</div>
    328. 

  328. 											<div class="newsimg" style="background-image:url({pboot:sitetplpath}/statics/images/news1.png)"></div>
    329. 

  329. 										</a>
    330. 

  330. 										<a href="#news/post/8621/" target="_blank" class="details">more<i class="fa fa-angle-right"></i></a>
    331. 

  331. 									</li>
    332. 

  332. 									<li id="newsitem_3" class="wow newstitem right">
    333. 

  333. 										<a class="newscontent" target="_blank" href="#news/post/8620/">
    334. 

  334. 											<div class="news_wrapper">
    335. 

  335. 												<div class="newsbody">
    336. 

  336. 													<p class="title">LNG vehicle-mounted gas cylinder struc</p>
    337. 

  337. 													<div class="separator"></div>
    338. 

  338. 													<p class="description">The lng vehicle-mounted gas cylinder is fully assembled and can be divided into 7 main parts: inner container, outer shell, insulation </p>
    339. 

  339. 												</div>
    340. 

  340. 											</div>
    341. 

  341. 											<div class="newsimg" style="background-image:url({pboot:sitetplpath}/statics/images/news1.png)"></div>
    342. 

  342. 										</a>
    343. 

  343. 										<a href="#news/post/8620/" target="_blank" class="details">more<i class="fa fa-angle-right"></i></a>
    344. 

  344. 									</li>
    345. 

  345. 								</ul>
    346. 

  346. 							</div>
    347. 

  347. 						</div>
    348. 

  348. 						<div class="clear"></div>
    349. 

  349. 						<a href="#project/" class="more wow">Learn More<i class="fa fa-angle-right"></i></a>
    350. 

  350. 						<div style="height:0">&nbsp;</div>
    351. 

  351. 					</div>
    352. 

  352. 				</div>
    353. 

  353. 				<div id="mcontact" class="module">
    354. 

  354. 					<div class="content">
    355. 

  355. 						<div id="contactform" class="fr wow" data-wow-delay=".2s">
    356. 

  356. 							<div class="firm-info">
    357. 

  357. 								<div class="bottom-logo">
    358. 

  358. 									<img src="{pboot:sitetplpath}/statics/images/bottomlogo.png" alt="">
    359. 

  359. 								</div>
    360. 

  360. 								<div class="info email">{pboot:companyemail}</div>
    361. 

  361. 								<div class="info tel">Telephone: {pboot:companymobile}</div>
    362. 

  362. 								<div class="info address">{pboot:companyaddress}</div>
    363. 

  363. 								<div class="link">
    364. 

  364. 									<div class="icon-item">
    365. 

  365. 										<img src="{pboot:sitetplpath}/statics/images/link/facebook.png" alt="">
    366. 

  366. 									</div>
    367. 

  367. 									<div class="icon-item">
    368. 

  368. 										<img src="{pboot:sitetplpath}/statics/images/link/twitter.png" alt="">
    369. 

  369. 									</div>
    370. 

  370. 									<div class="icon-item">
    371. 

  371. 										<img src="{pboot:sitetplpath}/statics/images/link/linkedin.png" alt="">
    372. 

  372. 									</div>
    373. 

  373. 									<div class="icon-item">
    374. 

  374. 										<img src="{pboot:sitetplpath}/statics/images/link/instagram-fill.png" alt="">
    375. 

  375. 									</div>
    376. 

  376. 									<div class="icon-item">
    377. 

  377. 										<img src="{pboot:sitetplpath}/statics/images/link/Youtube-fill.png" alt="">
    378. 

  378. 									</div>
    379. 

  379. 									<div class="icon-item">
    380. 

  380. 										<img src="{pboot:sitetplpath}/statics/images/link/blogger.png" alt="">
    381. 

  381. 									</div>
    382. 

  382. 									<div class="icon-item">
    383. 

  383. 										<img src="{pboot:sitetplpath}/statics/images/link/icon-pinterest.png" alt="">
    384. 

  384. 									</div>
    385. 

  385. 								</div>
    386. 

  386. 							</div>
    387. 

  387. 							<div class="nav">
    388. 

  388. 								<div class="navtitle">Navigation</div>
    389. 

  389. 								<div class="navcon">
    390. 

  390. 									<div class="navitem">
    391. 

  391. 										<a href="">Home</a>
    392. 

  392. 									</div>
    393. 

  393. 									<div class="navitem">
    394. 

  394. 										<a href="">Product</a>
    395. 

  395. 									</div>
    396. 

  396. 									<div class="navitem">
    397. 

  397. 										<a href="">About us</a>
    398. 

  398. 									</div>
    399. 

  399. 									<div class="navitem">
    400. 

  400. 										<a href="">News</a>
    401. 

  401. 									</div>
    402. 

  402. 									<div class="navitem">
    403. 

  403. 										<a href="">Application</a>
    404. 

  404. 									</div>
    405. 

  405. 									<div class="navitem">
    406. 

  406. 										<a href="">Contact us</a>
    407. 

  407. 									</div>
    408. 

  408. 								</div>
    409. 

  409. 							</div>
    410. 

  410. 							<div class="products">
    411. 

  411. 								<div class="productstitle">Products Item</div>
    412. 

  412. 								<div class="productscon">
    413. 

  413. 									<div class="productsitem">
    414. 

  414. 										<a href="">Cryogenlc LNG Cyllnder</a>
    415. 

  415. 									</div>
    416. 

  416. 									<div class="productsitem">
    417. 

  417. 										<a href="">Vehlcle CNG Cyllnder</a>
    418. 

  418. 									</div>
    419. 

  419. 									<div class="productsitem">
    420. 

  420. 										<a href="">Hydrogen Cyllnder</a>
    421. 

  421. 									</div>
    422. 

  422. 									<div class="productsitem">
    423. 

  423. 										<a href="">Hydrogen Supply System</a>
    424. 

  424. 									</div>
    425. 

  425. 									<div class="productsitem">
    426. 

  426. 										<a href="">Gas Supply System</a>
    427. 

  427. 									</div>
    428. 

  428. 									<div class="productsitem">
    429. 

  429. 										<a href="">Gas Station</a>
    430. 

  430. 									</div>
    431. 

  431. 								</div>
    432. 

  432. 							</div>
    433. 

  433. 							<div class="message">
    434. 

  434. 								<div class="messagetitle">Inquiry Message</div>
    435. 

  435. 								<div class="messagecon">
    436. 

  436. 									<form action="#" method="post">
    437. 

  437. 										<input type="text" class="inputtxt email" name="email" placeholder="Enter your e-mail" autocomplete="off" />
    438. 

  438. 										<textarea class="texttxt cont" name="message" placeholder="Enter your message" autocomplete="off"></textarea>
    439. 

  439. 										<input class="inputsubmit" type="submit" value="Send" />
    440. 

  440. 									</form>
    441. 

  441. 								</div>
    442. 

  442. 							</div>
    443. 

  443. 						</div>
    444. 

  444. 				</div>
    445. 

  445. 			</div>
    446. 

  446. 		</div>
    447. 

  447. 

  448. 	</body>
    449. 

  449. 

  450. 	<script type="text/javascript" src="{pboot:sitetplpath}/statics/js/self.js" data-main="indexMain"></script>
    451. 

  451. 

  452. </html>
    453.