Browse Source

améliore la responsive attitude

master
vince vince 2 years ago
parent
commit
ecd76baea0
1 changed files with 37 additions and 33 deletions
  1. +37
    -33
      template.html

+ 37
- 33
template.html View File

@ -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>
&rsaquo;
<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"> &#x1F12F; 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">&rsaquo;</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"> &#x1F12F; 2022 CAGULL </p>
</div>
</footer>
</body>
</html>

Loading…
Cancel
Save