Create index.html
This commit is contained in:
Nofated
GitHub
parent
8f1efef7ba
commit
f312aac665
|
|
@ -0,0 +1,133 @@
|
|||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="icon" href="https://pic.rmb.bdstatic.com/bjh/5734ea6ff12a90bf7cdfaa66f1cfd1cc.png">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Nofated</title>
|
||||
<link rel="stylesheet" href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/bulma/0.9.3/css/bulma.min.css">
|
||||
<link rel="stylesheet" href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://nofated.win">
|
||||
<img src="https://pic.rmb.bdstatic.com/bjh/5734ea6ff12a90bf7cdfaa66f1cfd1cc.png" width="28" height="28">
|
||||
</a>
|
||||
<a class="navbar-item bd-navbar-mobile-icon" href="https://github.com/Nofated095" target="_blank">
|
||||
<span class="icon" style="color: var(--github);">
|
||||
<i class="fab fa-lg fa-github-alt"></i>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a class="navbar-item bd-navbar-mobile-icon" href="https://blog.nofated.win" target="_blank">
|
||||
<span class="icon" style="color: var(--rss);">
|
||||
<i class="fab fas fa-rss"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.nofated.win">
|
||||
Home
|
||||
</a>
|
||||
|
||||
<a class="navbar-item" href="https://blog.nofated.win">
|
||||
Blog
|
||||
</a>
|
||||
|
||||
<div class="navbar-item has-dropdown is-hoverable">
|
||||
<a class="navbar-link">
|
||||
More
|
||||
</a>
|
||||
|
||||
<div class="navbar-dropdown">
|
||||
<a class="navbar-item" href="https://blog.nofated.win/friends.html">
|
||||
Friends
|
||||
</a>
|
||||
<a class="navbar-item" href="https://od.nofated.win">
|
||||
Onedrive
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<section class="section">
|
||||
<div class="columns is-centered">
|
||||
<div class="container column">
|
||||
<figure class="image is-128x128">
|
||||
<img src="https://pic.rmb.bdstatic.com/bjh/8b98d9798b6997e61a19d49503845644.png">
|
||||
</figure>
|
||||
<h1 class="title">
|
||||
Nofated
|
||||
</h1>
|
||||
<p class="subtitle">
|
||||
I hope to be with you everyday.
|
||||
</p>
|
||||
<div class="tags">
|
||||
<span class="tag">Student</span>
|
||||
<span class="tag">Developer</span>
|
||||
<span class="tag">GTA Funs</span>
|
||||
<span class="tag">Minecraft</span>
|
||||
</div>
|
||||
<div class="notification is-info is-light">
|
||||
Hi, I am <strong>Nofated</strong>! I am a student who lives in <strong>Beijing, China</strong>. I am also a personal developer, <a>Minecraft</a> lover, and <a>Grand Theft Auto</a> fun.
|
||||
</div>
|
||||
<h4 class="title is-4">Contact With Me!</h4>
|
||||
<h6 class="subtitle is-6">Too young, too simple, sometimes naive.</h6>
|
||||
<p class="buttons">
|
||||
<button class="button" onclick="javascript:window.open('https://github.com/Nofated095')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-github"></i>
|
||||
</span>
|
||||
<span>GitHub</span>
|
||||
</button>
|
||||
<button class="button is-primary" onclick="javascript:window.open('https://twitter.com/nofated095')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</span>
|
||||
<span>Twitter</span>
|
||||
</button>
|
||||
<button class="button is-info" onclick="javascript:window.open('https://t.me/nofated')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-telegram"></i>
|
||||
</span>
|
||||
<span>Telegram</span>
|
||||
</button>
|
||||
<button class="button is-warning" onclick="javascript:window.open('mailto:nofated095@outlook.com')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-at"></i>
|
||||
</span>
|
||||
<span>Email</span>
|
||||
</button>
|
||||
<button class="button is-danger" onclick="javascript:window.open('https://qm.qq.com/cgi-bin/qm/qr?k=E6GfcgEdEUN6Hv14D24W_GQlGdAATQ0F&noverify=0')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-qq"></i>
|
||||
</span>
|
||||
<span>QQ</span>
|
||||
</button>
|
||||
<button class="button is-info" onclick="javascript:window.open('https://space.bilibili.com/351951550')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-bilibili"></i>
|
||||
</span>
|
||||
<span>Bilibili</span>
|
||||
</button>
|
||||
</p></div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="footer">
|
||||
<div class="content has-text-centered">
|
||||
<p>
|
||||
<strong>About Nofated</strong> by <a href="https://nofated.win">Nofated095</a>. The website content
|
||||
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>. Powerd by Vercel & Bulma CSS.
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
</body></html>
|
||||
Loading…
Reference in New Issue