diff --git a/index.html b/index.html
index 4ad9a8452a6c02d621ab5485a44407812b971f55..cef85c5f347e2bd4dc36b938b31ea1f09ab9a579 100644
--- a/index.html
+++ b/index.html
@@ -1,41 +1,65 @@
<!DOCTYPE html>
<html>
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <script src="./src/main.js" defer></script>
+ <title>PizzaLand</title>
- <title>PizzaLand</title>
+ <link rel="icon" href="images/icon.png" sizes="96x96" />
- <link rel="icon" href="images/icon.png" sizes="96x96">
-
- <link rel="stylesheet" type="text/css" href="css/main.css" />
- <link rel="stylesheet" href="css/header.css">
- <link rel="stylesheet" href="css/news.css">
- <link rel="stylesheet" href="css/pizzaList.css">
- <link rel="stylesheet" href="css/footer.css">
-</head>
-<body>
- <header>
- <nav>
- <a href="#" class="logo">
- <img src="images/logo.svg" />
- <span>Pizza<em>land</em></span>
- </a>
- <ul class="mainMenu">
- <li><a href="/" class="pizzaListLink">La carte</a></li>
- <li><a href="/a-propos" class="aboutLink">À propos</a></li>
- <li><a href="/ajouter-pizza" class="pizzaFormLink">Ajouter une pizza</a></li>
- </ul>
- </nav>
- </header>
- <section class="pageContainer">
- <header class="pageTitle"></header>
- <div class="pageContent"></div>
- </section>
- <footer>
- <div>Une (incroyable) création originale de <a href="http://uidlt.fr">Thomas Fritsch</a> pour l'<a href="https://www.iut-a.univ-lille.fr/">IUT A</a> de l'<a href="https://www.univ-lille.fr/">Université de Lille</a></div>
- <div>Free photos from <a href="https://unsplash.com/unsplash">Unsplash</a></div>
- <div>Icons made by <a href="https://www.freepik.com/" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
- </footer>
-</body>
-</html>
\ No newline at end of file
+ <link rel="stylesheet" type="text/css" href="css/main.css" />
+ <link rel="stylesheet" href="css/header.css" />
+ <link rel="stylesheet" href="css/news.css" />
+ <link rel="stylesheet" href="css/pizzaList.css" />
+ <link rel="stylesheet" href="css/footer.css" />
+ </head>
+ <body>
+ <header>
+ <nav>
+ <a href="#" class="logo">
+ <img src="images/logo.svg" />
+ <span>Pizza<em>land</em></span>
+ </a>
+ <ul class="mainMenu">
+ <li><a href="/" class="pizzaListLink">La carte</a></li>
+ <li><a href="/a-propos" class="aboutLink">À propos</a></li>
+ <li>
+ <a href="/ajouter-pizza" class="pizzaFormLink">Ajouter une pizza</a>
+ </li>
+ </ul>
+ </nav>
+ </header>
+ <section class="pageContainer">
+ <header class="pageTitle"></header>
+ <div class="pageContent"></div>
+ </section>
+ <footer>
+ <div>
+ Une (incroyable) création originale de
+ <a href="http://uidlt.fr">Thomas Fritsch</a> pour l'<a
+ href="https://www.iut-a.univ-lille.fr/"
+ >IUT A</a
+ >
+ de l'<a href="https://www.univ-lille.fr/">Université de Lille</a>
+ </div>
+ <div>
+ Free photos from <a href="https://unsplash.com/unsplash">Unsplash</a>
+ </div>
+ <div>
+ Icons made by
+ <a href="https://www.freepik.com/" title="Freepik">Freepik</a> from
+ <a href="https://www.flaticon.com/" title="Flaticon"
+ >www.flaticon.com</a
+ >
+ is licensed by
+ <a
+ href="http://creativecommons.org/licenses/by/3.0/"
+ title="Creative Commons BY 3.0"
+ target="_blank"
+ >CC 3.0 BY</a
+ >
+ </div>
+ </footer>
+ </body>
+</html>
diff --git a/src/main.js b/src/main.js
index c3edb8010b2fe877c375cccfe19483fb4532447f..f1805c8831ebdaf29c3664a89b9dabf4d7720ee4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1 +1,9 @@
-console.log('Welcome to PizzaLand 🍕 !');
\ No newline at end of file
+const name = "Regina";
+const url = `images/${name.toLowerCase()}.jpg`;
+const html = `<article class="pizzaThumbnail">
+ <a href="${url}">
+ <img src="${url}"/>
+ <section>Pizza Regina</section>
+ </a>
+</article>`;
+document.querySelector(".pageContent").innerHTML = html;