自适应个人收款页HTML源码

警告:本资源只限于个人学习/研究,请下载24小时内销毁,如侵犯到您的权益,请联系我们。

适合站长,或者个人经常要收款的。

图片[1]-自适应个人收款页HTML源码
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Content-Language" content="zh-CN">
    <title>5438下载站收款页</title>
    <style>
        html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-weight:normal;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}body{font-size:14px;font-family:"Microsoft YaHei",Verdana,sans-serif;line-height:1.5;word-wrap:break-word;word-break:break-all;}a{color:#333;transition:all .35s ease 0s;text-decoration:none;}a:hover{color:#d00;text-decoration:none;outline:0;}a:focus{outline:none;}img{max-width:100%;height:auto;width:auto;border:0;vertical-align:middle;line-height:1;}input,textarea,button,form,select{margin:0;padding:0;border:0;font-size:14px;font-family:"Microsoft YaHei",Verdana,sans-serif;background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}ol,ul,li{list-style:none;}.esw-wide{padding-left:3vw;padding-right:3vw;}.esw-flex-hc{display:flex;align-items:center;}.esw-flex-sh{flex:none;}.esw-flex-gr{flex:auto;}.header{background-color:#f1f1f1;padding:26px 0;margin-bottom:20px;}.logo{font-size:18px;}.logo img{height:50px;width:auto;padding-right:20px;margin-right:20px;border-right:1px solid #ddd;}.btn>a{display:inline-block;line-height:2.2;padding:0 20px;margin-left:10px;background-color:#215d9a;color:#fff;border-radius:3px;}.btn>a:hover{opacity:0.8;color:#fff;}.box{display:flex;align-items:stretch;flex-wrap:wrap;margin-bottom:20px;}.box>li{flex:1;padding:26px;border:1px solid #eee;line-height:2.4;transition:all .35s ease 0s;color:#777;}.box>li:not(:last-child){border-right:0;}.box>li img{display:block;margin:20px 0 0 0;width:100%;height:auto;line-height:1;border:5px solid #fff;box-shadow:0 2px 10px #ddd;border-radius:5px;}.box>li h2{font-size:18px;color:#222;}.box>li:hover{box-shadow:0 2px 20px #eee;background-color:#f1f1f1;}.esw-hr{margin:20px 0;border:0;border-bottom:1px solid #f1f1f1;}.esw-tips{text-align:center;vertical-align:middle;margin-bottom:20px;}@media screen and (max-width:992px){body{font-size:3.75vw;}.header,.box,.esw-tips{margin-bottom:3vw;}.waphide{display:none;}.box>li{width:100%;flex:auto;padding:3vw 6vw;}.box>li:not(:last-child){border-right:1px solid #eee;border-bottom:0;}.btn>a{padding:0 2vw;margin-left:1vw;}.logo img{height:10vw;margin:0;padding:0;border:0;}.box>li h2{font-size:4.8vw;}.box>li img{margin:2vw 0;}}
    </style>
</head>

<body>
    <div class="header">
        <div class="esw-wide esw-flex-hc">
            <h1 class="logo esw-flex-gr  esw-flex-hc">
                <a href="https://www.5438.com.cn/" target="_blank"><img src="/zb_users/upload/2021/07/202107121626075641398804.png" alt="5438下载站"></a>
                <Span class="waphide">5438下载站收款页</Span>
            </h1>
            <div class="btn esw-flex-sh">
                <a href="https://www.5438.com.cn/" title="回到5438下载站首页" target="_blank">返回首页</a>
            </div>
        </div>
    </div>
    <div class="esw-wide">
        <ul class="box">
            <li>
                <h2>支付宝</h2>
                <p>账号:#########.com</p>
                <p>账户名:小编</p>
                <p>打开支付宝扫描此二维码即可付款</p>
                <p><img src="/ymtp/zfbsk.png" alt="支付宝扫描付款"></p>
            </li>

            <li>
                <h2>微信支付</h2>
                <p>账号:#########</p>
                <p>账户名:小编</p>
                <p>打开微信扫描此二维码即可付款</p>
                <p><img src="/ymtp/wxsk.png" alt="微信支付扫描付款" /></p>
            </li>

            <li>
                <h2>QQ钱包/财付通</h2>
                <p>账号:##########</p>
                <p>账户名:小编</p>
                <p>打开QQ扫描此二维码即可付款</p>
                <p><img src="/ymtp/qqsk.png" alt="QQ钱包/财付通支付扫描付款" /></p>
            </li>
            
            <li>
                <h2>云闪付</h2>
                <p>账号:</p>
                <p>账户名:#############</p>
                <p>打开云闪付扫描此二维码即可付款</p>
                <p><img src="/ymtp/qqsk.png" alt="QQ钱包/财付通支付扫描付款" /></p>
            </li>
            
            <li>
                <h2>招商银行</h2>
                <p>账号:#################</p>
                <p>账户名:小编</p>
                <p>开户行:武汉分行徐东支行</p>
                <hr class="esw-hr">
                <h2>工商银行</h2>
                <p>账号:####################</p>
                <p>账户名:小编</p>
                <p>开户行:武汉分行地大支行</p>
            </li>
        </ul>
        <div class="esw-tips">
            付款完成后请保留支付记录并及时告知我们,联系方式:<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1788941&site=qq&menu=yes" rel="nofollow"><img src="/ymtp/button_11.gif" alt="点击这里给我发消息" title="点击这里给我发消息" border="0"></a>
        </div>
    </div>
</body>

</html>

温馨提示:
1、如付款后未自动跳转请刷新页面后即可下载。
2、如下载页面失效,请及时与客服联系

© 版权声明
THE END
喜欢就支持一下吧
点赞362赞赏
分享
评论 抢沙发
橙子的头像-综合库资源网

昵称

取消
昵称表情代码图片