Patrick
/
hk-01-website


			
				
					
						
						
							
							<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>Rain</title>
        <!-- Bootstrap core CSS -->
        <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
        <!-- Custom styles for this template -->
        <link href="product.css" rel="stylesheet">
    </head>
    <body>
        <?php
function get_client_ip() {
	    $ipaddress = '';
	        if (getenv('HTTP_CLIENT_IP'))
			        $ipaddress = getenv('HTTP_CLIENT_IP');
		    else if(getenv('HTTP_X_FORWARDED_FOR'))
			            $ipaddress = getenv('HTTP_X_FORWARDED_FOR');
		    else if(getenv('HTTP_X_FORWARDED'))
			            $ipaddress = getenv('HTTP_X_FORWARDED');
		    else if(getenv('HTTP_FORWARDED_FOR'))
			            $ipaddress = getenv('HTTP_FORWARDED_FOR');
		    else if(getenv('HTTP_FORWARDED'))
			           $ipaddress = getenv('HTTP_FORWARDED');
		    else if(getenv('REMOTE_ADDR'))
			            $ipaddress = getenv('REMOTE_ADDR');
		    else
			            $ipaddress = 'UNKNOWN';
	        return $ipaddress;
}

?>
        <nav class="site-header sticky-top py-1">
            <div class="container d-flex flex-column flex-md-row justify-content-between">
                <a class="py-2" href="#"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="d-block mx-auto">
                        <circle cx="12" cy="12" r="10"></circle>
                        <line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
                        <line x1="9.69" y1="8" x2="21.17" y2="8"></line>
                        <line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
                        <line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
                        <line x1="14.31" y1="16" x2="2.83" y2="16"></line>
                        <line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
                    </svg> </a>
                <a class="py-2 d-none d-md-inline-block" href="https://99cn.info/">海外网址导航</a>
                <a class="py-2 d-none d-md-inline-block" href="http://www.cwrank.com/main/rank.php?geo=overseas&page=1">中文站点排行榜</a>
                <a class="py-2 d-none d-md-inline-block" href="https://www.google.com/?hl=zh_CN">谷歌中文</a>
                <a class="py-2 d-none d-md-inline-block" href="https://www.goodreads.com/genres/google-read">Google Read</a>
                <a class="py-2 d-none d-md-inline-block" href="https://wired.com/">Wired Magazine</a>
                <a class="py-2 d-none d-md-inline-block" href="https://www.itnews.com.au/">IT News</a>
                <a class="py-2 d-none d-md-inline-block" href="https://www.smh.com.au/">Sydney Morning Herald</a>
            </div>
        </nav>
        <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
            <div class="col-md-5 mx-auto my-5 p-lg-5">
                <h1 class="display-4 font-weight-normal">Welcome to Rain's World  </h1>
                <p class="font-weight-normal lead">While motivation gets us started, good habits keep us going forward</p>
                <button class="btn btn-outline-secondary" href="#">
                    Your IP: 
                    <?php echo  get_client_ip() ; ?> 
                </button>
                <br/> 
                <p class="font-weight-normal lead"><?php
echo "Today is " . date("Y/m/d - h:i:s") . " @ Asia/HongKong";
?></p>
            </div>
            <div class="box-shadow d-md-block d-none product-device"></div>
            <div class="box-shadow d-md-block d-none product-device product-device-2"></div>
        </div>
        <footer class="container py-5">
            <div class="row">
                <div class="col-12 col-md">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="d-block mb-2">
                        <circle cx="12" cy="12" r="10"></circle>
                        <line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
                        <line x1="9.69" y1="8" x2="21.17" y2="8"></line>
                        <line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
                        <line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
                        <line x1="14.31" y1="16" x2="2.83" y2="16"></line>
                        <line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
                    </svg>
                    <small class="d-block mb-3 text-muted">&copy; 20<span style="font-size: 12.8px;">20</span></small>
                </div>
                <div class="col-6 col-md">
                    <h5>海外华闻</h5>
                    <ul class="list-unstyled text-small">
                        <li>
                            <a class="text-muted" href="http://creaders.net/">万维读者 - 加拿大</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://backchina.com/">倍可亲 - 北美</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.wenxuecity.com/">文学城 - 北美</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.6park.com/">留圆网 - 澳州英国</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.nownews.com/">今日新闻 - 台湾</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://hk.appledaily.com/">苹果日报-香港</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://zaobao.com.sg">联合早报 - 新加坡</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.worldjournal.com/">世界日报 - 全美</a>
                        </li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5>论坛/社交</h5>
                    <ul class="list-unstyled text-small">
                        <li>
                            <a class="text-muted" href="https://facebook.com">Facebook 脸书</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://twitter.com/">Twitter 推特</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://youtube.com/">Youtube 油管</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.instagram.com/">Instagram</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.reddit.com/">Reddit</a>
                        </li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5>软件开发</h5>
                    <ul class="list-unstyled text-small">
                        <li>
                            <a class="text-muted" href="https://github.com/">Github</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.atlassian.com/">Atlassian</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://sourceforge.net/">SourceForge</a>
                        </li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5>视频</h5>
                    <ul class="list-unstyled text-small">
                        <li>
                            <a class="text-muted" href="https://www.youtube.com/channel/UCn9_KbNANeyYREePe8YA2DA">财经冷眼</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.youtube.com/channel/UCtAIPjABiQD3qjlEl1T5VpA">文昭弹古论今</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.youtube.com/channel/UCBtIsU8tuFzE0U8spSUUbZw">文明客厅 - 周孝正</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.youtube.com/channel/UChRE0pMeij_O5FqWrSKBF-Q">书斋夜话</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.youtube.com/channel/UCBuHkb1AS_yRQ71meFNQ3VQ">年代向钱看-台湾</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="col-12 col-md">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="d-block mb-2">
                        <circle cx="12" cy="12" r="10"></circle>
                        <line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
                        <line x1="9.69" y1="8" x2="21.17" y2="8"></line>
                        <line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
                        <line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
                        <line x1="14.31" y1="16" x2="2.83" y2="16"></line>
                        <line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
                    </svg>
                    <small class="d-block mb-3 text-muted">外文</small>
                </div>
                <div class="col-6 col-md">
                    <h5>综合</h5>
                    <ul class="list-unstyled text-small">
                        <li>
                            <a class="text-muted" href="http://cn.nytimes.com/">纽约时报 - 中文版</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.washingtonpost.com/">Washington Post - 华盛顿邮报</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.straitstimes.com/global">The Straits Times - 海峡时报</a>
                        </li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5>English News</h5>
                    <ul class="list-unstyled text-small">
                        <li>
                            <a class="text-muted" href="https://nytimes.com/">New York Times</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://cnn.com/">CNN</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.bbc.com/news">BBC </a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.reuters.com/">Reuters 路透社</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.smh.com.au/">Sydney Morning Herald 悉尼先锋晨报</a>
                        </li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5>Magazine</h5>
                    <ul class="list-unstyled text-small">
                        <li>
                            <a class="text-muted" href="https://time.com/">Times 时代杂志</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.forbes.com/">Forbes 福布斯</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://wired.com/">Wired 连线杂志</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.economist.com/">The Economist 经济学人</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.nationalgeographic.com/">National Geographic 国家地理</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://fortune.com/">Fortune 财富杂志</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://people.com/">People 人物周刊</a>
                        </li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5>Others</h5>
                    <ul class="list-unstyled text-small">
                        <li>
                            <a class="text-muted" href="https://twitter.com/rebelpepperwang?lang=en">反抗辣椒</a>
                        </li>
                        <li>
                            <a class="text-muted" href="https://www.spiegel.de/">明镜周刊 - 德语</a>
                        </li>
                        <li>
</li>
                    </ul>
                </div>
            </div>
        </footer>
        <!-- Bootstrap core JavaScript
    ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/popper.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
    </body>
</html>