48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>HTML by Hand Online</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<!-- Left Banner -->
|
|
<div class="banner-left"></div>
|
|
|
|
<!-- Centered Content -->
|
|
<div class="content-wrapper">
|
|
<main>
|
|
<h1>Welcome to NaiJi's personal page!</h2>
|
|
<p>Hello friend! People normally know me as NaiJi, it's a random nickname that doesn't mean anything. Here is a bunch of links idk</p>
|
|
<div class="table">
|
|
<div class="tr">
|
|
<div class="td"><img src="icons/git.png" class="icon"></div>
|
|
<div class="td-url"><a href="https://code.htmlbyhand.online/NaiJi"">NaiJi</a></div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td"><img src="icons/github.png" class="icon"></div>
|
|
<div class="td-url"><a href="https://github.com/WizardNaiJi"">WizardNaiJi</a></div>
|
|
</div>
|
|
<div class=" tr">
|
|
<div class="td"><img src="icons/matrix.png" class="icon"></div>
|
|
<div class="td-url"><a href=" https://matrix.org/"">@naiji:inex.rocks</a></div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<br>
|
|
<p>You can reach me out by mail at naijiworld [at] protonmail [dot] com</p>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<p class="gray">The background image is fragments from <a href="https://commons.wikimedia.org/wiki/File:Alexander_Koester_-_Ducks_on_a_Pond.jpg">Ducks on a Pond</a> by Alexander Koester</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Right Banner -->
|
|
<div class="banner-right"></div>
|
|
</body>
|
|
</html>
|
|
|