Homepage/index.html
2016-05-23 19:04:47 +08:00

76 lines
3.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link href="bower_components/normalize-css/normalize.css" rel="stylesheet">
<link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="bower_components/unsemantic/assets/stylesheets/unsemantic-grid-responsive-tablet.css" rel="stylesheet">
<link href="assets/css/index.css" rel="stylesheet">
<meta author="Naoki Rinmous">
<meta charset="utf-8">
<title>Naoki Rinmous is here!</title>
</head>
<body>
<div id="main-box">
<div class="grid-container" id="header">
<div class="grid-25">
<div id="profile-picture-container">
<span id="profile-picture"></span>
</div>
</div>
<div class="grid-75 content">
<h1>Hey, it's <span class="name">Naoki Rinmous!</span></h1>
<div class="account account-white">
<i class="fa fa-key" aria-hidden="true"></i>
<a href="https://keybase.io/amphineko">keybase.io/amphineko</a>
</div>
<div class="account account-white">
<i class="fa fa-github" aria-hidden="true"></i>
<a href="https://github.com/amphineko">@amphineko</a>
</div>
<div class="account account-white">
<i class="fa fa-twitter" aria-hidden="true"></i>
<a href="https://twitter.com/amphineko">@amphineko</a>
</div>
<div class="account account-white">
<i class="fa fa-weibo" aria-hidden="true"></i>
<a href="http://weibo.com/uncookie">@(uid=uncookie)</a>
</div>
</div>
</div>
<div class="grid-container" id="body">
<div class="grid-50 tile" id="self-introduction">
<h2>who am I...</h2>
<p>
a simple & naïve senior student,<br />
in love with Computer Science & programming,<br />
trying to change the way to live for people
</p>
</div>
<div class="grid-50 tile" id="social-accounts">
<h2>how to reach?</h2>
<div class="account account-dark">
<i class="fa fa-plane" aria-hidden="true"></i>
<span>Ingress Agent</span>
<a href="http://weibo.com/uncookie">@NekoSauce</a>
</div>
<div class="account account-dark">
<i class="fa fa-steam" aria-hidden="true"></i>
<span>Steam</span>
<a href="http://weibo.com/uncookie">NekoSauce</a>
</div>
<div class="account account-dark">
<i class="fa fa-send" aria-hidden="true"></i>
<span>Telegram</span>
<a href="http://weibo.com/uncookie">@amphineko</a>
</div>
</div>
</div>
<div id="footer">
<span>Copyright &copy; 2016 Naoki Rinmous.</span>
<span>Powered by <a href="https://github.com/necolas/normalize.css/">normalize.css</a>, <a href="http://fontawesome.io/">Font Awesome</a> and <a href="http://unsemantic.com/">unsemantic</a>.</span>
</div>
</div>
</body>
</html>