add: index.html + projects.html + dossier_images + dossier_styles
This commit is contained in:
BIN
images/fond_minimaliste.png
Normal file
BIN
images/fond_minimaliste.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
53
index.html
Normal file
53
index.html
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
<!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>
|
||||||
|
<h1><a href="index.html">Hatmos</a></h1>
|
||||||
|
<h2>Your favorite wannabe technician</h2>
|
||||||
|
<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>
|
||||||
|
<main>
|
||||||
|
<a href="about.html"><div id="myself">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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>
|
||||||
9
projects.html
Normal file
9
projects.html
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
5
styles/style.css
Normal file
5
styles/style.css
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
body {
|
||||||
|
background-image: url('../images/fond_minimaliste.png');
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: repeat-y;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user