97 lines
4.2 KiB
HTML
97 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{LANG}}">
|
|
<head>
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-icon-180x180.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png" />
|
|
<meta charset="utf-8"/>
|
|
<meta content="width=device-width, initial-scale=1" name="viewport"/>
|
|
<title>{{PAGE_TITLE}}</title>
|
|
<meta content="{{PAGE_DESCRIPTION}}" name="description"/>
|
|
<meta content="{{ROBOTS}}" name="robots"/>
|
|
<link href="https://fonts.googleapis.com" rel="preconnect"/>
|
|
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
|
|
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"/>
|
|
<link href="assets/css/main.css" rel="stylesheet"/>
|
|
<link href="{{CANONICAL_PATH}}" hreflang="{{LANG}}" rel="alternate"/>
|
|
</head>
|
|
<body>
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WTMNS3J8"
|
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
<!-- reusable SVG defs -->
|
|
<svg aria-hidden="true" height="0" style="position:absolute" width="0">
|
|
<defs>
|
|
<linearGradient id="gsphere" x1="0" x2="1" y1="0" y2="1">
|
|
<stop offset="0" stop-color="#2f7bff"></stop>
|
|
<stop offset=".55" stop-color="#a81fc4"></stop>
|
|
<stop offset="1" stop-color="#6a1fae"></stop>
|
|
</linearGradient>
|
|
<linearGradient id="gswoosh" x1="0" x2="1" y1="0" y2="1">
|
|
<stop offset="0" stop-color="#19d39a"></stop>
|
|
<stop offset="1" stop-color="#0e9e8a"></stop>
|
|
</linearGradient>
|
|
</defs>
|
|
<symbol id="globe" viewBox="0 0 100 100">
|
|
<circle cx="50" cy="52" fill="url(#gsphere)" r="34"></circle>
|
|
<g fill="none" opacity=".85" stroke="#fff" stroke-width="1.4">
|
|
<ellipse cx="50" cy="52" rx="34" ry="13"></ellipse>
|
|
<ellipse cx="50" cy="52" rx="22" ry="34"></ellipse>
|
|
<ellipse cx="50" cy="52" rx="11" ry="34"></ellipse>
|
|
<line x1="16" x2="84" y1="52" y2="52"></line>
|
|
</g>
|
|
<path d="M22 84 C40 70 64 64 86 34 C70 60 46 70 22 84 Z" fill="url(#gswoosh)"></path>
|
|
</symbol>
|
|
</svg>
|
|
|
|
<!-- urgency bar -->
|
|
<div class="ubar" role="status">
|
|
<span data-i18n="bar">Offre Coupe du Monde : les 2 académies à 7,90€ au lieu de 80€ — fin le 19 juillet.</span>
|
|
<span><span data-i18n="bar_ends">Se termine dans</span> <b class="uc js-cd">—</b></span>
|
|
</div>
|
|
|
|
<!-- header -->
|
|
<header id="hd">
|
|
<div class="wrap nav">
|
|
<a aria-label="TutoSport Expert" class="brand" href="/">
|
|
<img alt="TutoSport Expert" class="hd-logo" src="assets/images/image-c61e1316d393.png"/>
|
|
</a>
|
|
<nav class="navlinks" id="navlinks">
|
|
<a data-i18n="nav_offer" href="/#offre">L'offre</a>
|
|
<a data-i18n="nav_acad" href="/#academies">Académies</a>
|
|
<a data-i18n="nav_how" href="/#how">Comment ça marche</a>
|
|
<a data-i18n="nav_faq" href="/#faq">FAQ</a>
|
|
</nav>
|
|
<div class="navright">
|
|
<div aria-label="Langue" class="langsw" role="group">
|
|
<button class="on" data-lang="fr">FR</button>
|
|
<button data-lang="en">EN</button>
|
|
<button data-lang="es">ES</button>
|
|
<button data-lang="pt">PT</button>
|
|
</div>
|
|
<a class="btn btn-go deskcta" data-i18n="nav_cta" href="offre.html">S'abonner — 7,90€</a>
|
|
<button aria-expanded="false" aria-label="Menu" class="burger" id="burger">
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="top">
|
|
<!-- PAGE_CONTENT_START -->
|
|
{{PAGE_CONTENT}}
|
|
<!-- PAGE_CONTENT_END -->
|
|
</main>
|
|
<div data-include="footer"></div>
|
|
|
|
<!-- sticky mobile cta -->
|
|
<div class="mcta">
|
|
<span class="mp">7,90€ <small data-i18n="mcta_sub">au lieu de 80€</small></span>
|
|
<a class="btn btn-go" data-i18n="mcta_btn" href="offre.html">J'en profite</a>
|
|
</div>
|
|
|
|
<script defer src="assets/js/site-config.js"></script>
|
|
<script defer src="assets/js/constants.js"></script>
|
|
<script defer src="assets/js/main.js"></script>
|
|
</body>
|
|
</html>
|