180 lines
7.5 KiB
HTML
180 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>piko</title>
|
|
<link rel="shortcut icon" href="./images/logo.png" type="image/x-icon">
|
|
<link rel="stylesheet" href="../common/css/reset.css">
|
|
<link rel="stylesheet" href="./css/animate.css">
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- pc端 -->
|
|
<div class="pc">
|
|
<!-- 頭部 -->
|
|
<div class="header">
|
|
<img src="./images/logo.png" alt="" class="logo">
|
|
<div class="name">PIKO</div>
|
|
<div class="index">
|
|
首頁
|
|
<span></span>
|
|
</div>
|
|
<div class="diamound">
|
|
<img src="./images/diamond.png" alt=""> 儲值
|
|
</div>
|
|
</div>
|
|
<!-- 市場圖 -->
|
|
<img src="./images/pcMarket1.png" alt="" class="pcMarket1">
|
|
<!-- 頁面文案 -->
|
|
<img src="./images/pcText.png" alt="" class="pcText">
|
|
<!-- 蘋果下載 -->
|
|
<img src="./images/pcIos.png" alt="" class="pcIos">
|
|
<!-- 安卓下載 -->
|
|
<img src="./images/pcAnd.png" alt="" class="pcAnd">
|
|
<!-- 二維碼 -->
|
|
<img src="./images/pcCode.png" alt="" class="code">
|
|
<!-- 底部 -->
|
|
<div class="bottom">
|
|
<p>Hongkong Han Fei Technology Co.,Limited</p>
|
|
<p>CR No:3040005 Address: BLDG. 19-21 HING YIP STREET KWUN TONG.KLN</p>
|
|
</div>
|
|
</div>
|
|
<!-- h5端 -->
|
|
<div class="h5">
|
|
<!-- 頭部 -->
|
|
<div class="header">
|
|
<!-- logo -->
|
|
<img src="./images/logo.png" alt="" class="logo">
|
|
<!-- app -->
|
|
<div class="name">PIKO</div>
|
|
<!-- 更多 -->
|
|
<img src="./images/more.png" alt="" class="more">
|
|
<!-- 儲值 -->
|
|
<div class="diamound">
|
|
<img src="./images/diamond.png" alt=""> 儲值
|
|
</div>
|
|
<!-- 線 -->
|
|
<div class="line"></div>
|
|
</div>
|
|
<div class="pagesBox">
|
|
<!-- 頁面1 -->
|
|
<div class="pages page1 animate__animated">
|
|
<img src="./images/pageTxte1.png" alt="" class="pageTxte1 animate__animated animate__slow__3s">
|
|
<!-- <img src="./images/h5And.png" alt="" class="h5And animate__animated animate__slow__1.8s"> -->
|
|
<img style="display: none;" src="" alt="" class="downioad animate__animated animate__slow__1.8s">
|
|
<img src="./images/down.png" alt="" class="down">
|
|
</div>
|
|
|
|
<!-- 頁面2 -->
|
|
<div class="pages page2">
|
|
<img src="./images/pageText2.png" alt="" class="pageText2 animate__animated ">
|
|
<img src="./images/page2.png" alt="" class="page2_in">
|
|
<img src="./images/pagetx1.png" alt="" class="pagetx1 animate__animated ">
|
|
<img src="./images/pagetx2.png" alt="" class="pagetx2 animate__animated ">
|
|
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
|
<img src="./images/down.png" alt="" class="down">
|
|
</div>
|
|
|
|
<!-- 頁面3 -->
|
|
<div class="pages page3">
|
|
<img src="./images/pageText3.png" alt="" class="pageText3 animate__animated">
|
|
<img src="./images/page3.png" alt="" class="page3_in">
|
|
<img src="./images/page3Icon1.png" alt="" class="page3Icon1 animate__animated animate__delay-2s">
|
|
<img src="./images/page3Icon2.png" alt="" class="page3Icon2 animate__animated animate__delay-1s">
|
|
<img src="./images/page3Icon3.png" alt="" class="page3Icon3 animate__animated animate__delay-4s">
|
|
<img src="./images/page3Icon4.png" alt="" class="page3Icon4 animate__animated animate__delay-3s">
|
|
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
|
<img src="./images/down.png" alt="" class="down">
|
|
</div>
|
|
|
|
<!-- 頁面4 -->
|
|
<div class="pages page4">
|
|
<img src="./images/pageText4.png" alt="" class="pageText4 animate__animated">
|
|
<img src="./images/page4.png" alt="" class="page4_in">
|
|
<img src="./images/page4Icon2.png" alt="" class="page4Icon2 animate__animated">
|
|
<img src="./images/page4Icon1.png" alt="" class="page4Icon1 animate__animated">
|
|
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
|
<img src="./images/down.png" alt="" class="down">
|
|
</div>
|
|
|
|
<!-- 頁面5 -->
|
|
<div class="pages page5">
|
|
<img src="./images/pageTxte5.png" alt="" class="pageTxte5 animate__animated">
|
|
<img src="./images/contactUs.png" alt="" class="contactUs animate__animated">
|
|
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
|
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
|
<div class="bootom">
|
|
<p>Hongkong Han Fei Technology Co.,Limited</p>
|
|
<p>CR No:3040005</p>
|
|
<p>Address: BLDG. 19-21 HING YIP STREET KWUN TONG.KLN</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 菜單 -->
|
|
<div class="menu">
|
|
<!-- 頭部 -->
|
|
<div class="top">
|
|
<!-- logo -->
|
|
<img src="./images/logo.png" alt="" class="logo">
|
|
<!-- app -->
|
|
<div class="name">PIKO</div>
|
|
<!-- 更多 -->
|
|
<img src="./images/close.png" alt="" class="close">
|
|
<!-- 儲值 -->
|
|
<div class="diamound">
|
|
<img src="./images/diamond.png" alt=""> 儲值
|
|
</div>
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<span>首頁</span>
|
|
<img src="./images/rightIcon.png" alt="">
|
|
</li>
|
|
<li>
|
|
<span>錢包</span>
|
|
<img src="./images/rightIcon.png" alt="">
|
|
</li>
|
|
<li>
|
|
<span>聯繫我們</span>
|
|
<img src="./images/rightIcon.png" alt="">
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 聯繫我們彈窗 -->
|
|
<div class="contactUs_pub">
|
|
<div class="contactUs_pub_in">
|
|
<img src="./images/sClose.png" alt="" class="sClose">
|
|
<div class="title">聯繫我們</div>
|
|
<ul>
|
|
<li class="li1">
|
|
<img src="./images/wx.png" alt="">
|
|
<span><b>Wehchat:</b> sd245376</span>
|
|
</li>
|
|
<li class="li2">
|
|
<img src="./images/line.png" alt="">
|
|
<span><b>Line:</b> pekoyuyin</span>
|
|
</li>
|
|
<li class="li3">
|
|
<img src="./images/email.png" alt="">
|
|
<span><b>Email:</b> zzxx@gmail.co</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../common/js/flexible.js"></script>
|
|
<script src="./js/jquery.min.js"></script>
|
|
<script src="./js/common.js"></script>
|
|
<script src="../common/js/layer.js"></script>
|
|
<script src="../common/js/vconsole.min.js"></script>
|
|
<script src="./js/index.js"></script>
|
|
</body>
|
|
|
|
</html> |