index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Unblock Youku 官方主页</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container-fluid" id="wrapper">
    <div class="row">
        <div class="col-xs-12">
            <div id="photo-header" class="text-center">
                <div id="photo">
                    <img src="img/icon.png" alt="avatar">
                </div>
                <div id="text-header">
                    <h1>Unblock Youku</h1>
                </div>
                <div id="i18n-links">
                    <a href="index.html">[中文简体]</a>
                    <a href="index_zht.html">[中文繁體]</a>
                    <a href="index_en.html">[English Version]</a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <h2>    
                    <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                    云界RIFT VPN：全新升级! 依旧免费
                    <span class="label label-success" style="vertical-align: top;font-size: 0.35em;position: relative; top: 6px; " aria-hidden="true">NEW</span>
                </h2>
                <!-- QR code for Rift VPN -->
                <div class="text-center" id="rift-vpn-qr">
                    <hr>
                    <p>扫描二维码下载手机版！</p>
                    <img src="img/rift-qr.png" style="width: 250px; height: 250px;margin-bottom: 10px;" alt="云界VPN二维码">
                    <br>
                    <a href="https://go.riftvpn.ai/uku-im-web-button" target="_blank">
                    <img src="img/apple-download-zhs.svg" style="height: 50px;margin-right: 10px;" alt="Download on App Store">
                    </a>
                    <a href="https://go.riftvpn.ai/uku-im-web-button-play" target="_blank">
                        <img src="img/google-download-zhs.png" style="height: 62px;" alt="Download on App Store">
                    </a>
                    <hr>
                </div>
                <p>
                    🚀 <strong>自由畅连：</strong>加入300万用户信赖的行列，探索一个无边界的互联网世界。观看喜爱的节目、聆听最新歌曲，云界VPN为您带来如家一般的网络体验。
                </p>
                <p>
                    🌐 <strong>优质体验：</strong>无论您身处何地，稳定低延迟的连接和高速线路让您尽情享受高清视频和音乐流媒体。
                </p>
                <p>
                    🔒 <strong>智能安全：</strong>智能分流技术自动为您匹配最优连接，告别手动切换。严格隐私保护，无日志策略，确保您的在线活动私密安全。
                </p>
                <p>
                    ✨ <strong>极致探索：</strong>与云界VPN同行，无限制地享受互联网所有可能。立即体验无地域、无带宽限制的网络自由。
                </p>
                <p>
                    🔗 <strong>了解更多：</strong>访问我们的网站 <a href="https://riftvpn.ai">https://riftvpn.ai</a>，开启您的云端旅程。
                </p>
            </div>
        </div>
    </div>
    

    <div class="row header">
        <div class="col-xs-12 box">
            <h2>
                <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                每捐助 2 美元即可帮助 Unblock Youku 服务器多运行 1 小时
            </h2>
        </div>
        <div class="col-xs-12 box" id="donation">
            <div>
                <h4>捐助方式 1：支付宝</h4>
                <hr>
                <div class="text-center" id="alipay">
                    <p>请用支付宝手机软件扫描下方的 QR 码捐款</p>
                    <img src="img/alipay.png" alt="Alipay QR code">
                </div>

                <hr>
                <h4>捐助方式 2：PayPal 或 信用卡</h4>
                <hr>
                <div id="paypal">
                    <div class="donation-form">
                        货币：
                        <div class="btn-group" data-toggle="buttons">
                            <label class="btn btn-default active">
                                <input type="radio" name="options" id="select-usd" checked> USD
                            </label>
                            <label class="btn btn-default">
                                <input type="radio" name="options" id="select-cad"> CAD
                            </label>
                            <label class="btn btn-default">
                                <input type="radio" name="options" id="select-twd"> 新台币
                            </label>
                            <label class="btn btn-default">
                                <input type="radio" name="options" id="select-hkd"> 港币
                            </label>
                        </div>
                    </div>

                    <div class="donation-form">
                        金额：
                        <label class="radio-inline">
                            <input type="radio" name="amount-options" id="amount-2" value="2" checked> <span id="amount-2-text">$2</span>
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="amount-options" id="amount-5" value="5"> <span id="amount-5-text">$5</span>
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="amount-options" id="amount-10" value="10"> <span id="amount-10-text">$10</span>
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="amount-options" id="amount-custom" value="custom"> 自选金额
                        </label>
                        <input type="number" id="custom-amount-input" value="20">
                    </div>
                    <div class="donation-form">
                        月捐：
                        <div class="checkbox" id="monthly">
                            <label>
                                <input type="checkbox" id="input-monthly" checked> 每月自动捐助（您可以随时取消）
                            </label>
                        </div>
                    </div>
                    <div class="donation-form text-center">
                        <button class="btn btn-lg btn-success" id="paypal-donation-button" data-loading-text="请等待...">点此进行捐款</button>
                        <div class="text-small"><small>无需注册 PayPal 账户即可用信用卡捐助</small></div>
                    </div>

                    <div id="paypal-hidden-div">
                        <form id="paypal-hidden-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                            <input type="hidden" name="cmd" id="hidden-form-command" value="_xclick-subscriptions">
                            <input type="hidden" name="business" value="www-uku-im@zhuzhu.org">
                            <input type="hidden" name="item_name" value="Unblock Youku">
                            <input type="hidden" name="currency_code" id="hidden-form-currency" value="USD">
                            <input type="hidden" name="amount" id="hidden-form-amount" value="2">
                            <input type="hidden" name="a3" id="hidden-form-monthly-amount" value="2">
                            <input type="hidden" name="p3" value="1">
                            <input type="hidden" name="t3" value="M">
                            <input type="hidden" name="src" value="1">
                            <input type="hidden" name="srt" value="24">
                            <input type="hidden" name="no_shipping" value="1">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row header">
        <div class="col-xs-12 box">
            <h2><span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                请关注 Unblock Youku 社交网络帐号以获取官方最新消息</h2>
        </div>

        <div class="col-xs-12 box social-network">
            <a href="https://twitter.com/riftvpn" class="twitter-follow-button" data-show-count="true" data-dnt="true"></a>
        </div>

        <div class="col-xs-12 box social-network" id="weibo-div">
            <!--<wb:follow-button uid="5666348267" type="gray_3" width="100%" height="24" ></wb:follow-button>-->
            <a href="https://go.riftvpn.ai/discord" target="_blank"><button type="button" class="btn btn-success btn-xs">加入Discord </button></a>
        </div>
    </div>
</div>

<div class="container-fluid text-center box" id="footer">
    <p><a href="https://www.uku.im">https://www.uku.im</a></p>
    <p>&copy; 2016</p>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="js/script.js"></script>


<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<!--<script data-url="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>-->

<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-30726750-13', 'auto');
    ga('send', 'pageview');
</script>

</body>
</html>