56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr-FR">
|
|
<head>
|
|
<meta chartset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="styles/style.css">
|
|
<link rel="icon" href="">
|
|
<title>Hatmos</title>
|
|
</head>
|
|
<body>
|
|
<header id="page-top">
|
|
<h1><a href="index.html">Hatmos</a></h1>
|
|
<h2>Your favorite wannabe technician</h2>
|
|
<nav id="top-nav">
|
|
<ul>
|
|
<li><a href="#myself">A propos</a></li>
|
|
<li><a href="#projects">Projets</a></li>
|
|
<li><a href="#pictures">Photos</a></li>
|
|
<li><a href="#garden">Jardin</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<a href="about.html"><div id="myself" class="clickable">
|
|
<h1>A propos</h1>
|
|
<p>Principalement mon CV et des informations sur moi. Si jamais ca vous interesse.</p>
|
|
<img src=""/>
|
|
</div></a>
|
|
<a href="projects.html"><div id="projects" class="clickable">
|
|
<h1>Projets</h1>
|
|
<p>Une liste des projets que j'ai termine, ceci touchent a l'electronique et l'informatique.</p>
|
|
<img src=""/>
|
|
</div></a>
|
|
<a href="pictures.html"><div id="pictures" class="clickable">
|
|
<h1>Photos</h1>
|
|
<p>Une galerie des mes photos preferes, ce sont uniquement des photos prises par moi-meme.</p>
|
|
<img src=""/>
|
|
</div></a>
|
|
<a href="garden.html"><div id="garden" class ="clickable">
|
|
<h1>Jardin</h1>
|
|
<p>Un suivis de mon parcours dans le jardinage, parce que les plantes ca sent bon et c'est joli.</p>
|
|
<img src=""/>
|
|
</div></a>
|
|
</main>
|
|
<footer>
|
|
<ul>
|
|
<li>A propos</li>
|
|
<li>Projets</li>
|
|
<li>Photos</li>
|
|
<li>Jardin</li>
|
|
<li>Connexions</li>
|
|
</ul>
|
|
</footer>
|
|
</body>
|
|
</html>
|