diff --git a/index.html b/index.html
index d25bde73..842fe7d9 100644
--- a/index.html
+++ b/index.html
@@ -2,10 +2,96 @@
 <head>
         <meta charset="UTF-8"/>
         <title>NFA040</title>
+	<style>body {
+    color: white;
+    background-color: lightcyan;
+  font-family:sans-serif;
+   background-image: url("https://bluesppcservices.com/images/forestbridge.jpg");
+  background-repeat: no-repeat;
+  background-size: cover;
+  
+}
+#progressbar{
+  height: 26px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 200px;
+  background: aquamarine;
+  border-radius: 10px;
+  margin: -100px 0 0 -100px;
+  padding: 2px
+}
+#loading{
+  transition: all 500ms ease;
+  height: 20px;
+  width: calc(100% - 10px);
+  border-radius: 8px;
+  background: teal;
+  position: absolute;
+  margin: 3px;
+
+  animation: load 10s ease;
+}
+#load{
+  font-family: arial;
+  font-weight: bold;
+  text-align: center;
+  margin-top: -25px;
+}
+@keyframes load{
+  0%{
+    width: 1%;
+  }
+  20%{
+    width: 20%;
+  }
+  45%{
+    width: 65%;
+  }
+  80%{
+    width: 80%;
+}
+}
+ div.a {
+    text-align: center;
+
+} 
+
+hr {
+width: 320px;
+border-style: solid;
+border-width: 1px; 
+position: center;
+}
+
+
+
+img {
+width:10%;
+}
+
+		
+	</style>
+	
 </head>
         
 <body>
         <h1> Ceci est mon site internet NFA040 </h1>
+
+	      <div class="logo">
+    <img src="https://logosolusa.com/wp-content/uploads/parser/Random-Logo-1.png"
+  </div>
+<div class="a">
+  <h1>Welcome to Overnote</h1>
+</div>
+<hr>
+    <div id="progressbar">
+        <span id="loading"></span>
+        <div id="load">loading</div>
+    </div>
+    <meta http-equiv="refresh" content="10.5;url=https://codepen.io/Disguised/full/oNXpgZq" />
+	
 	<p>Je me fais couler un café pour l'aprèm, quelqu'un en veut un ? </p>
 
 	</div>
