# Réponse finale obtenue du bot:
response = « Voici un exemple de code CSS que vous pouvez utiliser pour créer une page web pour les syndicats de travailleurs de techniciens/techniciennes en énergie et pétrochimie :
« `css
/* Styles for header */
header {
background-color: #333;
color: #fff;
padding: 1em;
text-align: center;
}
/* Styles for navigation menu */
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
nav li {
margin-right: 20px;
}
nav a {
color: #fff;
text-decoration: none;
}
nav a:hover {
color: #ccc;
}
/* Styles for hero section */
.hero {
background-image: url(‘image-hero.jpg’);
background-size: cover;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 36px;
font-weight: bold;
}
/* Styles for sections */
section {
padding: 2em;
}
section h1, section h2, section h3 {
color: #333;
margin-bottom: 10px;
}
section p {
color: #666;
margin-top: 0;
}
/* Styles for buttons */
button {
background-color: #4CAF50;
color: #fff;
border: none;
padding: 1em 2em;
font-size: 18px;
cursor: pointer;
}
button:hover {
background-color: #3e8e41;
}
/* Styles for footer */
footer {
background-color: #333;
color: #fff;
padding: 1em;
text-align: center;
clear: both;
}
« `
Ce code utilise les sélecteurs CSS pour appliquer des styles à différents éléments de la page web, tels que le header, le menu de navigation, la section d’accueil (ou hero section), les sections, les boutons et le pied de page. Vous pouvez ajuster les valeurs des propriétés pour personnaliser l’apparence de votre page web.
Il est important de noter que ce code utilise des images pour les backgrounds, vous devrez remplacer les URL par vos propres images.
J’espère que cela vous aidera à créer une page web attractive et professionnelle pour les syndicats de travailleurs de techniciens/techniciennes en énergie et pétrochimie ! »