Paragraphe 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac felis enim. Aenean varius augue nec leo viverra non eleifend neque interdum. Curabitur pretium dictum tortor, eget malesuada purus convallis sed. Morbi eget accumsan sapien. Phasellus ornare lacinia magna, et placerat justo dapibus at. Donec eleifend porttitor augue ut egestas. Vivamus porta aliquet lectus, vel fermentum diam consequat vel. Etiam pulvinar dignissim orci, non dapibus lectus fringilla a. Donec ligula dolor, fringilla nec porttitor nec, ultricies a purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et massa at massa euismod faucibus non at risus. Curabitur sed nunc justo. Sed sed justo lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque a bibendum diam. Morbi in justo est. Aenean elit turpis, molestie ut facilisis sed, congue non dui.
Morbi vel enim nisi, convallis pharetra ligula. Nunc mauris dui, pharetra non tempus ac, tincidunt quis est. Fusce nec metus vitae nulla fringilla convallis. Fusce vitae nulla ligula. Quisque convallis turpis orci, a adipiscing sem. Duis odio elit, vehicula et porttitor at, gravida non ante. Aliquam eu dignissim velit. Curabitur neque leo, pharetra vel rutrum id, convallis a ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque magna dui, condimentum non placerat ut, commodo nec nunc. Nullam et elit felis. Nullam vel nulla non turpis iaculis tincidunt dapibus sit amet turpis. Proin id lectus iaculis turpis vestibulum pharetra ut et velit. Pellentesque metus dolor, cursus non commodo at, tempus et libero. Quisque nisi enim, ultrices ultricies cursus in, volutpat sed orci. Quisque vel tempor libero.
Maecenas commodo elit non neque lobortis congue ornare ac libero. Phasellus a imperdiet lorem. Donec posuere hendrerit fringilla. In lacus urna, vehicula ut bibendum eu, dictum in turpis. Maecenas viverra consectetur est nec cursus. Aliquam eu gravida urna. Curabitur a leo ut metus viverra auctor vitae id turpis. Quisque erat quam, egestas sed euismod et, tristique vitae sem. Etiam varius dui at est aliquam pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus eget leo magna, molestie vestibulum nulla. Etiam rutrum accumsan dignissim. Sed dictum convallis orci in lacinia.

Paragraphe2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac felis enim. Aenean varius augue nec leo viverra non eleifend neque interdum. Curabitur pretium dictum tortor, eget malesuada purus convallis sed. Morbi eget accumsan sapien. Phasellus ornare lacinia magna, et placerat justo dapibus at. Donec eleifend porttitor augue ut egestas. Vivamus porta aliquet lectus, vel fermentum diam consequat vel. Etiam pulvinar dignissim orci, non dapibus lectus fringilla a. Donec ligula dolor, fringilla nec porttitor nec, ultricies a purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et massa at massa euismod faucibus non at risus. Curabitur sed nunc justo. Sed sed justo lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque a bibendum diam. Morbi in justo est. Aenean elit turpis, molestie ut facilisis sed, congue non dui.
In hac habitasse platea dictumst. Sed et luctus mi. Maecenas non purus leo, vitae gravida purus. Duis feugiat nisi accumsan dolor vestibulum interdum quis a enim. Fusce luctus, ligula et aliquam viverra, leo risus hendrerit risus, vitae suscipit quam augue sed erat. Aliquam massa dolor, ultrices vel scelerisque at, accumsan at lectus. Vestibulum ac ornare libero. Integer metus elit, sodales in blandit at, laoreet vitae dui. Phasellus bibendum luctus arcu, eget laoreet risus facilisis id. Cras vehicula, magna quis volutpat aliquet, est risus commodo nunc, eu egestas neque libero a dui. Nam dolor nunc, condimentum nec sollicitudin ac, lacinia nec nunc. Nam a nunc ac augue lobortis molestie. Ut et elit at tellus imperdiet porta. Vivamus ut velit eget mi lacinia faucibus sit amet non elit. Duis posuere dui eu sem commodo consequat. Praesent condimentum scelerisque sapien, nec fermentum dui eleifend vel. Cras pretium suscipit volutpat. Etiam tempus, libero interdum condimentum condimentum, nunc leo consectetur diam, vel rutrum erat orci vel nisl. Aenean condimentum condimentum tellus, vitae adipiscing metus tristique ac. Nulla facilisi.
Morbi vel enim nisi, convallis pharetra ligula. Nunc mauris dui, pharetra non tempus ac, tincidunt quis est. Fusce nec metus vitae nulla fringilla convallis. Fusce vitae nulla ligula. Quisque convallis turpis orci, a adipiscing sem. Duis odio elit, vehicula et porttitor at, gravida non ante. Aliquam eu dignissim velit. Curabitur neque leo, pharetra vel rutrum id, convallis a ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque magna dui, condimentum non placerat ut, commodo nec nunc. Nullam et elit felis. Nullam vel nulla non turpis iaculis tincidunt dapibus sit amet turpis. Proin id lectus iaculis turpis vestibulum pharetra ut et velit. Pellentesque metus dolor, cursus non commodo at, tempus et libero. Quisque nisi enim, ultrices ultricies cursus in, volutpat sed orci. Quisque vel tempor libero.

Paragraphe3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac felis enim. Aenean varius augue nec leo viverra non eleifend neque interdum. Curabitur pretium dictum tortor, eget malesuada purus convallis sed. Morbi eget accumsan sapien. Phasellus ornare lacinia magna, et placerat justo dapibus at. Donec eleifend porttitor augue ut egestas. Vivamus porta aliquet lectus, vel fermentum diam consequat vel. Etiam pulvinar dignissim orci, non dapibus lectus fringilla a. Donec ligula dolor, fringilla nec porttitor nec, ultricies a purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et massa at massa euismod faucibus non at risus. Curabitur sed nunc justo. Sed sed justo lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque a bibendum diam. Morbi in justo est. Aenean elit turpis, molestie ut facilisis sed, congue non dui.
In hac habitasse platea dictumst. Sed et luctus mi. Maecenas non purus leo, vitae gravida purus. Duis feugiat nisi accumsan dolor vestibulum interdum quis a enim. Fusce luctus, ligula et aliquam viverra, leo risus hendrerit risus, vitae suscipit quam augue sed erat. Aliquam massa dolor, ultrices vel scelerisque at, accumsan at lectus. Vestibulum ac ornare libero. Integer metus elit, sodales in blandit at, laoreet vitae dui. Phasellus bibendum luctus arcu, eget laoreet risus facilisis id. Cras vehicula, magna quis volutpat aliquet, est risus commodo nunc, eu egestas neque libero a dui. Nam dolor nunc, condimentum nec sollicitudin ac, lacinia nec nunc. Nam a nunc ac augue lobortis molestie. Ut et elit at tellus imperdiet porta. Vivamus ut velit eget mi lacinia faucibus sit amet non elit. Duis posuere dui eu sem commodo consequat. Praesent condimentum scelerisque sapien, nec fermentum dui eleifend vel. Cras pretium suscipit volutpat. Etiam tempus, libero interdum condimentum condimentum, nunc leo consectetur diam, vel rutrum erat orci vel nisl. Aenean condimentum condimentum tellus, vitae adipiscing metus tristique ac. Nulla facilisi.
Morbi vel enim nisi, convallis pharetra ligula. Nunc mauris dui, pharetra non tempus ac, tincidunt quis est. Fusce nec metus vitae nulla fringilla convallis. Fusce vitae nulla ligula. Quisque convallis turpis orci, a adipiscing sem. Duis odio elit, vehicula et porttitor at, gravida non ante. Aliquam eu dignissim velit. Curabitur neque leo, pharetra vel rutrum id, convallis a ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque magna dui, condimentum non placerat ut, commodo nec nunc. Nullam et elit felis. Nullam vel nulla non turpis iaculis tincidunt dapibus sit amet turpis. Proin id lectus iaculis turpis vestibulum pharetra ut et velit. Pellentesque metus dolor, cursus non commodo at, tempus et libero. Quisque nisi enim, ultrices ultricies cursus in, volutpat sed orci. Quisque vel tempor libero.
Pellentesque sed orci tortor. Nam tincidunt purus in dui sollicitudin egestas. Curabitur laoreet, nisl id dapibus iaculis, odio neque ornare erat, sit amet tincidunt massa mi scelerisque risus. In iaculis urna et diam imperdiet cursus. Quisque imperdiet eros non nisi gravida euismod lobortis ipsum pellentesque. Aenean suscipit sem sed eros ultricies viverra rutrum ligula ornare. Phasellus ac faucibus justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus non laoreet orci. Fusce vestibulum tincidunt velit, eu tincidunt nunc convallis id. Aliquam erat volutpat. Suspendisse massa diam, egestas ut pellentesque sed, sodales sit amet erat. Proin eget lacus justo. Fusce eu lorem ut velit ultrices ultricies. Cras nec justo elit, sed scelerisque risus.
Maecenas commodo elit non neque lobortis congue ornare ac libero. Phasellus a imperdiet lorem. Donec posuere hendrerit fringilla. In lacus urna, vehicula ut bibendum eu, dictum in turpis. Maecenas viverra consectetur est nec cursus. Aliquam eu gravida urna. Curabitur a leo ut metus viverra auctor vitae id turpis. Quisque erat quam, egestas sed euismod et, tristique vitae sem. Etiam varius dui at est aliquam pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus eget leo magna, molestie vestibulum nulla. Etiam rutrum accumsan dignissim. Sed dictum convallis orci in lacinia.

Description et explication du choix : Cet exercice pratique m'a permis d'appliquer mes connaissances en HTML et CSS de manière concrète. En suivant des instructions spécifiques, j'ai réglé la largeur des blocs, ajouté une bordure, centré le texte et le titre, et aligné les blocs verticalement. La mise en place d'un menu avec une position fixe à gauche était également demandé.
J'ai choisi cette exercice car je trouve que c'est un exercice intéressant notamment pour la maitrise de l'utilisation des sélecteurs d'attributs. Je peux désormais appliquer des styles de manière dynamique en fonction des valeurs des attributs, ce qui est particulièrement utile pour des éléments interactifs tels que les liens ou les boutons.