[template] Add main menu

Signed-off-by: Adrien Kara <adrien@iglou.eu>
This commit is contained in:
Adrien Kara 2022-02-08 22:43:09 +01:00
parent 97faef6b7c
commit b96e3a8a10
Signed by: adrien
GPG Key ID: 605B69551C56DB62
2 changed files with 654 additions and 41 deletions

View File

@ -1,54 +1,76 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="css/Monolith.css">
</head>
<body>
<!--[if IE]>
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover">
<link rel="stylesheet" href="css/Monolith.css">
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">
Vous utilisez un navigateur <strong>obsolète</strong>. Veuillez <a href="http://browsehappy.com/" target="_blank" rel="noreferrer">mettre à jour votre navigateur</a> pour améliorer votre expérience.
</p>
<![endif]-->
<header id="header" class="header">
<h1 class="title">Lorem ipsum</h1>
<nav id="nav">
<ol id="nav__list">
<li class="nav__item"><a href="#"></a></li>
<li class="nav__item"><a href="#"></a></li>
<li class="nav__item"><a href="#"></a></li>
<li class="nav__item"><a href="#"></a></li>
</ol>
</nav>
</header>
<header class="page-header">
<a href="#" class="header-logo" aria-label="Logo Iglou.eu" title="Remonter la page">
<svg class="svg-icon">
<use xlink:href="#svg-iglou"></use>
</svg>
</a>
<nav class="header-nav" aria-label="Menu">
<ul class="header-menu">
<li class="menu-entry">
<a href="#" class="menu-entry link">Avantages</a>
</li>
<li class="menu-entry">
<a href="#" class="menu-entry link">Services</a>
</li>
<li class="menu-entry">
<a href="#" class="menu-entry link">Questions</a>
</li>
<li class="menu-entry">
<a href="#" class="menu-entry link contact">Me contacter</a>
</li>
</ul>
</nav>
</header>
<main id="main" class="main">
<article class="article">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet.</p>
</article>
<main id="main" class="main">
<article class="article">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet.</p>
</article>
<article class="article">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet.</p>
</article>
<article class="article">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet.</p>
</article>
<article class="article">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet.</p>
</article>
</main>
<article class="article">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet.</p>
</article>
</main>
<footer id="footer" class="footer">
</footer>
<footer id="footer" class="footer">
</footer>
</body>
</html>
<svg hidden>
<symbol id="svg-iglou" viewBox="0 0 332 105">
<title>Iglou.eu</title>
<!-- DissolveRegular created by FontForge 20090622 at Mon Jun 4 15:21:10 2018 By deploy user -->
<path d="m67.5 52.5v25c0 3.4-0.65 6.6-2 9.6s-3.1 5.7-5.4 8-4.9 4-8 5.4-6.3 2-9.8 2c-2 6e-3 -4.1-0.14-6.1-0.43-1.1-0.17-2.3-0.39-3.4-0.67-1.4-0.36-2.9-0.81-4.2-1.4-1.2-0.48-2.3-1.1-3.4-1.7-1.3-0.79-2.5-1.7-3.6-2.8-0.62-0.61-1.2-1.3-1.7-2-1.4-1.8-2.2-3.8-2.4-6h9c0.4 1.1 0.93 2.1 1.6 3 0.41 0.56 0.88 1.1 1.4 1.5 0.43 0.35 0.89 0.67 1.4 0.95 0.56 0.32 1.1 0.6 1.8 0.82 0.6 0.22 1.2 0.42 1.9 0.59 0.28 0.068 0.56 0.13 0.85 0.19 0.63 0.12 1.3 0.22 1.9 0.28 1.4 0.15 3.1 0.21 4.9 0.17 0.054-0.0013 0.11-0.0026 0.16-4e-3 1.9 0.012 3.8-0.29 5.7-0.89 0.41-0.14 0.82-0.29 1.2-0.46 2.1-0.9 4-2.1 5.6-3.7s2.8-3.4 3.7-5.6 1.4-4.4 1.4-6.8v-25c0-2.4-0.45-4.7-1.4-6.8s-2.1-4-3.7-5.6-3.4-2.8-5.6-3.8c-2-0.85-4.2-1.3-6.4-1.3-0.15-0.0034-0.31-0.0051-0.46-5e-3 -2.3 0-4.6 0.45-6.6 1.4s-4 2.2-5.6 3.8-2.9 3.5-3.8 5.6-1.4 4.4-1.4 6.8 0.47 4.7 1.4 6.8 2.2 4 3.8 5.6 3.4 2.8 5.6 3.8 4.3 1.4 6.6 1.4v7.5c-3.4 0-6.6-0.65-9.6-2s-5.7-3.1-8-5.3-4-4.9-5.4-7.9c-1.2-2.8-1.8-5.8-1.9-8.9-0.011-0.33-0.017-0.66-0.017-0.99 0-3.4 0.65-6.6 2-9.6s3.1-5.7 5.4-8 4.9-4 8-5.4 6.2-2 9.6-2c3.5 0 6.7 0.65 9.8 2s5.7 3.1 8 5.4 4 4.9 5.4 8 2 6.2 2 9.6zm180 18v7.5c-3.5 0-6.7-0.65-9.8-2s-5.7-3.1-8-5.4-4-4.9-5.4-8-2-6.3-2-9.8c0-3.4 0.65-6.6 2-9.6s3.1-5.7 5.4-8 4.9-4.1 8-5.4 6.3-2 9.8-2c3.4 0 6.6 0.67 9.6 2s5.7 3.1 8 5.4 4.1 4.9 5.4 8 2 6.9 2 9.6v4.8h-25v-7.5h18c0-2-0.45-3.9-1.4-5.7s-2.2-3.4-3.8-4.7c-1.3-1.1-2.8-2-4.4-2.7-0.39-0.17-0.78-0.33-1.2-0.48-2.2-0.81-4.5-1.2-6.8-1.2h-4e-3c-1.9 0-3.8 0.29-5.7 0.89-0.41 0.14-0.82 0.29-1.2 0.46-2.1 0.9-4 2.2-5.6 3.8s-2.8 3.5-3.7 5.6-1.4 4.4-1.4 6.8c-0.012 1.9 0.29 3.8 0.89 5.7 0.14 0.41 0.29 0.82 0.46 1.2 0.9 2.1 2.1 4 3.7 5.6s3.4 2.8 5.6 3.7c2 0.85 4.2 1.3 6.4 1.3 0.15 0.0034 0.31 0.0051 0.46 5e-3zm-132 7.1v-7.5c2.4 0 4.7-0.45 6.8-1.4s4-2.1 5.6-3.7 2.8-3.4 3.7-5.5 1.4-4.4 1.4-6.8-0.45-4.7-1.4-6.8-2.1-4-3.7-5.6-3.4-2.8-5.6-3.7-4.4-1.4-6.8-1.4-4.6 0.45-6.8 1.4-3.9 2.1-5.5 3.7-2.8 3.4-3.7 5.6-1.4 4.4-1.4 6.8h-7.5c0-3.4 0.65-6.6 2-9.6s3.1-5.7 5.4-8 4.9-4 7.9-5.4 6.2-2 9.6-2 6.6 0.65 9.6 2 5.7 3.1 8 5.4 4 4.9 5.4 8 2 6.2 2 9.6c0 3.5-0.65 6.7-2 9.8s-3.1 5.7-5.4 7.9-4.9 4-8 5.2-6.2 1.9-9.6 1.9zm75-25v-0.2h7.6v0.2c0 3.5-0.67 6.7-2 9.8s-3.1 5.7-5.4 8-4.9 4.1-8 5.4-6.3 2-9.7 2c-3.5 0-6.7-0.67-9.8-2s-5.7-3.1-8-5.4-4.1-4.9-5.4-8-2.5-6.3-2-9.8v-25h7.6v25c0 2.4 0.45 4.7 1.4 6.8s2.1 4 3.7 5.6 3.4 2.8 5.6 3.8c2.1 0.91 4.4 1.4 6.7 1.4 0.079 8e-4 0.16 0.0012 0.24 1e-3 2.4 0 4.6-0.47 6.8-1.4s4-2.2 5.6-3.8 2.9-3.4 3.8-5.6 1.4-6.8 1.4-6.8zm132 0v-0.2h7.6v0.2c0 3.5-0.67 6.7-2 9.8s-3.1 5.7-5.4 8-4.9 4.1-8 5.4-6.3 2-9.7 2c-3.5 0-6.7-0.67-9.8-2s-5.7-3.1-8-5.4-4.1-4.9-5.4-8-2-6.3-2-9.8v-25h7.6v25c0 2.4 0.45 4.7 1.4 6.8s2.1 4 3.7 5.6 3.4 2.8 5.6 3.8c2.1 0.91 4.4 1.4 6.7 1.4 0.079 8e-4 0.16 0.0012 0.24 1e-3 2.4 0 4.6-0.47 6.8-1.4s4-2.2 5.6-3.8 2.9-3.4 3.8-5.6 1.4-7 1.4-6.8zm-240 25h-7.5v-75h7.5zm-72-0.2h-7.5v-74h7.5zm195 0.2v-8.1h8.4v8.1z" />
</symbol>
</svg>
</body>
</html>

File diff suppressed because it is too large Load Diff