vincentRamiere/tp-figma-js
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

modif html et css

Browse source
This commit is contained in:
Vincent Ramiere 2021-10-18 11:20:00 +02:00
parent c10b0d39ce
commit 5995d85878
4 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -11,12 +11,12 @@
<body> <body>
<h1>Our Team Members</h1> <h1>Our Team Members</h1>
<section id="bloc1"> <section id="bloc1">
<div id="fiche"> <!--<div id="fiche">
<img id = "avatar" src="" alt="Photo d'identité"> <img id = "avatar" src="" alt="Photo d'identité">
<p id = "nom"></p> <p id = "prenom"></p> <p id = "nom"></p> <p id = "prenom"></p>
<p id = "identifiant"></p> <p id = "identifiant"></p>
<p id = "email"></p> <p id = "email"></p>
</div> </div>-->
<div id="personne"></div> <div id="personne"></div>
</section> </section>

3
package.json
View file

@ -4,7 +4,8 @@
"description": "TP sur JavaScript, API et Parcell", "description": "TP sur JavaScript, API et Parcell",
"main": "index.html", "main": "index.html",
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1" "test": "echo \"Error: no test specified\" && exit 1",
"start": "parcel index.html"
}, },
"repository": { "repository": {
"type": "git", "type": "git",

12
script.js
View file

@ -21,12 +21,12 @@ fetch(API_URL)
console.log(PERSONNE); console.log(PERSONNE);
MEMBER.innerHTML +=` MEMBER.innerHTML +=`
<div> <div = fiche>
<p>${PERSONNE.last_name}</p> <img src="${PERSONNE.avatar}" alt="Photo d'identité">
<p>${PERSONNE.first_name}</p> <p id= "nom">${PERSONNE.last_name}</p>
<p>${PERSONNE.id}</p> <p id="prenom">${PERSONNE.first_name}</p>
<p>${PERSONNE.email}</p> <p id ="identifiant">${PERSONNE.id}</p>
<img src="${PERSONNE.avatar}" alt=""> <p id = "email">${PERSONNE.email}</p>
</div> </div>
` `

4
style.css
View file

@ -4,11 +4,11 @@ h1 {
#bloc1 { #bloc1 {
text-align: left; text-align: left;
display: flex;
} }
#fiche{ #personne{
background-color: rgba(237, 236, 254, 1); background-color: rgba(237, 236, 254, 1);
display: flex;
} }
img{ img{