Feat: ajoute le devoir pour les 1NSI

This commit is contained in:
2022-09-18 15:18:31 +02:00
parent e1d9bf2dc5
commit e79319a5b0
12 changed files with 368 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang=fr>
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Une belle page</title>
</head>
<body>
<header>
<h1>
<img src="./assets/html.png" alt="html">
Devoir 1
<img src="./assets/css.png" alt="css">
</h1>
</header>
<section>
<h2>
Notre Conversation
</h2>
<div class="me">
<h3>Bob</h3>
<p>Bonjour</p>
</div>
<div class="other">
<h3>Amy</h3>
<p>Salut</p>
</div>
<div class="me">
<h3>Bob</h3>
<p>Je suis un chatbot</p>
</div>
<div class="other">
<h3>Amy</h3>
<p>Pas moi</p>
</div>
<div class="me">
<h3>Bob</h3>
<p>Dommage</p>
</div>
</section>
<footer>
<p>Mon devoir est terminé</p>
<h2>Signature</h2>
<p>
nom prenom
</p>
</footer>
</body>
</html>

View File

@@ -0,0 +1,42 @@
body {
background-color: gray;
}
header {
background-color: lightgrey;
text-align: center;
padding: 20px;
}
section {
margin: 50px;
padding: 30px;
background-color: lightgrey;
}
.me {
background-color: orange;
margin: 5px;
padding: 5px 40px;
}
.other {
background-color: green;
margin: 5px;
padding: 5px 40px;
text-align: right
}
p {
color: white;
}
footer {
text-align: right;
padding: 0px 30px;
}
img {
height: 100px;
margin: 20px;
}