modif html et css
This commit is contained in:
parent
71b120be56
commit
91dc87bdad
11
index.html
11
index.html
@ -9,15 +9,16 @@
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<h1>Our Team Members</h1>
|
||||
<div id = personne>
|
||||
<p id = "nom"></p>
|
||||
<p id = "prenom"></p>
|
||||
<section id="bloc1">
|
||||
<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>
|
||||
<img id = "avatar" src="" alt="Photo d'identité">
|
||||
</div>
|
||||
|
||||
<div id="personne"></div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
18
style.css
18
style.css
@ -1,11 +1,21 @@
|
||||
#personne {
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#bloc1 {
|
||||
text-align: left;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#fiche{
|
||||
background-color: rgba(237, 236, 254, 1);
|
||||
}
|
||||
|
||||
img{
|
||||
width:100px;
|
||||
clip-path:ellipse(50% 50%);
|
||||
}
|
||||
|
||||
#nom, #prenom {
|
||||
display: inline;
|
||||
}
|
Loading…
Reference in New Issue
Block a user