56 lines
2.1 KiB
HTML
56 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="fr" id="html">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<link rel="icon" href="/icon.jpg"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Guams - Home</title>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="title-bar">
|
|
<div class="title-bar-text">Guams - Home</div>
|
|
<div class="title-bar-controls">
|
|
<button class="title-bar-button">
|
|
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
|
</button>
|
|
<button class="title-bar-button">
|
|
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
|
|
</button>
|
|
<button class="title-bar-button">
|
|
<img alt="close button" src="/src/img/close.svg" aria-hidden="true">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="header">
|
|
<div class="banner-div">
|
|
<img src="/src/img/banner_about.png">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="content">
|
|
<div class="navigation">
|
|
<span id="nav-title">Navigation</span>
|
|
<a class="navbar-link" href="/">Home</a>
|
|
<a class="navbar-link" href="./about.html">My projects</a>
|
|
<a class="navbar-link" href="https://abonentendeur.guams.fr">My blog</a>
|
|
</div>
|
|
<div class="presentation">
|
|
<h1>Welcome to my website</h1>
|
|
<span>Hi, I'm <strong>Guams</strong>, a french developer.</span>
|
|
<span>
|
|
I'm currently studying computer science, especially web development.
|
|
My hobbies are giving life to my ideas thanks to my coding skills, reading books and watching anime.
|
|
</span><br>
|
|
<span>
|
|
On my free time I share my thoughts on the works I play or read on my
|
|
<a class="hypertext-link" target="_blank" href="https://abonentendeur.guams.fr">blog.</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3.8.1/tsparticles.bundle.min.js"></script>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</html>
|