Mon Sep 27 11:54:51 AM CEST 2021
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 143 KiB |
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="style.css" type="text/css" media="all">
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||||
<title>Domotique</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<img src="maison.png" alt="maison green house">
|
||||
<h1>Domotique</h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<h1>grandeurs mesurées dans le salon</h1>
|
||||
<div class="data">
|
||||
<table border="1">
|
||||
<tr>
|
||||
<td>Température :</td>
|
||||
<td>20.6</td>
|
||||
<td>°C</td>
|
||||
<td rowspan="2">
|
||||
<img id="termometre" src="termometre.png" alt="termometre"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Humidité :</td>
|
||||
<td>61</td>
|
||||
<td>%</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<h4>GILLARD Lucas / T2D3 / 2021 LYC La Fayette</h4>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
html, body {
|
||||
background-color: pink;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
header {
|
||||
margin: 30px;
|
||||
display: flex;
|
||||
height: 20%;
|
||||
justify-content: center;
|
||||
}
|
||||
header > img {
|
||||
height: 100%;
|
||||
margin-right: 30px;
|
||||
}
|
||||
header > h1 {
|
||||
font-size: 4em;
|
||||
}
|
||||
|
||||
|
||||
#termometre {
|
||||
height: 40px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 20px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main > h1 {
|
||||
width: 100%;
|
||||
}
|
||||
.data {
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.data > table {
|
||||
display: inline-block;
|
||||
border: 1px, solid, black;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px;
|
||||
font-size: 1.5em;
|
||||
border: 1px, solid, black;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 143 KiB |
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||||
<title>Domotique</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<center>
|
||||
<header>
|
||||
<a href="https://lyceelafayette.fr" target="_blank">
|
||||
<img src="maison.png" alt="maison green house" height="200px"> </a>
|
||||
<h1>Domotique</h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<h2>grandeurs mesurées dans le salon</h2>
|
||||
<div class="data">
|
||||
<table border="1">
|
||||
<tr>
|
||||
<td>Température :</td>
|
||||
<td>20.6</td>
|
||||
<td>°C</td>
|
||||
<td rowspan="2">
|
||||
<img id="termometre" src="termometre.png" alt="termometre" height="50px"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Humidité :</td>
|
||||
<td>61</td>
|
||||
<td>%</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<p>GILLARD Lucas / T2D3 / 2021 LYC La Fayette</p>
|
||||
</footer>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 6.9 KiB |
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>métiers du numérique</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<center>
|
||||
<h1>Les métiers du domaines numérique</h1>
|
||||
<h2>voici mes choix</h2>
|
||||
</center>
|
||||
</header>
|
||||
<center>
|
||||
<main>
|
||||
<table border="1">
|
||||
<tr>
|
||||
<td><p>je voudrais etre developpeur, surement dans le web par example frontend ou backend.</p></td>
|
||||
<td rowspan="2">
|
||||
<ol>
|
||||
<li>developpeur informatique</li>
|
||||
<li>admin linux</li>
|
||||
<li>cybersécurité</li>
|
||||
<li>réseau informatique</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<center>
|
||||
<img height="200px" src="neovim.png" alt="neovim">
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<center>
|
||||
<a href="https://ortener.herokuapp.com/">
|
||||
<p>ortener : un URL shortener que j'ai fait</p>
|
||||
<img height="100px" src="ortener.png" alt="ortener">
|
||||
</a>
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br/>
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/uD4izuDMUQA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</main>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 358 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
|
@ -1,19 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="style.css" type="text/css" media="all">
|
||||
<title>Domotique</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="banner">
|
||||
<img src="termometre.png" alt="termometre">
|
||||
<h1>grandeurs mesurées dans le salon</h1>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
body {
|
||||
background: pink;
|
||||
}
|
||||
|
||||
.banner {
|
||||
margin: 30px;
|
||||
display: flex;
|
||||
height: 20%;
|
||||
justify-content: center;
|
||||
}
|
||||
.banner > img {
|
||||
height: 100px;
|
||||
}
|
||||