diff --git a/SkateUnity/.~lock.Contexte_Persona.odt# b/SkateUnity/.~lock.Contexte_Persona.odt#
new file mode 100644
index 0000000..b13f984
--- /dev/null
+++ b/SkateUnity/.~lock.Contexte_Persona.odt#
@@ -0,0 +1 @@
+,nicoblondeau,ArchNico,30.10.2022 22:33,file:///home/nicoblondeau/.var/app/org.libreoffice.LibreOffice/config/libreoffice/4;
\ No newline at end of file
diff --git a/SkateUnity/Contexte.pdf b/SkateUnity/Contexte.pdf
new file mode 100644
index 0000000..be871d0
Binary files /dev/null and b/SkateUnity/Contexte.pdf differ
diff --git a/SkateUnity/Persona.pdf b/SkateUnity/Persona.pdf
new file mode 100644
index 0000000..6df6b94
Binary files /dev/null and b/SkateUnity/Persona.pdf differ
diff --git a/SkateUnity/css/contact.css b/SkateUnity/css/contact.css
new file mode 100644
index 0000000..225e599
--- /dev/null
+++ b/SkateUnity/css/contact.css
@@ -0,0 +1,111 @@
+.topPart{
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	flex-direction: column;
+	background-color: #2a9d8f;
+	height: fit-content;
+	text-shadow: 2px 2px #835d91;
+	padding-bottom: 15px;
+	padding-top: 30px;
+	box-shadow: 0px 20px 15px 10px #2a9d8f;
+}
+
+.layoutDeco{
+	background-color: #F4A261;
+	padding: 20px;
+	margin-right: 35%;
+	margin-left: 35%;
+	border-top: 6px solid #E76F51;
+	border-bottom: 6px solid #E76F51;
+	margin-top: 3em;
+	width: fit-content;
+	border-radius: 20px;
+}
+
+#subTitle{
+	padding-left: 15%;
+	padding-right: 15%;
+}
+
+.form{
+	margin-top: 50px;
+	background-color: #F4A261;
+	display: flex;
+	justify-content: space-around;
+	flex-flow: column;
+	padding-top: 20px;
+	padding-bottom: 40px;
+	align-items: center;
+	padding-left: 5%;
+	padding-right: 5%;
+	margin-right: 30%;
+	margin-left: 30%;
+	border-top: 6px solid #E76F51;
+	border-bottom: 6px solid #E76F51;
+	margin-top: 3em;
+	border-radius: 10px;
+}
+
+.form > div{
+
+}
+
+.form > *, .infos{
+	font-family: Quicksand;
+	color: #FFFFFF;
+	text-align: center;
+	text-decoration: none;
+	transition-duration: 0.5s;
+	transition-property: font-size, color;
+}
+
+#box, #reset, #submit{
+	background-color: #ddbea9;
+	border: none;
+	border-radius: 5px;
+	max-width: 500px;
+	color: #FFFFFF;
+	text-align: center;
+	margin-top: 15px;
+	padding: 10px;
+	width: 80%;
+}
+
+#reasons{
+	background-color: #cb997e;
+	border: none;
+	border-radius: 5px;
+	max-width: 500px;
+	margin-top: 15px;
+	padding: 8px;
+}
+
+#radio{
+	margin-top: 15px;
+}
+
+#reset, #submit{
+	max-width: 200px;
+}
+
+select{
+	width: 100%;
+}
+
+.infos{
+	background-color: #F4A261;
+	padding: 20px;
+	border-top: 6px solid #E76F51;
+	border-bottom: 6px solid #E76F51;
+	align-content: center;
+	text-align: center;
+	border-radius: 20px;
+	font-size: x-large;
+}
+
+@media screen and (max-width: 800px){
+	label, textarea{
+		font-size: 80%;
+	}
+}
\ No newline at end of file
diff --git a/SkateUnity/css/default.css b/SkateUnity/css/default.css
new file mode 100644
index 0000000..ab0dfaf
--- /dev/null
+++ b/SkateUnity/css/default.css
@@ -0,0 +1,244 @@
+@font-face {
+  font-family: Quicksand;
+  src: url(../src/font/Quicksand-Bold.otf);
+}
+
+html{
+	scroll-behavior: smooth;
+}
+
+header{
+	height: fit-content;
+	text-align: center;
+	position: sticky;
+	top: 0px;
+	background-color: #264653;
+	width: 100%;
+}
+
+h1, h2, h3, h4, h5, h6, p, figcaption, li{
+	font-family: Quicksand;
+	color: #FFFFFF;
+	text-align: center;
+	text-decoration: none;
+	margin: 0px;
+	padding: 8px;
+	transition-duration: 0.5s;
+	transition-property: font-size, color;
+}
+
+a{
+	font-family: Quicksand;
+	color: #FFFFFF;
+	text-align: center;
+  color: inherit; /* no blue colors for links */
+  text-decoration: inherit; /* no underline */
+}
+
+body{
+	margin: 0px;
+	background-color: #E9C46A;
+}
+
+.socialLinks{
+	margin-left: 10%;
+	margin-top: 20px;
+	margin-bottom: 20px;
+	float: right;
+	position: sticky;
+	right: 5%;
+  top: 20px;
+	padding: 0px;
+	background-color: #FFFFFF;
+	border-radius: 30px;
+	text-align: center;
+	width : 300px;
+}
+
+#insta{
+	width: 50px;
+	height: 50px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+#snap{
+	width: 50px;
+	height: 50px;
+	margin-top: 10px;
+	margin-bottom: 10px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+#twitter{
+	width: 50px;
+	height: 50px;
+	margin-top: 10px;
+	margin-bottom: 10px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+#bodyDiv{
+	margin-left: 10%;
+	margin-right: 10%;
+	margin-top: 4em;
+	display: block;
+}
+
+#headerMenu{
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	justify-content: center;
+  align-items: center;
+  height: fit-content;
+}
+
+#headerMenu > h2{
+	margin-left: 3%;
+	margin-right: 3%;
+	background-color: rgba(0, 0, 0, 0);
+	transition-duration: 0.2s;
+	border-radius: 30px;
+	transition-property: background-color;
+}
+
+#headerMenu > h2:hover, #headerMenu > .dropdownBox:hover{
+	background-color: rgba(255, 255, 255, .2);
+	border-radius: 30px;
+}
+
+.dropdownBtn{
+  background-color: #04AA6D;
+  border: none;
+}
+
+.dropdownBox{
+  position: relative;
+  display: inline-block; 
+}
+
+.menuInfos{
+  display: none;
+  position: absolute;
+  background-color: #e3d5ca;
+  min-width: 150px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
+  border-radius: 25px;
+  transition-duration: 1s;
+  transition-property: background-color, min-width;
+}
+
+.menuInfos a{
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+  border-radius: 15px;
+}
+
+.menuInfos a:hover {
+	transition: background-color;
+	background-color: #d5bdaf;
+}
+
+.dropdownBox:hover .menuInfos {
+	display: block;
+}
+
+img{
+	border-radius: 11px;
+}
+
+#goUpChild{
+	width: fit-content;
+	padding: 15px;
+	background-color: #e3d5ca;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	border-radius: 8px;
+	transition-duration: 0.5s;
+	transition-property: background-color;
+}
+
+#goUpChild:hover{
+	background-color: #FFFFFF;
+}
+
+#goUp{
+	display: flex;
+	justify-content: center;
+}
+
+#arrowUp{
+	width: 40px;
+	height: 40px;
+}
+
+footer{
+	padding-top: 1em;
+	padding-bottom: 3em;
+	border-top: 6px solid #264653;
+	border-bottom: 6px solid #264653;
+	background-color: #2A9D8F;
+}
+
+
+@media screen and (max-width: 800px){
+	h1, h2, h3, h4, h5, h6, p{
+		transition
+		font-family: Quicksand;
+		color: #ffffff;
+		text-align: center;
+		text-decoration: none;
+		font-size: 90%;
+		margin: 0px;
+		padding: 4px;
+	}
+
+	header{
+		padding: 10px;
+	}
+
+	#headerMenu > h2{
+		margin-top: 5px;
+		margin-bottom: 5px;
+	}
+
+	#headerMenu{
+		flex-direction: column;
+	}
+
+	.socialLinks{
+		margin-top: 5px;
+		margin-right: 3%;
+		position: absolute;
+		padding: 0px;
+		top: 125px;
+		background-color: #FFFFFF;
+		border-radius: 20px;
+		width: 70px;
+	}
+
+	#insta{
+		width: 30px;
+		height: 30px;
+	}
+
+	#snap{
+		width: 30px;
+		height: 30px;
+	}
+
+	#twitter{
+		width: 30px;
+		height: 30px;
+	}
+}
\ No newline at end of file
diff --git a/SkateUnity/css/homePage.css b/SkateUnity/css/homePage.css
new file mode 100644
index 0000000..9ec8cd4
--- /dev/null
+++ b/SkateUnity/css/homePage.css
@@ -0,0 +1,142 @@
+.topPart{
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	flex-direction: column;
+	background-color: #FFFFFF;
+	background-image: url("../src/pictures/skateBannerv2.png");
+	background-size: cover;
+	background-position: center;
+	height: 420px;
+	text-shadow: 2px 2px #835d91;
+	padding-bottom: 30px;
+	box-shadow: 0px 20px 20px 0px #ba9fc7;
+	border-bottom: 3px solid #8c5784;
+}
+
+#title{
+	font-size: 300%;
+}
+
+#subTitle{
+	font-size: xx-large;
+}
+
+#gifSkate{
+	height: 12em;
+	width: 17em;
+}
+
+#updateNotes{
+	width: 100%;
+}
+
+.updateWebsiteSection{
+	float: right;
+	background-color: #F4A261;
+	padding: 20px;
+	margin-right: 5%;
+	margin-left: 5%;
+	margin-bottom: 5%;
+	border-top: 6px solid #E76F51;
+	border-bottom: 6px solid #E76F51;
+	border-radius: 20px;
+}
+
+.newsTable{
+	float: inherit;
+	background-color: #F4A261;
+	padding: 20px;
+	border-top: 6px solid #E76F51;
+	border-bottom: 6px solid #E76F51;
+	align-content: center;
+	text-align: center;
+	border-radius: 20px;
+}
+
+.article{
+	border-radius: 10px;
+	background-color: transparent;
+	transition-duration: 0.5s;
+	transition-property: background-color;
+	margin-right: 2%;
+}
+
+.article:hover{
+	background-color: #fec89a;
+}
+
+.tableImg{
+	width: 100%;
+	height: 100%;
+}
+
+#descArticles{
+	display: block;
+}
+
+.sameTheme{
+	background-color: #F4A261;
+	padding: 20px;
+	margin-top: 5%;
+	margin-right: 10%;
+	margin-left: 10%;
+	border-top: 6px solid #E76F51;
+	border-bottom: 6px solid #E76F51;
+	border-radius: 20px;
+	height: 400px;
+	min-width: 435px;
+}
+
+#bottomLinks > a{
+	width: fit-content;
+	background-color: #c97c5d;
+	border-radius: 25px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	padding-left: 40px;
+	padding-right: 40px;
+	border-bottom: 4px solid #7d4f50;
+	border-right: 4px solid #7d4f50;
+	color: #FFFFFF;
+	transition-duration: 1s;
+	transition-property: background-color, border, color;
+}
+
+#bottomLinks > a:hover{
+	background-color: #f3d8c7;
+	border-bottom: 4px solid #f38375;
+	border-right: 4px solid #f38375;
+	
+  color: #000000;
+}
+
+@media screen and (max-width: 1030px){
+
+	#bodyDiv{
+		display: flex;
+		flex-direction: column;
+	}
+}
+
+@media screen and (max-width: 800px){
+	.updateWebsiteSection + .newsTable{
+		clear: right;
+		margin-right: 5%;
+		margin-left: 5%;
+	}
+
+	#descArticles{
+		display: none;
+	}
+
+	.sameTheme{
+		min-width: 280px;
+	}
+
+	#bottomLinks > a{
+		padding-left: 5%;
+		padding-right: 5%;
+		font-size: 80%;
+	}
+}
\ No newline at end of file
diff --git a/SkateUnity/css/media.css b/SkateUnity/css/media.css
new file mode 100644
index 0000000..ddf25dd
--- /dev/null
+++ b/SkateUnity/css/media.css
@@ -0,0 +1,127 @@
+.topPart{
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	flex-direction: column;
+	background-color: #FFFFFF;
+	background-image: url("../src/pictures/mediaBanner.jpg");
+	background-size: cover;
+	background-position: center;
+	height: 420px;
+	text-shadow: 2px 2px #835d91;
+	padding-bottom: 30px;
+	box-shadow: 0px 20px 20px 0px #d5bdaf;
+	border-bottom: 3px solid #9a8c98;
+	margin-bottom: 50px;
+}
+body{
+	background-color: #eee2df;
+}
+
+#title{
+	font-size: 300%;
+}
+
+#subTitle{
+	font-size: xx-large;
+}
+
+.bodyDiv{
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.column {
+  -ms-flex: 25%; /* IE10 */
+  flex: 25%;
+  max-width: 50%;
+  display: flex;
+  justify-content: space-around;
+  flex-flow: column;
+  align-items: flex-start;
+}
+
+figcaption{
+	padding-left: 20px;
+	padding-right: 20px;
+	margin-left: 5px;
+	visibility: hidden;
+	transition-duration: 0.3s;
+	transition-property: visibility, background-color;
+	border-radius: 20px;
+	color: transparent;
+}
+
+img:hover + figcaption, video:hover + figcaption{
+	visibility: visible;
+	background-color: #5e548e;
+	color: white;
+}
+
+figure > img, figure > video{
+	width: 350px;
+	margin-top: 15px;
+  margin-bottom: 15px;
+  margin-left: 10px;
+  margin-right: 0px;
+  vertical-align: middle;
+  border-radius: 3px;
+  border: 6px solid #ffb4a2;
+  box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);
+  transition-duration: 0.6s;
+  transition-property: width, margin-top, margin-left, margin-bottom, margin-right, box-shadow, border;
+}
+
+figure > img:hover, figure > video:hover{
+	width: 360px;
+	margin-top: 10px;
+  margin-bottom: 5px;
+  margin-left: 5px;
+  margin-right: 0px;
+  box-shadow: 4px 10px 6px -8px rgba(0,0,0,.3);
+  border: 6px solid #5e548e;
+}
+
+#credits{
+	display: none;
+}
+
+
+@media screen and (max-width: 800px) {
+  .column {
+    -ms-flex: 50%;
+    flex: 50%;
+    max-width: 50%;
+    justify-content: center;
+  }
+
+  .column > img, .column > video{
+	  margin-left: 0px;
+	  width: 90%;
+	  transition-duration: 0.6s;
+	  transition-property: width, margin-top, margin-left, margin-bottom, margin-right;
+	}
+
+	.column > img:hover, .column > video:hover{
+		width: 95%;
+		margin-top: 5px;
+		margin-bottom: 5px;
+		margin-left: 0px;
+		margin-right: 0px;
+	}
+}
+
+@media screen and (max-width: 1000px) {
+  #c3, #c1, #c4{
+  	display: none;
+	 	visibility: hidden;
+	}
+
+}
+
+@media screen and (max-width: 1900px) {
+	#c1, #c4{
+	 	visibility: hidden;
+	}
+}
\ No newline at end of file
diff --git a/SkateUnity/css/news.css b/SkateUnity/css/news.css
new file mode 100644
index 0000000..1761241
--- /dev/null
+++ b/SkateUnity/css/news.css
@@ -0,0 +1,79 @@
+.topPart{
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	flex-direction: column;
+	background-color: #FFFFFF;
+	background-image: url("../src/pictures/newsBanner.png");
+	background-size: cover;
+	background-position: center;
+	height: 420px;
+	text-shadow: 2px 2px #835d91;
+	padding-bottom: 30px;
+	box-shadow: 0px 20px 20px 0px #ffb073;
+	border-bottom: 3px solid #E76F51;
+}
+
+#title{
+	font-size: 300%;
+}
+
+.bodyDiv{
+	margin-left: 10%;
+	margin-right: 10%;
+	margin-top: 3em;
+	clear: right;
+	clear: left;
+}
+
+.article{
+	border-radius: 10px;
+	background-color: transparent;
+	transition-duration: 0.5s;
+	transition-property: background-color;
+	margin-right: 2%;
+}
+
+.article:hover{
+	background-color: #fec89a;
+}
+
+.tableImg{
+	width: 100%;
+	height: 100%;
+}
+
+.newsTable{
+	float: inherit;
+	padding: 20px;
+	border-top: 6px solid #E76F51;
+	border-bottom: 6px solid #E76F51;
+	align-content: center;
+	text-align: center;
+	border-radius: 20px;
+
+	background-color: #ffb073;
+	transition-duration: 0.8s;
+	transition-property: background-color;
+}
+
+.newsTable:hover{
+	background-color: #F4A261;
+}
+
+footer{
+	padding-top: 1em;
+	padding-bottom: 3em;
+	border-top: 6px solid #264653;
+	border-bottom: 6px solid #264653;
+	background-color: #2A9D8F;
+}
+
+
+@media screen and (max-width: 800px){
+
+	#descArticles{
+		display: none;
+	}
+
+}
\ No newline at end of file
diff --git a/SkateUnity/css/siteMap.css b/SkateUnity/css/siteMap.css
new file mode 100644
index 0000000..a629401
--- /dev/null
+++ b/SkateUnity/css/siteMap.css
@@ -0,0 +1,15 @@
+.topPart{
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	flex-direction: column;
+	height: 100px;
+	text-shadow: 2px 2px #835d91;
+	padding-bottom: 30px;
+	box-shadow: 0px 20px 20px 0px #84a98c;
+	background-color: #84a98c;
+}
+
+#siteImg{
+	width: 100%;
+}
\ No newline at end of file
diff --git a/SkateUnity/html/contact.html b/SkateUnity/html/contact.html
new file mode 100644
index 0000000..bd186af
--- /dev/null
+++ b/SkateUnity/html/contact.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/contact.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../src/pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <nav id="headerMenu">
+                <h2><a href="../index.html">Home</a></h2>
+                <h2><a href="news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../src/pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../src/pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../src/pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </nav>
+        </header>
+        <div class="topPart">
+            <h1 id="subTitle"><u>You want to contact us? Fill up the form or DM us on Social Medias!</u></h1>
+            <br/>
+        </div>
+        <div class="layoutDeco">
+            <h2>Instagram : <a class="social" href="instagram.com/">@SkateboardUnity</a></h2>
+            <h2>Snapchat : <a class="social" href="snapchat.com/">@SkateboardUnity</a></h2>
+            <h2>Twitter : <a class="social" href="twitter.com/">@SkateboardUnity</a></h2>
+        </div>
+        <br/>
+        <form class="form" action="../php/form.php" method="POST">
+            <h2><u><b>Fill the form :</b></u></h2>
+            <div>
+                <label for="id_prenom" value="surname">First name: </label>
+                <input id="box" name="surname" type="text" id="id_prenom" required>
+            </div>
+            <div>
+                <label for="id_nom" value="name">Name: </label>
+                <input id="box" name="name" type="text" id="id_nom" required>
+            </div>
+            <div>
+                <label for="id_email" value="email">Email: </label>
+                <input id="box" name="email" type="email" id="id_email" required></input>
+            </div>
+            <select name="reason" id="reasons" required>
+                <option id="contactUs" value="Feedback">Contact Us - Send a feedback</option>
+                <option id="reportBug" value="Bug report">Report a bug</option>
+            </select>
+            <div id="radio">
+                <label for="firstDemand">First Demand</label>
+                <input type="radio" name="demand" id="firstDemand" value="First Demand"></input>
+            </div>
+            <div id="radio">
+                <label for="notFirstDemand">Already sent a demand</label>
+                <input type="radio" name="demand" id="notFirstDemand" value="Not the first Demand"></input>
+            </div>
+            <textarea name="box" id="box" cols="50" rows="8" required></textarea>
+            <div>
+                <label for="id_checkbox">I agree to share my informations with "UnitySkate" </label>
+                <input type="checkbox" id="id_checkbox" name="id_checkbox" required>
+            </div>
+            <input id="reset" type="reset" value="Reset">
+            <input id="submit" type="submit" value="Submit">
+        </form>
+        <br/>
+        <br/>
+        <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/html/media.html b/SkateUnity/html/media.html
new file mode 100644
index 0000000..4b2a287
--- /dev/null
+++ b/SkateUnity/html/media.html
@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/media.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../src/pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <div id="headerMenu">
+                <h2><a href="../index.html">Home</a></h2>
+                <h2><a href="news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../src/pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../src/pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../src/pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </div>
+        </header>
+        <div class="topPart">
+            <h1 id="title"><b>Skateboard Unity</b></h1>
+            <h1 id="subTitle"><u>Informations: Medias and Photos</u></h1>
+            <br/>
+        </div>
+        <div class="bodyDiv">
+            <div id="c1" class="column">
+                <figure>
+                    <img src="../src/blog/res/photos/fise-xperience-series-le-havre-results-1740.jpg"/>
+                    <figcaption><b>Image credit:</b> / Hurricane/FISE</figcaption>
+                </figure>
+                <figure>
+                    <video src="../src/media/videos/Backside+lipslide+kickflip+backside+lipslide+shorts.mp4" type="video/mp4" autoplay muted loop></video>
+                    <figcaption><b>Image credit:</b> / Youtube/RickyGlaser</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/blog/res/photos/best-foot-forward-oslo-recap-1726.jpg"/>
+                    <figcaption><b>Image credit:</b> / Blue Tomato/Carl Østberg</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/blog/res/photos/four-stops-towards-the-world-rookie-skateboard-finals-2022-1747.jpg"/>
+                    <figcaption><b>Image credit:</b> / World Rookie Tour/Black Yeti</figcaption>
+                </figure>
+                <figure>
+                    <video src="../src/media/videos/SATISFYING+SKATEBOARDING!+shorts.mp4" type="video/mp4" autoplay muted loop></video>
+                    <figcaption><b>Image credit:</b> / Youtube/RickyGlaser</figcaption>
+                </figure>
+            </div>
+            <div id="c2" class="column">
+                <figure>
+                    <img src="../src/blog/res/photos/longboard-wheel-science.jpg"/>
+                    <figcaption><b>Image credit:</b> / ESPORTE/Luddmyla .</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/blog/res/photos/world-rookie-skateboard-finals-2022-1736.jpg"/>
+                    <figcaption><b>Image credit:</b> / World Rookie Tour/Black Yeti</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/media/photos/skateboard-trick-tipp-fakie-disaster-768x512.webp"/>
+                    <figcaption><b>Image credit:</b> / Youtube/SKATEDELUXE/Backside Disaster</figcaption>
+                </figure>
+                <figure>
+                    <video src="../src/media/videos/PoleJam+late+impossible+shorts.mp4" type="video/mp4" autoplay muted loop></video>
+                    <figcaption><b>Image credit:</b> / Youtube/RickyGlaser</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/media/photos/photo-random.jpg"/>
+                    <figcaption><b>Image credit:</b> / Wallpapercave.com/Unknown (5810050.jpg)</figcaption>
+                </figure>
+            </div>
+            <div id="c3" class="column">
+                <figure>
+                    <video src="../src/media/videos/Around+we+go+shorts.mp4" type="video/mp4" autoplay muted loop></video>
+                    <figcaption><b>Image credit:</b> / Youtube/RickyGlaser</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/media/photos/railSkateTricks.webp"/>
+                    <figcaption><b>Image credit:</b> / Unknown</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/media/photos/downhill-skateboard-tricks1.webp">
+                    <figcaption><b>Image credit:</b> / Unknown</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/media/photos/Skateboarder1_Robert'sSkateboardingBlog.webp">
+                    <figcaption><b>Image credit:</b> / Unknown</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/media/photos/autre-photo.webp">
+                    <figcaption><b>Image credit:</b> / Unknown</figcaption>
+                </figure>
+            </div>
+            <div id="c4" class="column">
+                <figure>
+                    <img src="../src/media/photos/vitus-silas-sondrup-and-antonie-bakosova-are-the-2022-world-rookie-skateboard-champions-1756.jpg"/>
+                    <figcaption><b>Image credit:</b> / World Rookie Tour/Andreas Amplatz</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/media/photos/Gal_skate.jpg">
+                    <figcaption><b>Image credit:</b> / World Rookie Tour/Andreas Amplatz</figcaption>
+                </figure>
+                <figure>
+                    <video src="../src/media/videos/this+trick+shouldn't+be+possible+shorts.mp4" type="video/mp4" autoplay muted loop></video>
+                    <figcaption><b>Image credit:</b> / Youtube/BrailleSkateboarding</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/media/photos/Gal_1097-Bulle 2.jpg">
+                    <figcaption>^<b>Image credit:</b> / Blue Tomato/Sebastiano Bartoloni</figcaption>
+                </figure>
+                <figure>
+                    <img src="../src/media/photos/Gal_1091-MysticSk8Cup (10).jpg">
+                    <figcaption><b>Image credit:</b> / World Rookie Tour/Black Yeti</figcaption>
+                </figure>
+            </div>
+        </div>
+        <br/>
+        <br/>
+        <div id="goUp">
+            <a href="#" id="goUpChild">
+                <span>Top of the page</span>
+                <img id="arrowUp" src="../src/pictures/arrowUp.png">
+            </a>
+        </div>
+        <br/>
+        <br/>
+        <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/html/news.html b/SkateUnity/html/news.html
new file mode 100644
index 0000000..6315524
--- /dev/null
+++ b/SkateUnity/html/news.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/news.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../src/pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <div id="headerMenu">
+                <h2><a href="../index.html">Home</a></h2>
+                <h2><a href="news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../src/pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../src/pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../src/pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </div>
+        </header>
+        <div class="topPart">
+            <h1 id="title"><b>Skateboard Unity</b></h1>
+            <h1 id="subTitle"><u>Latest news:</u></h1>
+            <br/>
+        </div>
+        <div class="bodyDiv">
+            <table class="newsTable">
+                <article>
+                    <tr>
+                        <td>
+                            <div class="article">
+                                <a href="../src/blog/res/html/four-stops-towards-the-world-rookie-skateboard-finals-2022.html">
+                                <h3><b>FOUR STOPS TO GO BEFORE THE WORLD ROOKIE SKATEBOARD FINALS 2022</b></h3>
+                                <h5>15th September 2022</h5>
+                                <p id="descArticles">Last chance to qualify for the finals in Innsbruck...</p>
+                                </a>
+                            </div>
+                        </td>
+                        <td width="30%">
+                            <img class="tableImg" src="../src/blog/res/photos/four-stops-towards-the-world-rookie-skateboard-finals-2022-1747.jpg">
+                        </td>
+                    </tr>
+                </article>
+
+                <article>
+                    <tr>
+                        <td>
+                            <div class="article">
+                                <a href="../src/blog/res/html/world-rookie-skateboard-finals-in-less-than-a-month.html">
+                                <h3><b>WORLD ROOKIE SKATEBOARD FINALS IN LESS THAN A MONTH</b></h3>
+                                <h5>4th September 2022</h5>
+                                <p id="descArticles">Skatehalle Innsbruck, Austria, 30 Sept. – 2 Oct. 2022 - Registrations are open</p>
+                                </a>
+                            </div>
+                        </td>
+                        <td>
+                            <img class="tableImg" src="../src/blog/res/photos/world-rookie-skateboard-finals-2022-1736.jpg">
+                        </td>
+                    </tr>
+                </article>
+
+                <article>
+                    <tr>
+                        <td>
+                            <div class="article">
+                                <a href="../src/blog/res/html/fise-xperience-series-le-havre-results.html">
+                                <h3><b>FISE XPERIENCE SERIES LE HAVRE RESULTS</b></h3>
+                                <h5>1st September 2022</h5>
+                                <p id="descArticles">The last stop of the FISE French Tour Aug 26-28th was a blast! Get all the results here...</p>
+                                </a>
+                            </div>
+                        </td>
+                        <td>
+                            <img class="tableImg" src="../src/blog/res/photos/fise-xperience-series-le-havre-results-1740.jpg">
+                        </td>
+                    </tr>
+                </article>
+
+                <article>
+                    <tr>
+                        <td>
+                            <div class="article">
+                                <a href="../src/blog/res/html/longboard-wheel-science.html">
+                                <h3><b>THE SCIENCE OF LONGBOARD WHEELS</b></h3>
+                                <h5>1st September 2022</h5>
+                                <p id="descArticles">Back in the day, there were very few decisions that had to be made regarding what types of wheels...</p>
+                                </a>
+                            </div>
+                        </td>
+                        <td>
+                            <img class="tableImg" src="../src/blog/res/photos/longboard-wheel-science.jpg">
+                        </td>
+                    </tr>
+                </article>
+
+                <article>
+                    <tr>
+                        <td>
+                            <div class="article">
+                                <a href="../src/blog/res/html/best-foot-forward-oslo-recap.html">
+                                <h3><b>BEST FOOT FORWARD OSLO RECAP</b></h3>
+                                <h5>16th August 2022</h5>
+                                <p id="descArticles">What a 10th tourstop it was! Here's the latest from Blue Tomato's great Best Foot Forward Tour...</p>
+                                </a>
+                            </div>
+                        </td>
+                        <td>
+                            <img class="tableImg" src="../src/blog/res/photos/best-foot-forward-oslo-recap-1726.jpg">
+                        </td>
+                    </tr>
+                </article>
+            </table>
+            <br/>
+            <br/>
+            <div id="goUp">
+                <a href="#" id="goUpChild">
+                    <span>Top of the page</span>
+                    <img id="arrowUp" src="../src/pictures/arrowUp.png">
+                </a>
+            </div>
+            <br/>
+            <br/>
+        </div>
+        <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/html/siteMap.html b/SkateUnity/html/siteMap.html
new file mode 100644
index 0000000..fbfc6ec
--- /dev/null
+++ b/SkateUnity/html/siteMap.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/siteMap.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../src/pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <div id="headerMenu">
+                <h2><a href="../index.html">Home</a></h2>
+                <h2><a href="news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../src/pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../src/pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../src/pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </div>
+        </header>
+        <div class="topPart">
+            <h1><b><u>Site Map</u></b></h1>
+        </div>
+        <br/>
+        <br/>
+        <img id="siteImg" src="../src/pictures/SiteMap.png">
+    <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/index.html b/SkateUnity/index.html
new file mode 100644
index 0000000..c9bf293
--- /dev/null
+++ b/SkateUnity/index.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="css/homePage.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="src/pictures/skateIcon.ico"/>
+    </head>
+    <body>
+        <header>
+            <nav id="headerMenu">
+                <h2><a href="index.html">Home</a></h2>
+                <h2><a href="html/news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="html/contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="html/media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="src/pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="src/pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="src/pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </nav>
+        </header>
+        <div class="topPart">
+            <!--<img id="gifSkate" src="src/pictures/skateGif-unscreen.gif" alt="Skate gif">-->
+            <h1 id="title"><b>Skateboard Unity</b></h1>
+            <h1 id="subTitle"><u>Find your style!</u></h1>
+            <br/>
+        </div>
+        <div id="bodyDiv">
+            <section class="updateWebsiteSection">
+                <h2><u>Website Update</u></h2>
+                <br/>
+                <object id="updateNotes" data="updateWebsite.txt"></object>
+            </section>
+            <section>
+                <table class="newsTable">
+                    <tr>
+                        <td colspan="2"><h2><u>Latest news</u></h2></td>
+                    </tr>
+                    <article>
+                        <tr>
+                            <td width="540px">
+                                <div class="article">
+                                    <a href="src/blog/res/html/four-stops-towards-the-world-rookie-skateboard-finals-2022.html" class="article">
+                                    <h3><b>FOUR STOPS TO GO BEFORE THE WORLD ROOKIE SKATEBOARD FINALS 2022</b></h3>
+                                    <h5>15th September 2022</h5>
+                                    <p id="descArticles">Last chance to qualify for the finals in Innsbruck...</p>
+                                    </a>
+                                </div>
+                            </td>
+                            <td width="30%">
+                                <img class="tableImg" width="300px"src="src/blog/res/photos/four-stops-towards-the-world-rookie-skateboard-finals-2022-1747.jpg">
+                            </td>
+                        </tr>
+                    </article>
+
+                    <article>
+                        <tr>
+                            <td width="540px" >
+                                <div class="article">
+                                    <a href="src/blog/res/html/world-rookie-skateboard-finals-in-less-than-a-month.html" class="article">
+                                    <h3><b>WORLD ROOKIE SKATEBOARD FINALS IN LESS THAN A MONTH</b></h3>
+                                    <h5>4th September 2022</h5>
+                                    <p id="descArticles">Skatehalle Innsbruck, Austria, 30 Sept. – 2 Oct. 2022 - Registrations are open</p>
+                                    </a>
+                                </div>
+                            </td>
+                            <td width="30%">
+                                <img class="tableImg" width="300px"src="src/blog/res/photos/world-rookie-skateboard-finals-2022-1736.jpg">
+                            </td>
+                        </tr>
+                    </article>
+
+                    <article>
+                        <tr>
+                            <td width="540px">
+                                <div class="article">
+                                    <a href="src/blog/res/html/fise-xperience-series-le-havre-results.html">
+                                    <h3><b>FISE XPERIENCE SERIES LE HAVRE RESULTS</b></h3>
+                                    <h5>1st September 2022</h5>
+                                    <p id="descArticles">The last stop of the FISE French Tour Aug 26-28th was a blast! Get all the results here...</p>
+                                    </a>
+                                </div>
+                            </td>
+                            <td width="30%">
+                                <img class="tableImg" width="300px"src="src/blog/res/photos/fise-xperience-series-le-havre-results-1740.jpg">
+                            </td>
+                        </tr>
+                    </article>
+                </table>
+            </section>
+            <br/>
+            <br/>
+            <div class="sameTheme">
+                <h2><u>On the same theme :</u></h2>
+                <aside id="bottomLinks">
+                        <br/>
+                        <br/>
+                        <a target="_blank" href="https://en.wikipedia.org/wiki/Skateboarding">What is Skateboarding?</a>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <a target="_blank" href="https://www.boardriding.com/">Boardriding.com - Skate Competitions</a>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <a target="_blank" href="https://www.thrashermagazine.com/">TrasherMagazine.com - Skate News</a>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <a target="_blank" href="https://www.abcskate.com/">AbcSkate.com - Skate News</a>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <a target="_blank" href="https://www.elementbrand.fr/">Elements.com - SkateShop</a>
+                        <br/>
+                        <br/>
+                        <br/>
+                </aside>
+            </div>
+            <br/>
+            <br/>
+            <div id="goUp">
+                <a href="#" id="goUpChild">
+                    <span>Top of the page</span>
+                    <img id="arrowUp" src="src/pictures/arrowUp.png">
+                </a>
+            </div>
+            <br/>
+            <br/>
+        </div>
+        <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/php/form.php b/SkateUnity/php/form.php
new file mode 100644
index 0000000..2607132
--- /dev/null
+++ b/SkateUnity/php/form.php
@@ -0,0 +1,67 @@
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/contact.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../src/pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <div id="headerMenu">
+                <h2><a href="../index.html">Home</a></h2>
+                <h2><a href="../html/news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="../html/contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="../html/media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../src/pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../src/pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../src/pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </div>
+        </header>
+        	<?php
+            echo('<div class="topPart"><h1 id="title"><u>'.$_POST["surname"].', you completed the form with the following informations:</u></h1><br/></div>');
+            echo('<div class="infos">');
+	        echo("Surname: ");
+	        echo($_POST['surname']);
+            echo("<br/>");
+            echo("Name: ");
+            echo($_POST['name']);
+            echo("<br/>");
+	        echo "Email: ";
+	        echo($_POST['email']);
+            echo("<br/>");
+	        echo "Reason of contact: ";
+	        echo($_POST['reason']);
+            echo("<br/>");
+	        echo "State of the demand: ";
+	        echo($_POST['demand']);
+            echo("<br/>");
+	        echo "Description: ";
+	        echo($_POST['box']);
+            echo("<br/>");
+            echo("</div>");
+	        ?>
+        <br/>
+        <br/>
+    </body>
+    <footer>
+        <br/>
+        <br/>
+        <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../html/siteMap.html">Site Map</a></p>
+    </footer>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/src/blog/res/css/default.css b/SkateUnity/src/blog/res/css/default.css
new file mode 100644
index 0000000..ed9d13f
--- /dev/null
+++ b/SkateUnity/src/blog/res/css/default.css
@@ -0,0 +1,49 @@
+@font-face {
+  font-family: Quicksand;
+  src: url(../../../font/Quicksand-Bold.otf);
+}
+
+.topPart{
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	flex-direction: column;
+	height: 100px;
+	text-shadow: 2px 2px #835d91;
+	padding-bottom: 30px;
+	box-shadow: 0px 20px 20px 0px #84a98c;
+	background-color: #84a98c;
+}
+
+body{
+	background-color: #F4A261;
+}
+
+body > p{
+	padding-left: 10%;
+	padding-right: 10%;
+}
+
+a{
+  color: inherit; /* blue colors for links too */
+  text-decoration: inherit; /* no underline */
+}
+
+body > img, body > embed{
+  background-color: #E9C46A;
+  padding: 20px;
+  margin-right: 5%;
+  margin-left: 5%;
+  margin-bottom: 40px;
+  border-top: 6px solid #E76F51;
+  border-bottom: 6px solid #E76F51;
+  border-radius: 10px;
+  box-shadow: 20px 20px 50px 10px #ffb4a2 inset;
+  width: 75%;
+}
+
+#credits{
+	text-align: left;
+	margin-left: 5%;
+	margin-bottom: 5em;
+}
\ No newline at end of file
diff --git a/SkateUnity/src/blog/res/html/best-foot-forward-oslo-recap.html b/SkateUnity/src/blog/res/html/best-foot-forward-oslo-recap.html
new file mode 100644
index 0000000..284451c
--- /dev/null
+++ b/SkateUnity/src/blog/res/html/best-foot-forward-oslo-recap.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../../../../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../../../pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <nav id="headerMenu">
+                <h2><a href="../../../../index.html">Home</a></h2>
+                <h2><a href="../../../../html/news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="../../../../html/contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="../../../../html/media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../../../pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../../../pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../../../pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </nav>
+        </header>
+        <div class="topPart">
+            <h2>BEST FOOT FORWARD OSLO RECAP</h2>
+        </div>
+        <br/>
+        <br/>
+        <img width="800px"src="../photos/best-foot-forward-oslo-recap-1726.jpg">
+        <p id="credits"><i>Image credit: / Blue Tomato/Carl Østberg</i></p>
+        <p>
+        <b>What a 10th tourstop it was! Here's the latest from Blue Tomato's great Best Foot Forward Tour...</b><br/>
+        <br/>
+        A bunch of young rippers impressed us with their impressive skills and some well known locals represented skateboarding at an extremely high level at Skur13 in Oslo.<br/>
+        <br/>
+        <b><u>Podium</u></b><br/>
+        <br/>
+        <b>Men:</b><br/>
+        1st place: Fredrik Tangerud<br/>
+        2nd place: Vitus Silas<br/>
+        3rd place: Jonas Carlsson<br/>
+        <br/>
+        <b>Women:</b><br/>
+        1st place: Maja Spatscheck<br/>
+        2nd place: Sofie Gustavsen<br/>
+        3rd place: Emine Kinck<br/>
+        <br/>
+        <b>Groms:</b><br/>
+        1st place: Patrick Tveitan Weider<br/>
+        2nd place: Aksel Sørum<br/>
+        3rd place: Nikolai Barrameda Karlsten<br/>
+        <br/>
+        The judges’ comments on the placing as follows:
+        <br/>
+        <br/>
+        <strong>Maja</strong> used the whole course in a creative way and convinced with a great trick selection. Boneless, fs 360 on the hip and a bigspin among others got her the first place for the womens category. <strong>Fredrik</strong> convinced the judges in the finals with extreme technicality and a great flow through the park. With tricks like nose blunt, 360 lip and switch tricks he rode himself to the top of the podium.<strong> Vitus</strong> proved once more that he deserves the ticket to the BFF Finals in Innsbruck with packing tons of tricks into his two-minute jam. A great use of the course and a huge switch heel on the stair set as an ender sealed the deal. And with an effortless seeming flow through Skur13, <strong>Jonas</strong> used the whole course with a lot of technical tricks like bs 270 lip, bs smith, biggie front board just to name a few of them. This got him the 3rd place and a ticket to the finals in Innsbruck.
+        </p>
+        <br/>
+        <br/>
+        <embed width="1061" height="597" src="https://www.youtube.com/watch?v=es5as01cNNw" title="Best Foot Forward Europe Oslo 2022 | Skateboard Contest | Blue Tomato" alt="Youtube Video : Best Foot Forward Europe Oslo 2022 | Skateboard Contest | Blue Tomato" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></embed>
+        <p><b>Best Foot Forward Europe Oslo 2022 | Skateboard Contest | Blue Tomato</b></p>
+        <br/>
+        <br/>
+        <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../../../../html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/src/blog/res/html/fise-xperience-series-le-havre-results.html b/SkateUnity/src/blog/res/html/fise-xperience-series-le-havre-results.html
new file mode 100644
index 0000000..fe1eca2
--- /dev/null
+++ b/SkateUnity/src/blog/res/html/fise-xperience-series-le-havre-results.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../../../../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../../../pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <nav id="headerMenu">
+                <h2><a href="../../../../index.html">Home</a></h2>
+                <h2><a href="../../../../html/news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="../../../../html/contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="../../../../html/media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../../../pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../../../pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../../../pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </nav>
+        </header>
+        <div class="topPart">
+            <h2>FISE XPERIENCE SERIES LE HAVRE RESULTS</h2>
+        </div>
+        <br/>
+        <br/>
+        <img width="800px"src="../photos/fise-xperience-series-le-havre-results-1740.jpg">
+        <p id="credits"><i>Image credit: / Hurricane/FISE</i></p>
+        <h5>Thursday, September 1, 2022</h5>
+        <br/>
+        <p>
+            More than 200 riders registered, huge crowds of spectators and bright sun set up the way to enjoy Le Havre of this last weekend of summer 2022. As the biggest of the season, this last stop was served with a 5 disciplines contest.<br/>
+            <br/>
+            On 3 fields of play, the city gathered Yadea BMX and Roller Freestyle Park, Skateboard and Scooter Bowl as well as BMX Flatland riders to wrap the season. Pro, Amateur, Women and Young talents were going big, with the Coupe de France FFC for BMX Flatland and Yadea BMX Freestyle Park, as well as a UCI C1 certification for the last one. As in the iconic Le Havre's Bowl, on the massive Yadea Freestyle Park ramps or on the Flatland Area, crowds were on fire to support international riders and local rising champions. 
+        </p>
+        <br/>
+        <p><u>Results Skateboard Bowl:</u><br/>
+            <br/>
+            1 - Joseph Garbaccio<br/>
+            2 - Rodrigue Diaz<br/>
+            3 - Sebastian Mouron<br/>
+            <br/>
+            1 - Gadea Moja<br/>
+            2 - Clémence Audoit<br/>
+            3 - Inés Coupin</p>
+        <br/>
+        <br/>
+        <embed width="1061" height="597" src="https://www.youtube.com/embed/H9XSCyKmjeE" title="BEST OF Le Havre FISE Xperience" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></embed>
+        <p><b>BEST OF Le Havre FISE Xperience</b></p>
+        <br/>
+        <br/>
+        <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../../../../html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/src/blog/res/html/four-stops-towards-the-world-rookie-skateboard-finals-2022.html b/SkateUnity/src/blog/res/html/four-stops-towards-the-world-rookie-skateboard-finals-2022.html
new file mode 100644
index 0000000..301c92c
--- /dev/null
+++ b/SkateUnity/src/blog/res/html/four-stops-towards-the-world-rookie-skateboard-finals-2022.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../../../../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../../../pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <nav id="headerMenu">
+                <h2><a href="../../../../index.html">Home</a></h2>
+                <h2><a href="../../../../html/news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="../../../../html/contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="../../../../html/media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../../../pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../../../pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../../../pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </nav>
+        </header>
+        <div class="topPart">
+            <h2>FOUR STOPS TO GO BEFORE THE WORLD ROOKIE SKATEBOARD FINALS 2022</h2>
+        </div>
+        <br/>
+        <br/>
+        <img width="800px"src="../photos/four-stops-towards-the-world-rookie-skateboard-finals-2022-1747.jpg">
+        <p id="credits"><i>Image credit: / World Rookie Tour/Black Yeti</i></p>
+        <p>
+        <b>Last chance to qualify for the finals in Innsbruck...</b><br/>
+        <br/>
+        World Rookie Tour Skateboarding 2022 is coming to an end, the Black Yeti has traveled far and wide but it's not quite over yet. UK Rookie Fest, Modena Rookie Fest, Athens Rookie Fest and Prague Rookie Fest are ready to host the best young skaters and give them the opportunity to qualify for the finals and become the World Rookie Skateboard Champion 2022.<br/>
+        <br/>
+        <b>UK Rookie Fest</b><br/>
+        The World Rookie Tour is back again in in the UK, at Graystone ‘The Home of Action Sports’ in Manchester, a city with a rich history and tradition in skateboarding.<br/>
+        <br/>
+        <b>Modena Rookie Fest</b><br/>
+        After the success of the first edition, World Rookie Tour Skateboard returns to Modena: the appointment is from 16 until 18 September! Modena is ready to host for the second year in a row, a stop of the World Rookie Tour Skateboard with a special program of side activities: Friday night session at Rock & Ride Skatepark, Saturday City Jam in old town and, of course, the WRT event on Sunday, September the 18th.<br/>
+        <br/>
+        <b>Athens Rookie Fest</b><br/>
+        The World Rookie Tour skateboard contest is hosted for the first time in Athens on September 23rd and 24th, at Marousi Skate bmx park, located at the side of the legendary OAKA Olympic stadium. An amazing location at the north of Athens, that gathers most of the local skateboarding community.<br/>
+        <br/>
+        <b>Prague Rookie Fest</b><br/>
+        World Rookie Tour come back in Czechia for the Prague Rookie Fest in one of the most iconic European skatepark: the Mystic Skatepark. From September the 23th to September the 25th, if you are a skate fan or if your dream is to start a professional skate carrier, then the Mystic Skatepark is the place to be!<br/>
+        <br/>
+        Don’t miss the last opportunities to be one of the best young skaters from all over the world that will land in Austria from 30 September to 2nd of October 2022. Incredible prices like invitations to the Simple Session 2023 in Tallin, Mystic Sk8 Cup 2023 in Prague and special Red Bull Experiences, are waiting for you!<br/>
+        <br/>
+        </p>
+        <br/>
+        <br/>
+        <embed title="vimeo-player" src="https://player.vimeo.com/video/728078597" width="1061" height="597" frameborder="0" allowfullscreen></embed>
+        <p><b>Rookies at the Mystic Sk8 Cup, Praga</b></p>
+        <br/>
+        <br/>
+        <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../../../../html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/src/blog/res/html/longboard-wheel-science.html b/SkateUnity/src/blog/res/html/longboard-wheel-science.html
new file mode 100644
index 0000000..f881b83
--- /dev/null
+++ b/SkateUnity/src/blog/res/html/longboard-wheel-science.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../../../../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../../../pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <nav id="headerMenu">
+                <h2><a href="../../../../index.html">Home</a></h2>
+                <h2><a href="../../../../html/news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="../../../../html/contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="../../../../html/media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../../../pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../../../pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../../../pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </nav>
+        </header>
+        <div class="topPart">
+            <h2>THE SCIENCE OF LONGBOARD WHEELS</h2>
+        </div>
+        <br/>
+        <br/>
+        <img width="800px"src="../photos/longboard-wheel-science.jpg">
+        <p id="credits"><i>Image credit: Unknown</i></p>
+        <h5>Thursday, September 1, 2022</h5>
+        <br/>
+        <p>
+            Back in the day, there were very few decisions that had to be made regarding what types of wheels would be the hot ticket for skating.<br/>
+            At first, we just had steel, and all we could do was hang on for our lives.<br/>
+            Next came a slight improvement with clay wheels, and then the floodgates began to crack open with the advent of polyurethane for skate wheels.<br/>
+            That major revelation happened over 40 years ago, and since then, wheel technology has exploded.<br/>
+            <br/>Today, this explosion has left us with an enormous matrix of choices regarding skate wheels.<br/>
+            But with all of these choices have come plenty of misconceptions and misinformation about what wheel works best for what types of skating.<br/><br/>
+            It's not simply a material choice anymore.<br/><br/>
+        </p>
+        <img src="../photos/longboard-wheels.jpg">
+        <p>
+            Compounds, geometry, hubs, sizes, and aspect ratios must now be considered when setting up your ride.<br/>
+            With so many different types and styles of skating evolving all of the time, this further makes a choice more difficult.<br/>
+            A wheel that might work stellar for one type of skating may be a total abortion for another.<br/>
+            <br/>
+        </p>
+        <br/>
+        <h3>All important properties to choose your wheels:</h3>
+        <li>
+            1. Construction<br/>
+            2. Strength<br/>
+            3. Energy Return<br/>
+            4. Rolling Resistance<br/>
+            5. Lateral Traction<br/>
+            6. Abrasion Resistance<br/>
+            7. Rotational Inertia<br/>
+            8. Hysteresis and Heat Transfer<br/>
+            9. Economy<br/>
+        </li>
+        <br/>
+        <p><i>Here is a video for more details:</i></p>
+        <embed width="1061" height="597" src="https://www.youtube.com/embed/7k03AAo6YVM" title="How to Choose Longboard Wheels | Tactics" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></embed>
+        <p><b>How to Choose Longboard Wheels | Tactics</b></p>
+        <br/>
+        <br/>
+        <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../../../../html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/src/blog/res/html/world-rookie-skateboard-finals-in-less-than-a-month.html b/SkateUnity/src/blog/res/html/world-rookie-skateboard-finals-in-less-than-a-month.html
new file mode 100644
index 0000000..f14f23f
--- /dev/null
+++ b/SkateUnity/src/blog/res/html/world-rookie-skateboard-finals-in-less-than-a-month.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Skateboard Unity</title>
+        <meta charset="UTF-8">
+        <meta name="author" content="Nicolas">
+        <meta name="description" content="Ce site est sur le thème vaste du skate :)">
+        <link rel="stylesheet" href="../../../../css/default.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
+        <link rel="icon" type="image/x-icon" href="../../../pictures/skateIcon.ico">
+    </head>
+    <body>
+        <header>
+            <nav id="headerMenu">
+                <h2><a href="../../../../index.html">Home</a></h2>
+                <h2><a href="../../../../html/news.html">News</a></h2>
+                <div class="dropdownBox">
+                    <h2 class="menuInfosBtn">More about us</h2>
+                    <div class="menuInfos">
+                        <h2><a class="moreInfos" href="../../../../html/contact.html">Contact Us</a></h2>
+                        <h2><a class="moreInfos" href="../../../../html/media.html">Medias and Photos</a></h2>
+                    </div>
+                </div>
+                <div class="socialLinks">
+                    <a href="instagram.com">
+                        <img id="insta" src="../../../pictures/instaIc.png" alt="Icon">
+                    </a>
+                    <a href="snapchat.com">
+                        <img id="snap" src="../../../pictures/snapIc.png" alt="Icon">
+                    </a>
+                    <a href="twitter.com">
+                        <img id="twitter" src="../../../pictures/twitterIc.png" alt="Icon">
+                    </a>
+                </div>
+            </nav>
+        </header>
+        <div class="topPart">
+            <h2>WORLD ROOKIE SKATEBOARD FINALS IN LESS THAN A MONTH</h2>
+        </div>
+        <br/>
+        <br/>
+        <img width="800px"src="../photos/world-rookie-skateboard-finals-2022-1736.jpg">
+        <p id="credits"><i>Image Credit: World Rookie Tour/Black Yeti</i></p>
+        <h5>Sunday, September 4, 2022</h5>
+        <br/>
+        <p>
+            After a season around Europe and the first Cambodia Rookie Fest in South East Asia, Black Yeti is ready to present the World Rookie Skateboard Finals in Innsbruck, Austria, from 30 September to 2 October 2022. Don’t worry, there are still other events in Europe to qualify for the finals but from today on the registrations for the Finals are open!<br/>
+            At the amazing Skatehalle Innsbruck the World Rookie Skateboard Champions 2022 will be crowned and incredible prizes will be awarded. A wildcard to Simple Session 2023 and several invitations to the Mystic Sk8 Cup 2023, invitations to special Red Bull Experience and many products from our partners Blue-Tomato, TSG and Jail Jam.<br/>
+            <br/>
+            World Rookie Tour Crew travelled through the world and found the best rookies, and now for the second time will land in the beautiful alpine metropolis Innsbruck, in Tirol, a well-known destination for its quality Skate hall, nightlife and massive mountains.<br/>
+            <br/>
+            Best skaters from Europe and Asia will come for a unique sports and lifestyle event in a great international scenario. The 2022 World Rookie Finals program will include many lifestyle activities: Brand Village with Gummi Love (Safer Sex), Viva Con Agua (Water Care Project) and others Black Yeti partners. Also there will be a Mini Ramp Session in the City Downtown on Friday Evening (30.09.2022) and much more.<br/>
+            <br/>
+            <br/>
+            <b><u>ABOUT THE WORLD ROOKIE TOUR:</u></b><br/>
+            The World Rookie Tour is organized by the Black Yeti ssrl in collaboration with World Snowboard Federation, National Snowboard, Ski and Skateboard Associations, and selected action sports agencies. It was born in 2005 as a series of youth snowboard events and it consists now of a selection of high-quality International events for snowboard, Freeski, Skateboard and Surf, the so-called "Rookie Fests", <u>reserved for riders under 18's only, in Europe, North and South America, Oceania and Asia</u>. The World Rookie Tour consists not only of competitions: it also features loads of other activities to help rookies to grow in the field of professional action sports, such as photo & video shootings, avalanche, and rescue clinics, meetings with photographers, and international team managers, parties and English talks. Since year zero, it awards tickets to world-class events such as X Games Norway, Audi Nines, The Arctic Challenge, The Air & Style, The World Snowboarding Championships, Red Bull Roller Coaster, Simple Session, Mystic Sk8 Cup, invitations to professional photo & video shootings, and shooting trip all around the world. Every year the tour crowns the World Rookie Champions at the end of the season, during the World Rookie Finals, a unique event format where the best youngsters from almost 30 countries compete and have fun. More information at <a href="www.worldrookietour.com">www.worldrookietour.com</a>.<br/>
+            <br/>
+            <b><u>ABOUT BLACK YETI:</u></b><br/>
+            The Black Yeti is an amateur sports club dedicated to the realization of Snowboard, Freeski, Skateboard and Surf projects for boys and girls up to 18 years of age, at international level. One of the most successful projects is the World Rookie Tour, the biggest and the most famous tour in the action sports world that attracts 3.000 young athletes from 30 nations to the events called "Rookie Fest", organized all over the world: Italy, Europe, North and South America, Oceania and Asia. The Rookie Fests program includes not only the competition but also many side activities such as avalanche and rescue clinics, workshops, and English talks.<br/>
+        </p>
+        <br/>
+        <embed title="vimeo-player" src="https://player.vimeo.com/video/745328456?h=876a255dcf" width="1061" height="597" frameborder="0" allowfullscreen></embed>
+        <p><b>World Rookie Finals 2022 - Official Teaser</b></p>
+        <br/>
+        <p><i>If you are a skateboard fan or if your dream is to start a professional skate carrier, then Innsbruck, Austria, is the place to be from Sept. the 30 to Oct. the 02, for the 2022 World Rookie Skateboard Finals!</i></p>
+        <br/>
+        <br/>
+        <footer>
+            <br/>
+            <br/>
+            <p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../../../../html/siteMap.html"><u>Site Map</u></a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/SkateUnity/src/blog/res/photos/best-foot-forward-oslo-recap-1726.jpg b/SkateUnity/src/blog/res/photos/best-foot-forward-oslo-recap-1726.jpg
new file mode 100644
index 0000000..b916498
Binary files /dev/null and b/SkateUnity/src/blog/res/photos/best-foot-forward-oslo-recap-1726.jpg differ
diff --git a/SkateUnity/src/blog/res/photos/fise-xperience-series-le-havre-results-1740.jpg b/SkateUnity/src/blog/res/photos/fise-xperience-series-le-havre-results-1740.jpg
new file mode 100644
index 0000000..abbfb27
Binary files /dev/null and b/SkateUnity/src/blog/res/photos/fise-xperience-series-le-havre-results-1740.jpg differ
diff --git a/SkateUnity/src/blog/res/photos/four-stops-towards-the-world-rookie-skateboard-finals-2022-1747.jpg b/SkateUnity/src/blog/res/photos/four-stops-towards-the-world-rookie-skateboard-finals-2022-1747.jpg
new file mode 100644
index 0000000..a1474e5
Binary files /dev/null and b/SkateUnity/src/blog/res/photos/four-stops-towards-the-world-rookie-skateboard-finals-2022-1747.jpg differ
diff --git a/SkateUnity/src/blog/res/photos/longboard-wheel-science.jpg b/SkateUnity/src/blog/res/photos/longboard-wheel-science.jpg
new file mode 100644
index 0000000..2beadba
Binary files /dev/null and b/SkateUnity/src/blog/res/photos/longboard-wheel-science.jpg differ
diff --git a/SkateUnity/src/blog/res/photos/longboard-wheels.jpg b/SkateUnity/src/blog/res/photos/longboard-wheels.jpg
new file mode 100644
index 0000000..d93eda2
Binary files /dev/null and b/SkateUnity/src/blog/res/photos/longboard-wheels.jpg differ
diff --git a/SkateUnity/src/blog/res/photos/world-rookie-skateboard-finals-2022-1736.jpg b/SkateUnity/src/blog/res/photos/world-rookie-skateboard-finals-2022-1736.jpg
new file mode 100644
index 0000000..57aff88
Binary files /dev/null and b/SkateUnity/src/blog/res/photos/world-rookie-skateboard-finals-2022-1736.jpg differ
diff --git a/SkateUnity/src/font/Quicksand-Bold.otf b/SkateUnity/src/font/Quicksand-Bold.otf
new file mode 100644
index 0000000..fc7384b
Binary files /dev/null and b/SkateUnity/src/font/Quicksand-Bold.otf differ
diff --git a/SkateUnity/src/font/Quicksand-BoldItalic.otf b/SkateUnity/src/font/Quicksand-BoldItalic.otf
new file mode 100644
index 0000000..9592c0f
Binary files /dev/null and b/SkateUnity/src/font/Quicksand-BoldItalic.otf differ
diff --git a/SkateUnity/src/font/Quicksand-Italic.otf b/SkateUnity/src/font/Quicksand-Italic.otf
new file mode 100644
index 0000000..ad33f69
Binary files /dev/null and b/SkateUnity/src/font/Quicksand-Italic.otf differ
diff --git a/SkateUnity/src/font/Quicksand-Light.otf b/SkateUnity/src/font/Quicksand-Light.otf
new file mode 100644
index 0000000..cdfc8c7
Binary files /dev/null and b/SkateUnity/src/font/Quicksand-Light.otf differ
diff --git a/SkateUnity/src/font/Quicksand-LightItalic.otf b/SkateUnity/src/font/Quicksand-LightItalic.otf
new file mode 100644
index 0000000..8ff1608
Binary files /dev/null and b/SkateUnity/src/font/Quicksand-LightItalic.otf differ
diff --git a/SkateUnity/src/font/Quicksand-Regular.otf b/SkateUnity/src/font/Quicksand-Regular.otf
new file mode 100644
index 0000000..c0ffc32
Binary files /dev/null and b/SkateUnity/src/font/Quicksand-Regular.otf differ
diff --git a/SkateUnity/src/font/Quicksand_Dash.otf b/SkateUnity/src/font/Quicksand_Dash.otf
new file mode 100644
index 0000000..de6c2fd
Binary files /dev/null and b/SkateUnity/src/font/Quicksand_Dash.otf differ
diff --git a/SkateUnity/src/font/SIL Open Font License.txt b/SkateUnity/src/font/SIL Open Font License.txt
new file mode 100644
index 0000000..2f1f895
--- /dev/null
+++ b/SkateUnity/src/font/SIL Open Font License.txt	
@@ -0,0 +1,43 @@
+Copyright (c) 2011, Andrew Paglinawan (www.andrewpaglinawan.com andrew.paglinawan@gmail.com), with Reserved Font Name "Quicksand".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
+
+"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
+
+5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
\ No newline at end of file
diff --git a/SkateUnity/src/font/quicksand.jpg b/SkateUnity/src/font/quicksand.jpg
new file mode 100644
index 0000000..a9e877b
Binary files /dev/null and b/SkateUnity/src/font/quicksand.jpg differ
diff --git a/SkateUnity/src/font/specimenposter_4967.jpg b/SkateUnity/src/font/specimenposter_4967.jpg
new file mode 100644
index 0000000..6546574
Binary files /dev/null and b/SkateUnity/src/font/specimenposter_4967.jpg differ
diff --git a/SkateUnity/src/media/photos/Gal_1091-MysticSk8Cup (10).jpg b/SkateUnity/src/media/photos/Gal_1091-MysticSk8Cup (10).jpg
new file mode 100644
index 0000000..c0ba24e
Binary files /dev/null and b/SkateUnity/src/media/photos/Gal_1091-MysticSk8Cup (10).jpg differ
diff --git a/SkateUnity/src/media/photos/Gal_1097-Bulle 2.jpg b/SkateUnity/src/media/photos/Gal_1097-Bulle 2.jpg
new file mode 100644
index 0000000..e52cc11
Binary files /dev/null and b/SkateUnity/src/media/photos/Gal_1097-Bulle 2.jpg differ
diff --git a/SkateUnity/src/media/photos/Gal_skate.jpg b/SkateUnity/src/media/photos/Gal_skate.jpg
new file mode 100644
index 0000000..bdfbffd
Binary files /dev/null and b/SkateUnity/src/media/photos/Gal_skate.jpg differ
diff --git a/SkateUnity/src/media/photos/GettyImages-learnTheseFundamentalsSkateboardingTricks.webp b/SkateUnity/src/media/photos/GettyImages-learnTheseFundamentalsSkateboardingTricks.webp
new file mode 100644
index 0000000..83f60d4
Binary files /dev/null and b/SkateUnity/src/media/photos/GettyImages-learnTheseFundamentalsSkateboardingTricks.webp differ
diff --git a/SkateUnity/src/media/photos/Skateboard-Tricks-for-Beginners-blunt-fakie.webp b/SkateUnity/src/media/photos/Skateboard-Tricks-for-Beginners-blunt-fakie.webp
new file mode 100644
index 0000000..8b8c249
Binary files /dev/null and b/SkateUnity/src/media/photos/Skateboard-Tricks-for-Beginners-blunt-fakie.webp differ
diff --git a/SkateUnity/src/media/photos/Skateboarder1_Robert'sSkateboardingBlog.webp b/SkateUnity/src/media/photos/Skateboarder1_Robert'sSkateboardingBlog.webp
new file mode 100644
index 0000000..8bb9d1a
Binary files /dev/null and b/SkateUnity/src/media/photos/Skateboarder1_Robert'sSkateboardingBlog.webp differ
diff --git a/SkateUnity/src/media/photos/Skateboarder1_Robert_sSkateboardingBlog.webp b/SkateUnity/src/media/photos/Skateboarder1_Robert_sSkateboardingBlog.webp
new file mode 100644
index 0000000..8bb9d1a
Binary files /dev/null and b/SkateUnity/src/media/photos/Skateboarder1_Robert_sSkateboardingBlog.webp differ
diff --git a/SkateUnity/src/media/photos/autre-photo.webp b/SkateUnity/src/media/photos/autre-photo.webp
new file mode 100644
index 0000000..3c6c60e
Binary files /dev/null and b/SkateUnity/src/media/photos/autre-photo.webp differ
diff --git a/SkateUnity/src/media/photos/downhill-skateboard-tricks1.webp b/SkateUnity/src/media/photos/downhill-skateboard-tricks1.webp
new file mode 100644
index 0000000..0077f4b
Binary files /dev/null and b/SkateUnity/src/media/photos/downhill-skateboard-tricks1.webp differ
diff --git a/SkateUnity/src/media/photos/los-mejores-trucos-1-768x960.webp b/SkateUnity/src/media/photos/los-mejores-trucos-1-768x960.webp
new file mode 100644
index 0000000..e2bd399
Binary files /dev/null and b/SkateUnity/src/media/photos/los-mejores-trucos-1-768x960.webp differ
diff --git a/SkateUnity/src/media/photos/pexels-photo-841369.webp b/SkateUnity/src/media/photos/pexels-photo-841369.webp
new file mode 100644
index 0000000..f988c2c
Binary files /dev/null and b/SkateUnity/src/media/photos/pexels-photo-841369.webp differ
diff --git a/SkateUnity/src/media/photos/photo-random.jpg b/SkateUnity/src/media/photos/photo-random.jpg
new file mode 100644
index 0000000..dc9eef0
Binary files /dev/null and b/SkateUnity/src/media/photos/photo-random.jpg differ
diff --git a/SkateUnity/src/media/photos/photo-random.webp b/SkateUnity/src/media/photos/photo-random.webp
new file mode 100644
index 0000000..c0fedd1
Binary files /dev/null and b/SkateUnity/src/media/photos/photo-random.webp differ
diff --git a/SkateUnity/src/media/photos/railSkateTricks.webp b/SkateUnity/src/media/photos/railSkateTricks.webp
new file mode 100644
index 0000000..6a94877
Binary files /dev/null and b/SkateUnity/src/media/photos/railSkateTricks.webp differ
diff --git a/SkateUnity/src/media/photos/skateboard-trick-tipp-fakie-disaster-768x512.webp b/SkateUnity/src/media/photos/skateboard-trick-tipp-fakie-disaster-768x512.webp
new file mode 100644
index 0000000..7ae6bb1
Binary files /dev/null and b/SkateUnity/src/media/photos/skateboard-trick-tipp-fakie-disaster-768x512.webp differ
diff --git a/SkateUnity/src/media/photos/vitus-silas-sondrup-and-antonie-bakosova-are-the-2022-world-rookie-skateboard-champions-1756.jpg b/SkateUnity/src/media/photos/vitus-silas-sondrup-and-antonie-bakosova-are-the-2022-world-rookie-skateboard-champions-1756.jpg
new file mode 100644
index 0000000..a650c56
Binary files /dev/null and b/SkateUnity/src/media/photos/vitus-silas-sondrup-and-antonie-bakosova-are-the-2022-world-rookie-skateboard-champions-1756.jpg differ
diff --git a/SkateUnity/src/media/videos/Around+we+go+shorts.mp4 b/SkateUnity/src/media/videos/Around+we+go+shorts.mp4
new file mode 100644
index 0000000..d41c3c7
Binary files /dev/null and b/SkateUnity/src/media/videos/Around+we+go+shorts.mp4 differ
diff --git a/SkateUnity/src/media/videos/Backside+lipslide+kickflip+backside+lipslide+shorts.mp4 b/SkateUnity/src/media/videos/Backside+lipslide+kickflip+backside+lipslide+shorts.mp4
new file mode 100644
index 0000000..3e37a9f
Binary files /dev/null and b/SkateUnity/src/media/videos/Backside+lipslide+kickflip+backside+lipslide+shorts.mp4 differ
diff --git a/SkateUnity/src/media/videos/PoleJam+late+impossible+shorts.mp4 b/SkateUnity/src/media/videos/PoleJam+late+impossible+shorts.mp4
new file mode 100644
index 0000000..493c157
Binary files /dev/null and b/SkateUnity/src/media/videos/PoleJam+late+impossible+shorts.mp4 differ
diff --git a/SkateUnity/src/media/videos/SATISFYING+SKATEBOARDING!+shorts.mp4 b/SkateUnity/src/media/videos/SATISFYING+SKATEBOARDING!+shorts.mp4
new file mode 100644
index 0000000..22e7d78
Binary files /dev/null and b/SkateUnity/src/media/videos/SATISFYING+SKATEBOARDING!+shorts.mp4 differ
diff --git a/SkateUnity/src/media/videos/this+trick+shouldn't+be+possible+shorts.mp4 b/SkateUnity/src/media/videos/this+trick+shouldn't+be+possible+shorts.mp4
new file mode 100644
index 0000000..b84f2fe
Binary files /dev/null and b/SkateUnity/src/media/videos/this+trick+shouldn't+be+possible+shorts.mp4 differ
diff --git a/SkateUnity/src/media/videos/this+trick+shouldn_t+be+possible+shorts.mp4 b/SkateUnity/src/media/videos/this+trick+shouldn_t+be+possible+shorts.mp4
new file mode 100644
index 0000000..b84f2fe
Binary files /dev/null and b/SkateUnity/src/media/videos/this+trick+shouldn_t+be+possible+shorts.mp4 differ
diff --git a/SkateUnity/src/pictures/SiteMap.png b/SkateUnity/src/pictures/SiteMap.png
new file mode 100644
index 0000000..11533bd
Binary files /dev/null and b/SkateUnity/src/pictures/SiteMap.png differ
diff --git a/SkateUnity/src/pictures/arrowUp.png b/SkateUnity/src/pictures/arrowUp.png
new file mode 100644
index 0000000..c120c4e
Binary files /dev/null and b/SkateUnity/src/pictures/arrowUp.png differ
diff --git a/SkateUnity/src/pictures/favicon.ico b/SkateUnity/src/pictures/favicon.ico
new file mode 100644
index 0000000..8ba5ed4
Binary files /dev/null and b/SkateUnity/src/pictures/favicon.ico differ
diff --git a/SkateUnity/src/pictures/favicon.png b/SkateUnity/src/pictures/favicon.png
new file mode 100644
index 0000000..17d6af8
Binary files /dev/null and b/SkateUnity/src/pictures/favicon.png differ
diff --git a/SkateUnity/src/pictures/headerBanner.jpg b/SkateUnity/src/pictures/headerBanner.jpg
new file mode 100644
index 0000000..ea32fbc
Binary files /dev/null and b/SkateUnity/src/pictures/headerBanner.jpg differ
diff --git a/SkateUnity/src/pictures/instaIc.png b/SkateUnity/src/pictures/instaIc.png
new file mode 100644
index 0000000..dd62d5d
Binary files /dev/null and b/SkateUnity/src/pictures/instaIc.png differ
diff --git a/SkateUnity/src/pictures/mediaBanner.jpg b/SkateUnity/src/pictures/mediaBanner.jpg
new file mode 100644
index 0000000..db6380a
Binary files /dev/null and b/SkateUnity/src/pictures/mediaBanner.jpg differ
diff --git a/SkateUnity/src/pictures/menuIcon.png b/SkateUnity/src/pictures/menuIcon.png
new file mode 100644
index 0000000..e564db2
Binary files /dev/null and b/SkateUnity/src/pictures/menuIcon.png differ
diff --git a/SkateUnity/src/pictures/menuIconClose.png b/SkateUnity/src/pictures/menuIconClose.png
new file mode 100644
index 0000000..2a01c15
Binary files /dev/null and b/SkateUnity/src/pictures/menuIconClose.png differ
diff --git a/SkateUnity/src/pictures/newsBanner.jpg b/SkateUnity/src/pictures/newsBanner.jpg
new file mode 100644
index 0000000..67c7f54
Binary files /dev/null and b/SkateUnity/src/pictures/newsBanner.jpg differ
diff --git a/SkateUnity/src/pictures/newsBanner.png b/SkateUnity/src/pictures/newsBanner.png
new file mode 100644
index 0000000..13beff1
Binary files /dev/null and b/SkateUnity/src/pictures/newsBanner.png differ
diff --git a/SkateUnity/src/pictures/siteMapImage.jpg b/SkateUnity/src/pictures/siteMapImage.jpg
new file mode 100644
index 0000000..3d31583
Binary files /dev/null and b/SkateUnity/src/pictures/siteMapImage.jpg differ
diff --git a/SkateUnity/src/pictures/sitemapPic.png b/SkateUnity/src/pictures/sitemapPic.png
new file mode 100644
index 0000000..39f5733
Binary files /dev/null and b/SkateUnity/src/pictures/sitemapPic.png differ
diff --git a/SkateUnity/src/pictures/skateBanner.png b/SkateUnity/src/pictures/skateBanner.png
new file mode 100644
index 0000000..bd20c32
Binary files /dev/null and b/SkateUnity/src/pictures/skateBanner.png differ
diff --git a/SkateUnity/src/pictures/skateBannerv2.png b/SkateUnity/src/pictures/skateBannerv2.png
new file mode 100644
index 0000000..9f82431
Binary files /dev/null and b/SkateUnity/src/pictures/skateBannerv2.png differ
diff --git a/SkateUnity/src/pictures/skateGif-unscreen.gif b/SkateUnity/src/pictures/skateGif-unscreen.gif
new file mode 100644
index 0000000..024fb46
Binary files /dev/null and b/SkateUnity/src/pictures/skateGif-unscreen.gif differ
diff --git a/SkateUnity/src/pictures/skateGif.gif b/SkateUnity/src/pictures/skateGif.gif
new file mode 100644
index 0000000..7b2732f
Binary files /dev/null and b/SkateUnity/src/pictures/skateGif.gif differ
diff --git a/SkateUnity/src/pictures/skateIcon.ico b/SkateUnity/src/pictures/skateIcon.ico
new file mode 100644
index 0000000..67915f1
Binary files /dev/null and b/SkateUnity/src/pictures/skateIcon.ico differ
diff --git a/SkateUnity/src/pictures/snapIc.png b/SkateUnity/src/pictures/snapIc.png
new file mode 100644
index 0000000..6e3bfed
Binary files /dev/null and b/SkateUnity/src/pictures/snapIc.png differ
diff --git a/SkateUnity/src/pictures/twitterIc.png b/SkateUnity/src/pictures/twitterIc.png
new file mode 100644
index 0000000..3deec50
Binary files /dev/null and b/SkateUnity/src/pictures/twitterIc.png differ
diff --git a/SkateUnity/updateWebsite.txt b/SkateUnity/updateWebsite.txt
new file mode 100644
index 0000000..cd28e20
--- /dev/null
+++ b/SkateUnity/updateWebsite.txt
@@ -0,0 +1,2 @@
+UPDATE 10/09/2022 - Added articles, and new html files...
+UPDATE 10/09/2022 - Updated the entire site, added the lastest news about skateboarding, changed the website's icon, and added all links to other websites (Plus I created the html files for more details for each articles) :)