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

modif html et css

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>
<h1>Our Team Members</h1>
<section id="bloc1">
<div id="fiche">
<!--<div id="fiche">
<img id = "avatar" src="" alt="Photo d'identité">
<p id = "nom"></p> <p id = "prenom"></p>
<p id = "identifiant"></p>
<p id = "email"></p>
</div>
</div>-->
<div id="personne"></div>
</section>

3
package.json
View File

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

12
script.js
View File

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

4
style.css
View File

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