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>