<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Données Environnementales</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f4f4f4;
}
.container {
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
}
.data {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.data div {
text-align: center;
padding: 15px;
border-radius: 6px;
background-color: #e0e0e0;
}
.temperature {
color: #e74c3c;
}
.co2 {
color: #3498db;
}
.humidity {
color: #2ecc71;
}
</style>
</head>
<body>
<div class="container">
<h1>Données Environnementales</h1>
<div class="data">
<div class="temperature">
<h2>Température</h2>
<p>25°C</p> <!-- Remplacez ceci par la donnée de température -->
</div>
<div class="co2">
<h2>Taux de CO2</h2>
<p>400 ppm</p> <!-- Remplacez ceci par la donnée de CO2 -->
</div>
<div class="humidity">
<h2>Taux d'Humidité</h2>
<p>50%</p> <!-- Remplacez ceci par la donnée d'humidité -->
</div>
</div>
</div>
</body>
</html>
Lorem ipsum dolor sit amet.
Et ipsum odit est voluptas dicta a dolor expedita vel quia eveniet.
Qui sommes-nous ?
Lorem ipsum dolor sit amet. Et incidunt illum id ipsa temporibus sed galisum veritatis quo tempore explicabo et vero iste sit alias exercitationem in illo consequatur. Ut error deleniti qui quidem iusto et blanditiis voluptatem ut galisum odit.
Et exercitationem velit aut officia maxime hic rerum dolor sed libero dolor vel obcaecati eaque et laborum magnam. Sit inventore autem ea rerum amet qui tempora magni! Aut cupiditate officiis nam fuga quae est Quis odit in similique quisquam. Non animi doloribus ab ipsa suscipit aut doloremque voluptatem et quis nemo et cupiditate consequuntur et voluptatum velit.
Nos services
Lorem ipsum dolor sit amet. Et incidunt illum id ipsa temporibus sed galisum veritatis quo tempore explicabo et vero iste sit alias exercitationem in illo consequatur. Ut error deleniti qui quidem iusto et blanditiis voluptatem ut galisum odit.
Et exercitationem velit aut officia maxime hic rerum dolor sed libero dolor vel obcaecati eaque et laborum magnam. Sit inventore autem ea rerum amet qui tempora magni! Aut cupiditate officiis nam fuga quae est Quis odit in similique quisquam. Non animi doloribus ab ipsa suscipit aut doloremque voluptatem et quis nemo et cupiditate consequuntur et voluptatum velit.
Contactez-nous
Lorem ipsum dolor sit amet. Et incidunt illum id ipsa temporibus sed galisum veritatis quo tempore explicabo et vero iste sit alias exercitationem in illo consequatur. Ut error deleniti qui quidem iusto et blanditiis voluptatem ut galisum odit.
