diff --git a/home/static/css/style.css b/home/static/css/style.css index a0c82d6132a09c64a1e39f032bd9209981bb9e93..8048fec014227c0a9425032f572a51f3975feffc 100644 --- a/home/static/css/style.css +++ b/home/static/css/style.css @@ -66,11 +66,11 @@ nav a:hover { transition-duration: 0.5s; } -section { +main { text-align: justify; } -section > * { +main > * { max-width: 960px; margin-left: 15%; margin-right: 15%; @@ -78,7 +78,7 @@ section > * { padding-right: 10px; } -section h2 { +main h2 { font-size: 1.5rem; font-weight: 300; text-align: left; @@ -87,6 +87,6 @@ section h2 { border-image-slice: 1; } -section p { +main p { font-size: 1rem; } \ No newline at end of file diff --git a/home/templates/home.html b/home/templates/home.html index d93a35a8fcf02d676c6293419ddac4772cbd006a..83ed6a0f3b5aaa670974eb37c410d72b65f7c375 100644 --- a/home/templates/home.html +++ b/home/templates/home.html @@ -16,14 +16,18 @@ <nav> <a href="/" class="internal">Inscriptions</a> <a href="/" class="internal">Activités</a> - <a href="/" class="internal">Bouton</a> + <a href="/" class="internal">FAQ</a> <a href="/" class="internal">Bouton autre</a> </nav> - <section> + <main> <h2>A Title</h2> <p>a paragraph</p> <p>another paragraph with <a href="http://www.google.com" class="external">an external link</a></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> - </section> + + <h2>Another title</h2> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> + + </main> </body> </html> \ No newline at end of file