diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4dae798
--- /dev/null
+++ b/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+	<head>
+		<meta charset="utf-8">
+		<title>titre de la page</title>
+
+		<!-- meta -->
+		<meta name="description" content="">
+		<meta name="author" content="">
+
+		<!-- mon icon -->
+		<link rel="shortcut icon" href="favicon.ico">
+
+		<!-- mon template.css -->
+		<link rel="stylesheet" href="main.css" media="screen">
+
+	</head>
+
+	<body>
+
+		<header>
+			<!-- menu du haut -->
+			<nav>
+				<ul>
+					<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
+					<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
+					<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
+				</ul>
+			</nav>
+		</header>
+
+		<!-- contenu de ma page -->
+		<div>
+			<!-- article n°1 -->
+			<article>
+				<h1>titre de mon article</h1>
+				<p>texte de mon article</p>
+				<section>
+					<h2>sous-titre mon article</h2>
+					<p>texte de mon sous-titre</p>
+					<figure>
+						<a href="mon-url"><img src="url-de-mon-image" alt="nom-de-mon-image"></a>
+					</figure>
+				</section>
+			</article>
+
+			<!-- article n°2 -->
+			<article>
+				<h1>titre de mon article</h1>
+				<p>texte de mon article</p>
+				<section>
+					<h2>sous-titre mon article</h2>
+					<p>texte de mon sous-titre</p>
+					<figure>
+						<a href="mon-url"><img src="url-de-mon-image" alt="nom-de-mon-image"></a>
+					</figure>
+				</section>
+			</article>
+		</div>
+
+		<footer>
+			<!-- menu du bas -->
+			<nav>
+				<ul>
+					<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
+					<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
+					<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
+				</ul>
+			</nav>
+		</footer>
+
+	</body>
+
+</html>
