diff --git a/Hub/assets/background/img1.jpg b/Hub/assets/background/img1.jpg
new file mode 100644
index 0000000..01a7e84
Binary files /dev/null and b/Hub/assets/background/img1.jpg differ
diff --git a/Hub/assets/background/img2.jpg b/Hub/assets/background/img2.jpg
new file mode 100644
index 0000000..0d68b91
Binary files /dev/null and b/Hub/assets/background/img2.jpg differ
diff --git a/Hub/assets/background/img3.jpg b/Hub/assets/background/img3.jpg
new file mode 100644
index 0000000..23d31e3
Binary files /dev/null and b/Hub/assets/background/img3.jpg differ
diff --git a/Hub/assets/icon.ico b/Hub/assets/icon.ico
new file mode 100644
index 0000000..b7e8de1
Binary files /dev/null and b/Hub/assets/icon.ico differ
diff --git a/Hub/index.html b/Hub/index.html
new file mode 100644
index 0000000..1756fdd
--- /dev/null
+++ b/Hub/index.html
@@ -0,0 +1,113 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Accueil</title>
+    <link rel="shortcut icon" href="assets/icon.ico">
+    <link rel="stylesheet" href="css/style.css">
+    <script src="js/js.js"></script>
+    <script>var body = document.getElementsByTagName('body')[0];
+        images = ['img1.jpg','img2.jpg','img3.jpg'];
+        i = Math.floor(Math.random()*images.length);
+        body.style.backgroundImage = 'url(' + images[i] + ')';
+        body.style.backgroundSize = 'cover';</script>
+</head>
+
+<body>
+    <div id="contenu">
+        <div id="notion">
+            <iframe id="notion-content" src="html/notion.html" frameborder="0" height="400px" width="400px"></iframe>
+        </div>
+        <div id="reseaux">
+            <iframe id="reseaux-content" src="html/réseaux.html" frameborder="0"></iframe>
+        </div>
+         <div id="cours">
+            <iframe id="cours-content" src="html/cours.html" frameborder="0"></iframe>
+        </div>
+        <div id="weather">
+            <iframe id="weather-content" src="weather/weather.html" frameborder="0"></iframe>
+        </div>
+        <div id="raccourcis">
+            <iframe id="raccourcis-content" src="html/raccourcis.html" frameborder="0"></iframe>
+        </div>
+    </div>
+
+    <div id="heure">
+        <SCRIPT LANGUAGE="JavaScript">
+            Stamp = new Date();
+            year = Stamp.getYear();
+            if (year < 2000) year = 1900 + year;
+            document.write('<h1>' + Stamp.getDate() + "/" + (Stamp.getMonth() + 1) + "/" + year + '</h1>');
+            // document.write('<font size="5" ><B>' + Stamp.getDate() + "/" + (Stamp.getMonth() + 1) + "/" + year + '</B></font><BR>');
+            var Hours;
+            var Mins;
+            var Time;
+            Hours = Stamp.getHours();
+            if (Hours >= 12) {
+                Time = " ";
+            }
+            else {
+                Time = " ";
+            }
+            if (Hours > 24) {
+                Hours -= 24;
+            }
+            if (Hours == 0) {
+                Hours = 12;
+            }
+            Mins = Stamp.getMinutes();
+            if (Mins < 10) {
+                Mins = "0" + Mins;
+            }
+            document.write('<h1>' + Hours + ":" + Mins + Time + '</h1>');
+            // document.write('<font size="10" ><B>' + Hours + ":" + Mins + Time + '</B></font>');
+        </SCRIPT>
+
+        <SCRIPT LANGUAGE="JavaScript">
+           Stamp = new Date();
+            day = Stamp.getDay();
+            if (day == 1) {
+                jour = 'Lundi';
+            }
+            if (day == 2) {
+                jour = 'Mardi';
+            }
+            if (day == 3) {
+                jour = 'Mercredi';
+            }
+            if (day == 4) {
+                jour = 'Jeudi';
+            }
+            if (day == 5) {
+                jour = 'Vendredi';
+            }
+            if (day == 6) {
+                jour = 'Samedi';
+            }
+            if (day == 7) {
+                jour = 'Dimanche';
+            }
+
+            // document.write('<h1>' + Stamp.getDay() + '</h1>');
+            document.write('<h1>' + jour + '</h1>');
+        </script>
+        
+    </div>
+
+    <div class="button">
+        <div>
+            <button id="reload" onClick="window.location.reload();"><img src="assets/social/reload.png" alt="reload"
+                    style="width:75px"></button>
+            <!-- <img id="reload" src="assets/social/reload.png" alt="reload" onClick="window.location.reload"> -->
+        </div>
+        <br>
+        <div>
+            <button id="google" onmouseenter='window.location.href="https://google.com"'><img
+                    src="assets/social/google.png" alt="reload" style="width: 75px"></button>
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/assets/timer.ico b/assets/timer.ico
index 2590b87..10225bc 100644
Binary files a/assets/timer.ico and b/assets/timer.ico differ
diff --git a/assets/timer.png b/assets/timer.png
index b44f71a..ac53b15 100644
Binary files a/assets/timer.png and b/assets/timer.png differ
diff --git a/css/style.css b/css/style.css
index dcd9458..3122f57 100644
--- a/css/style.css
+++ b/css/style.css
@@ -124,7 +124,11 @@ iframe {
 
 }
 
-#notion, #reseaux, #cours, #weather, #raccourcis{
+#notion,
+#reseaux,
+#cours,
+#weather,
+#raccourcis {
     margin: 50px;
 }
 
@@ -139,3 +143,31 @@ iframe {
 #notion:hover~#raccourcis {
     display: none;
 }
+
+
+
+#minuteur {
+    background-color: transparent;
+    border: none;
+    color: white;
+    padding: 10px 15px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 25px;
+    cursor: pointer;
+    font-family: 'roboto', sans-serif;
+    border: 2px #aaa solid;
+    border-radius: 5px;
+
+
+    border: 3px solid rgba(204, 204, 204, 0.425);
+    border-radius: 30px;
+    padding: none;
+    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+}
+
+#minuteur:hover {
+    backdrop-filter: blur(10px);
+}
\ No newline at end of file
diff --git a/html/cours.html b/html/cours.html
index 3825547..c5683e1 100644
--- a/html/cours.html
+++ b/html/cours.html
@@ -32,13 +32,10 @@
 		<p>
 			Livres
 		</p>
-		<a class="maths" href=https://educadhoc.fr/reader/textbook/9782017102106/fxl/Page_1 target="_parent">
-			<img class="maths" src="../assets/social/maths.png" alt="maths">
-		</a>
 		<a class="maths" href='https://idp-auth.gar.education.fr/domaineGar?idENT=SjA=&idEtab=MDkxMDYyNkw=&idRessource=ark%3A%2F12313%2FHE9782017102106' target="_parent">
 			<img class="maths" src="../assets/social/maths.png" alt="maths">
 		</a>
-		<a class="physique" href=https://educadhoc.fr/reader/textbook/9782017102120/fxl/Page_1 target="_parent">
+		<a class="physique" href='https://idp-auth.gar.education.fr/domaineGar?idENT=SjA=&idEtab=MDkxMDYyNkw=&idRessource=ark%3A%2F12313%2FHE9782017102120' target="_parent">
 			<img class="physique" src="../assets/social/physique.png" alt="physique">
 		</a>
 		<a class="histoire" href=https://manuelnumeriquemax.belin.education/histoire-premiere target="_parent">
diff --git a/index.html b/index.html
index bc06f0b..f580f62 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Accueil</title>
+    <title>Hub</title>
     <link rel="shortcut icon" href="assets/icon2.ico">
     <link rel="stylesheet" href="css/style.css">
     <script src="js/js.js"></script>
@@ -109,7 +109,7 @@
         </div>
         <br>
         <div>
-            <input id="launchit" type="button" name="startit" value="minuteur" onclick="window.open( 'html/minuteur.html', 'tester', 
+            <input id="minuteur" type="button" name="startit" value="Minuteur" onclick="window.open( 'html/minuteur.html', 'tester', 
 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=650,height=650' );">
         </div>
     </div>
