diff --git a/Site Web/client/src/components/Log/coeurs.png b/Site Web/client/src/components/Log/coeurs.png
new file mode 100644
index 00000000..7f184cd7
Binary files /dev/null and b/Site Web/client/src/components/Log/coeurs.png differ
diff --git a/Site Web/client/src/components/Log/coeursPlein.png b/Site Web/client/src/components/Log/coeursPlein.png
new file mode 100644
index 00000000..463c75df
Binary files /dev/null and b/Site Web/client/src/components/Log/coeursPlein.png differ
diff --git a/Site Web/client/src/components/Log/commentaire.png b/Site Web/client/src/components/Log/commentaire.png
new file mode 100644
index 00000000..8a9619de
Binary files /dev/null and b/Site Web/client/src/components/Log/commentaire.png differ
diff --git a/Site Web/client/src/components/Log/pagePerso.css b/Site Web/client/src/components/Log/pagePerso.css
new file mode 100644
index 00000000..d81c4d85
--- /dev/null
+++ b/Site Web/client/src/components/Log/pagePerso.css
@@ -0,0 +1,32 @@
+#PhotoProfile{
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 150px;
+ height:150px;
+ border-radius: 80px;
+ border: 2px solid #555;
+}
+
+#blocAbonnement{
+ display: flex;
+ justify-content: center;
+
+
+}
+#blocAbonnement div{
+ margin-left: 80px;
+ margin-right: 80px;
+}
+
+#blocName{
+ text-align: center;
+}
+
+.nombre{
+ color:black;
+}
+
+.texteNombre{
+ color:grey;
+}
diff --git a/Site Web/client/src/components/Log/pagePerso.html b/Site Web/client/src/components/Log/pagePerso.html
new file mode 100644
index 00000000..2889bf3a
--- /dev/null
+++ b/Site Web/client/src/components/Log/pagePerso.html
@@ -0,0 +1,28 @@
+
+
+
+
+ Ma page de test
+
+
+
+
+
+