| @ -1,36 +1,40 @@ | |||
| <!DOCTYPE html> | |||
| <html lang="fr"> | |||
| <head> | |||
| <meta charset="utf-8" /> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> | |||
| <title>CAGULL — $title$</title> | |||
| <link rel="stylesheet" href="style.css" /> | |||
| </head> | |||
| <body class="layout-maxed"> | |||
| <header> | |||
| <h1 class="text-center mt-16 mb-0"> | |||
| <abbr title="Groupe Caladois d'Utilisateurs de Logiciels Libres">CAGULL</abbr> | |||
| › | |||
| <small>$title$</small> | |||
| </h1> | |||
| <nav class="flex flex-row justify-between my-16"> | |||
| <a href="index.html">Accueil</a> | |||
| <a href="services.html">Prestations</a> | |||
| <a href="news.html">Actualités</a> | |||
| <a href="about.html">À propos</a> | |||
| <a href="contact.html">Contact</a> | |||
| </nav> | |||
| </header> | |||
| <main class="layout-hero"> | |||
| <section class="my-16"> | |||
| $body$ | |||
| </section> | |||
| </main> | |||
| <footer> | |||
| <nav class="flex flex-row justify-between mt-16"> | |||
| <a href="legal.html">Mentions légales</a> | |||
| </nav> | |||
| <p class="text-center mb-16"> 🄯 2022 CAGULL </p> | |||
| </footer> | |||
| </body> | |||
| <head> | |||
| <meta charset="utf-8" /> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> | |||
| <title>CAGULL — $title$</title> | |||
| <link rel="stylesheet" href="style.css" /> | |||
| </head> | |||
| <body> | |||
| <header class="layout-maxed"> | |||
| <div> | |||
| <h1 class="text-center mt-16 mb-0"> | |||
| <abbr title="Groupe Caladois d'Utilisateurs de Logiciels Libres">CAGULL</abbr> | |||
| <span class="hidden md:inline">›</span> | |||
| <small class="block md:inline">$title$</small> | |||
| </h1> | |||
| <nav class="flex flex-col md:flex-row justify-between my-16"> | |||
| <a href="index.html">Accueil</a> | |||
| <a href="services.html">Prestations</a> | |||
| <a href="news.html">Actualités</a> | |||
| <a href="about.html">À propos</a> | |||
| <a href="contact.html">Contact</a> | |||
| </nav> | |||
| </div> | |||
| </header> | |||
| <main class="layout-maxed"> | |||
| <section class="layout-hero m-16"> | |||
| $body$ | |||
| </section> | |||
| </main> | |||
| <footer class="layout-maxed"> | |||
| <div> | |||
| <nav class="flex flex-row justify-between mt-16"> | |||
| <a href="legal.html">Mentions légales</a> | |||
| </nav> | |||
| <p class="text-center mb-16"> 🄯 2022 CAGULL </p> | |||
| </div> | |||
| </footer> | |||
| </body> | |||
| </html> | |||