# Réponse finale obtenue du bot:
response = « Voici un exemple de code HTML pour créer une page web pour les Charpentiers (bois poseurs et poseuses) pour les universitaires :
« `html
Charpentiers bois poseurs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.
- Nom : Jean Dupont
- Secteur : Bois poseur
- Contact : jean.dupont@universite.fr
Charpentières bois poseuses
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.
- Nom : Marie Dupont
- Secteur : Bois poseuse
- Contact : marie.dupont@universite.fr
Contact
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.
« `
Ce code HTML crée une page web avec un menu de navigation, deux sections pour les charpentiers bois poseurs et poseuses, ainsi qu’une section de contact avec un formulaire. Vous pouvez personnaliser le contenu et les styles en modifiant les éléments HTML et CSS.
Il est important de noter que vous devrez créer un fichier de styles (par exemple, `styles.css`) pour définir les règles de mise en page et la présentation des éléments HTML. Voici un exemple de code CSS pour commencer :
« `css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
header nav ul li {
margin-right: 20px;
}
header nav a {
text-decoration: none;
color: #333;
}
main section {
max-width: 800px;
margin: 40px auto;
padding: 20px;
border: 1px solid #ddd;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
main section h2 {
font-size: 24px;
margin-top: 0;
}
main section ul {
list-style: none;
margin: 0;
padding: 0;
}
main section li {
margin-bottom: 10px;
}
footer {
background-color: #f0f0f0;
padding: 10px;
text-align: center;
}
« `
Ce code CSS définit les styles pour le corps de la page, le menu de navigation, les sections et le footer. Vous pouvez personnaliser ces règles en fonction de vos besoins et de votre design préféré. »