add html a transformer en components

2 years ago · 4cfad400ba
parent 79abda9d50
commit 4cfad400ba
5 changed files with 60 additions and 0 deletions
--- a/Web/client/src/components/Log/coeurs.png
+++ b/Web/client/src/components/Log/coeurs.png
--- a/Web/client/src/components/Log/coeursPlein.png
+++ b/Web/client/src/components/Log/coeursPlein.png
--- a/Web/client/src/components/Log/commentaire.png
+++ b/Web/client/src/components/Log/commentaire.png
--- a/Web/client/src/components/Log/pagePerso.css
+++ b/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;
+}
--- a/Web/client/src/components/Log/pagePerso.html
+++ b/Web/client/src/components/Log/pagePerso.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Ma page de test</title>
+    <link rel="stylesheet" href="pagePerso.css" />
+  </head>
+  <body>
+  	<div id="image">
+  		<img id="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
+  	</div>
+  	<div id="blocName">
+  		<h1>Lena 1er</h1>
+  		<h2 class="subdo">@Lena1er</h2>
+  	<div>
+  	<div id="blocAbonnement">
+  		<div>
+  			<div class="nombre">10k</div>
+  			<div class="texteNombre">Abonnement</div>
+  		</div>
+  		<div>
+  			<div class="nombre">10k</div>
+  			<div class="texteNombre">Abonnée</div>
+  		</div>
+  	</div>
+  </body>
+</html>
+