MyWebsite/index.html

101 lines
4.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="style.css" rel="stylesheet">
<title>OctoBanon's Website</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="OctoBanon's Website" property="og:title">
<meta content="Personal website with information about me" property="og:description">
<meta content="#3A3A3A" data-react-helmet="true" name="theme-color">
<meta content="https://octobanon.com/fof.gif" property="og:image">
</head>
<body>
<ul class="nav">
<li><a href="/" class="active"><img src="home.svg" alt="Home"><span>Home</span></a></li>
<li><a href="https://status.octobanon.com/status/services"><img src="status.svg" alt="Status"> <span>Status</span></a></li>
<li><a href="https://git.octobanon.com/OctoBanon/MyWebsite"><img src="git.svg" alt="Sources"> <span>Sources</span></a></li>
</ul>
<h4 class="about-title">About me</h4>
<p class="about-me">
Hello, I'm Maksim and I'm 17 years old, developer and system administrator from <a href="https://octobanon.com/yaycha">Russia</a>. Now Im gradually learning three languages: TypeScript, Rust, <a href="https://octobanon.com/teapot">Java</a>.
</p>
<br />
<h4 class="title">Socials</h4>
<h5 class="description">Here are all my social networks</h5>
<div class="box">
<a class="row" href="https://sk.octobanon.com/@OctoBanon">
<p>Sharkey</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://mastodon.ml/@octobanon">
<p>Mastodon (Reserve)</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://steamcommunity.com/id/octobanon">
<p>Steam</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://git.octobanon.com/OctoBanon">
<p>GitFof (Forgejo)</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://github.com/OctoBanon-Main">
<p>Github</p>
<img src="link.svg" alt="Link">
</a>
</div>
<h4 class="title">Contacts</h4>
<h5 class="description">Here you can choose how to contact with me</h5>
<div class="box">
<a class="row" href="mailto:me@octobanon.com">
<p>Mail - me@octobanon.com</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://t.me/OctoBanon">
<p>Telegram - @OctoBanon</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://matrix.to/#/@octobanon:matrix.org">
<p>Matrix - @octobanon:matrix.org</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://discordapp.com/users/839947810735521792">
<p>Discord - octobanon</p>
<img src="link.svg" alt="Link">
</a>
</div>
<h4 class="title">Friends websites :3</h4>
<h5 class="description"><a href="https://octobanon.com/fof">:3</a></h5>
<div class="box">
<a class="row" href="https://kostyazero.com">
<p>kostya_zero</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://houl.floof.company">
<p>Houl</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://kiber-ogur4ik.space">
<p>kiber_ogur4ik</p>
<img src="link.svg" alt="Link">
</a>
<a class="row" href="https://r2squad.ru">
<p>Honak (r2squad)</p>
<img src="link.svg" alt="Link">
</a>
</div>
<footer>
<p class="info">Made by OctoBanon</p>
<p class="credits">Used fonts: Cantarell</p>
<p class="credits">Made inspired by GTK and Adwaita style</p>
</footer>
</body>
</html>