Files

472 lines
29 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="fr">
<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>TutoSport Expert — Offre Coupe du Monde 7,90€</title>
<meta
content="Les académies vidéo de Dimitri Payet et Yannick Dyduch. Offre Coupe du Monde : les 2 académies à 7,90€ au lieu de 80€. Jusqu'au 19 juillet 2026."
name="description" />
<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&amp;family=Inter:wght@400;500;600;700&amp;family=Space+Mono:wght@400;700&amp;display=swap"
rel="stylesheet" />
<link href="assets/css/main.css" rel="stylesheet" />
<meta content="index,follow" name="robots" />
<link href="./" hreflang="fr" 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="#top"><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">
<!-- HERO -->
<section class="hero">
<div aria-hidden="true" class="hero-photo"></div>
<div class="wrap hero-grid">
<div>
<p class="eyebrow" data-i18n="hero_eyebrow">Offre Coupe du Monde — édition limitée</p>
<h1><span data-i18n="hero_h1a">Tout le monde a le droit</span> <span class="grad-text"
data-i18n="hero_h1b">aux experts.</span></h1>
<p class="sub" data-i18n="hero_sub">Les académies vidéo de Dimitri Payet et Yannick Dyduch. Football
&amp; kiné du sport, par ceux qui le font au plus haut niveau.</p>
<div class="hero-cta">
<a class="btn btn-go" data-i18n="cta1" href="offre.html">Je profite de l'offre — 7,90€</a>
<a class="btn btn-light" data-i18n="cta2" href="#academies">Voir le programme</a>
</div>
<div class="trust">
<span><svg fill="none" stroke="currentColor" stroke-width="2.4" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="trust1">Précode immédiat</span></span>
<span><svg fill="none" stroke="currentColor" stroke-width="2.2" viewbox="0 0 24 24">
<rect height="11" rx="2" width="16" x="4" y="10"></rect>
<path d="M8 10V7a4 4 0 0 1 8 0v3"></path>
</svg><span data-i18n="trust2">Paiement sécurisé Stripe</span></span>
<span><svg fill="none" stroke="currentColor" stroke-width="2.2" viewbox="0 0 24 24">
<circle cx="12" cy="12" r="9"></circle>
<path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"></path>
</svg><span data-i18n="trust3">Accès aux 2 académies</span></span>
</div>
</div>
<!-- PASS (signature element) -->
<div class="pass hero-pass rv">
<div class="top">
<div class="pass-head">
<span class="who"><svg class="globe">
<use href="#globe"></use>
</svg> TUTOSPORT EXPERT</span>
<span class="pass-tag" data-i18n="pass_label">Pass Coupe du Monde</span>
</div>
<div class="price-row">
<span class="price">7,90<span class="cur"></span></span>
<span class="old" data-i18n="pass_old">au lieu de 80€</span>
</div>
<p class="incl"><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="pass_incl">Accès illimité · 2 académies</span></p>
<a class="btn btn-go" data-i18n="cta1" href="offre.html">Je profite de l'offre — 7,90€</a>
</div>
<div class="perf"></div>
<div class="stub">
<div class="stub-row">
<span class="lbl" data-i18n="pass_valid_lbl">VALABLE</span>
<span>01.06 → 19.07.2026</span>
</div>
<div class="exp">
<span class="lbl" data-i18n="pass_expires">EXPIRE DANS</span>
<span class="cd js-cd"></span>
</div>
<div aria-hidden="true" class="barcode"></div>
<p class="note" data-i18n="pass_note">Précode reçu dès le paiement</p>
</div>
</div>
</div>
</section>
<!-- OFFER -->
<section class="offer" id="offre">
<div class="wrap offer-grid">
<div class="rv">
<p class="eyebrow" data-i18n="offer_eyebrow">L'offre</p>
<h2 class="lead" data-i18n="offer_title">7,90€ pour tout. Pendant la Coupe du Monde.</h2>
<p class="sub-lead" data-i18n="offer_sub" style="margin:0 0 28px">Un seul tarif, les deux académies,
accès illimité. Après le 1er octobre, chaque académie repasse à 40€.</p>
<ul class="vlist">
<li><span class="ic"><svg fill="none" stroke="currentColor" stroke-width="2.6"
viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg></span><span data-i18n="oi1">Les 2 académies, accès illimité</span></li>
<li><span class="ic"><svg fill="none" stroke="currentColor" stroke-width="2.6"
viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg></span><span data-i18n="oi2">Précode reçu immédiatement</span></li>
<li><span class="ic"><svg fill="none" stroke="currentColor" stroke-width="2.6"
viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg></span><span data-i18n="oi3">Tout se débloque le 1er octobre 2026</span></li>
<li><span class="ic"><svg fill="none" stroke="currentColor" stroke-width="2.6"
viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg></span><span data-i18n="oi4">Sous-titré dans ta langue</span></li>
<li><span class="ic"><svg fill="none" stroke="currentColor" stroke-width="2.6"
viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg></span><span data-i18n="oi5">Paiement 100% sécurisé (Stripe)</span></li>
<li class="hl"><span class="ic"><svg fill="none" stroke="currentColor" stroke-width="2.6"
viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg></span><span data-i18n="oi6">Tu économises 72€</span></li>
</ul>
</div>
<div class="offer-card rv">
<p class="eyebrow" data-i18n="pass_label" style="color:#9be9cf">Pass Coupe du Monde</p>
<div class="big">7,90<span class="cur"></span></div>
<span class="save" data-i18n="save_badge">72€ · économie de 90%</span>
<p class="vs"><span data-i18n="vs_after">À partir du 1er octobre : 40€ / académie (80€ les
deux)</span></p>
<a class="btn btn-go" data-i18n="cta1" href="offre.html">Je profite de l'offre — 7,90€</a>
<p class="note" data-i18n="vs_until" style="margin-top:14px;color:#a99fc9">Offre valable jusqu'au 19
juillet 2026</p>
</div>
</div>
</section>
<!-- ACADEMIES -->
<section class="acad" id="academies">
<div class="wrap">
<div class="section-head center">
<p class="eyebrow" data-i18n="acad_eyebrow">Les académies</p>
<h2 class="lead" data-i18n="acad_title">Deux experts. Deux programmes. Un seul accès.</h2>
</div>
<div class="acad-grid">
<!-- Payet -->
<article class="acard foot rv">
<img alt="La Payet Academy" class="acad-logo" loading="lazy"
src="assets/images/image-e065428f4445.png" />
<p class="role" data-i18n="payet_role">Dimitri Payet — footballeur pro, légende de l'OM (740+
matchs)</p>
<p class="plabel" data-i18n="program_label">Au programme</p>
<ul>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="p1">La Passe</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="p2">Le Contrôle de balle</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="p3">La Conduite de balle</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="p4">La Frappe</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="p5">Le Coup franc direct</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="p6">Les Coups de pied arrêtés</span></li>
</ul>
<p class="unlock" data-i18n="unlock_note">Vidéos déblocables le 1er octobre 2026</p>
</article>
<!-- Physio -->
<article class="acard rv">
<img alt="La PhysioSport Academy" class="acad-logo" loading="lazy"
src="assets/images/image-1edea7b9762f.png" />
<p class="role" data-i18n="physio_role">Yannick Dyduch — kiné D.E. &amp; ostéo D.O. (Juventus,
Équipe nationale de Belgique, ex-OM)</p>
<p class="plabel" data-i18n="program_label">Au programme</p>
<ul>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="f1">Le Strapping</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="f2">La Mobilisation</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="f3">Le Massage du sportif</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="f4">Les Blessures musculaires</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="f5">Les Blessures articulaires</span></li>
<li><svg fill="none" stroke="currentColor" stroke-width="2.6" viewbox="0 0 24 24">
<path d="M20 6 9 17l-5-5"></path>
</svg><span data-i18n="f6">Les Blessures inflammatoires</span></li>
</ul>
<p class="unlock" data-i18n="unlock_note">Vidéos déblocables le 1er octobre 2026</p>
</article>
</div>
</div>
</section>
<!-- EXPERTS -->
<section class="experts">
<div class="wrap">
<div class="section-head center">
<p class="eyebrow" data-i18n="ex_eyebrow">Pourquoi eux</p>
<h2 class="lead" data-i18n="ex_title">Ceux qui le font. Pas ceux qui en parlent.</h2>
</div>
<figure class="duo rv">
<img alt="Yannick Dyduch et Dimitri Payet" loading="lazy"
src="assets/images/image-caa96026de49.jpg" />
<figcaption><span data-i18n="duo_cap">Yannick Dyduch &amp; Dimitri Payet — les deux experts de
TutoSport Expert.</span></figcaption>
</figure>
<div class="ex-grid">
<div class="ex rv">
<div class="ph"><svg class="globe">
<use href="#globe"></use>
</svg></div>
<div>
<h3>Dimitri Payet</h3>
<p class="tag" data-i18n="ex_payet_tag">Football · La Payet Academy</p>
<p data-i18n="ex_payet_bio">Plus de 740 matchs professionnels, légende de l'Olympique de
Marseille. Dimitri Payet partage enfin ses gestes : frappe, coups francs, contrôle,
vision de jeu.</p>
</div>
</div>
<div class="ex rv">
<div class="ph"><svg class="globe">
<use href="#globe"></use>
</svg></div>
<div>
<h3>Yannick Dyduch</h3>
<p class="tag" data-i18n="ex_physio_tag">Kiné du sport · La PhysioSport Academy</p>
<p data-i18n="ex_physio_bio">Kinésithérapeute et ostéopathe des plus grands clubs (Juventus,
Équipe nationale de Belgique, ex-OM). Yannick Dyduch transmet la kiné du sport :
strapping, massage, prévention, prise en charge des blessures.</p>
</div>
</div>
</div>
</div>
</section>
<!-- HOW -->
<section class="how" id="how">
<div class="wrap">
<div class="section-head center">
<p class="eyebrow" data-i18n="how_eyebrow">Comment ça marche</p>
<h2 class="lead" data-i18n="how_title">De l'inscription au déblocage</h2>
</div>
<div class="how-grid">
<div class="step rv">
<div class="n"></div>
<h3 data-i18n="s1t">Tu t'abonnes</h3>
<p data-i18n="s1d">7,90€, paiement sécurisé en quelques secondes.</p>
</div>
<div class="step rv">
<div class="n"></div>
<h3 data-i18n="s2t">Tu reçois ton précode</h3>
<p data-i18n="s2d">Confirmation immédiate par e-mail.</p>
</div>
<div class="step rv">
<div class="n"></div>
<h3 data-i18n="s3t">La Coupe du Monde</h3>
<p data-i18n="s3d">On chauffe la communauté jusqu'au coup d'envoi.</p>
</div>
<div class="step rv">
<div class="n"></div>
<h3 data-i18n="s4t">1er octobre 2026</h3>
<p data-i18n="s4d">Toutes les vidéos se débloquent. À toi de jouer.</p>
</div>
</div>
</div>
</section>
<!-- ACCESSIBILITY -->
<section class="access">
<div class="wrap">
<div class="section-head center">
<p class="eyebrow" data-i18n="acc_eyebrow">Notre raison d'être</p>
<h2 class="lead" data-i18n="hero_h1full">Tout le monde a le droit aux experts.</h2>
<p class="sub-lead" data-i18n="acc_sub">Le savoir des pros ne devrait pas être réservé à ceux qui
ont les moyens, le bon code postal ou la bonne langue.</p>
</div>
<div class="acc-grid">
<div class="acc rv">
<div class="ic"><svg fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<circle cx="12" cy="12" r="9"></circle>
<path
d="M14.5 9.5C14 8.6 13 8 12 8c-1.7 0-3 1-3 2.3 0 2.7 6 1.3 6 3.7 0 1.3-1.3 2.3-3 2.3-1 0-2-.6-2.5-1.5M12 6.5v11">
</path>
</svg></div>
<h3 data-i18n="acc1t">Accessible financièrement</h3>
<p data-i18n="acc1d">Des abonnements low-cost. Le savoir des pros, sans le prix des stages.</p>
</div>
<div class="acc rv">
<div class="ic"><svg fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<circle cx="12" cy="12" r="9"></circle>
<path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"></path>
</svg></div>
<h3 data-i18n="acc2t">Accessible partout</h3>
<p data-i18n="acc2d">Un site et une appli. Où que tu sois, les experts sont là.</p>
</div>
<div class="acc rv">
<div class="ic"><svg fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6"></path>
</svg></div>
<h3 data-i18n="acc3t">Accessible dans ta langue</h3>
<p data-i18n="acc3d">Des tutoriels sous-titrés dans toutes les langues.</p>
</div>
</div>
</div>
</section>
<!-- COMPARE -->
<section class="compare">
<div class="wrap">
<div class="section-head center">
<h2 class="lead" data-i18n="cmp_title">7,90€ aujourd'hui, ou 80€ le 1er octobre</h2>
</div>
<div class="cmp-grid rv">
<div class="cmp win">
<p class="lbl" data-i18n="cmp_during">Pendant la Coupe du Monde</p>
<div class="amt">7,90<span class="cur"></span></div>
<p class="desc" data-i18n="cmp_during_d">Les 2 académies, accès illimité</p>
</div>
<div class="cmp-vs"><span>VS</span></div>
<div class="cmp">
<p class="lbl" data-i18n="cmp_after">À partir du 1er octobre</p>
<div class="amt">80<span class="cur"></span></div>
<p class="desc" data-i18n="cmp_after_d">40€ par académie, soit 80€ les deux</p>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="faq" id="faq">
<div class="wrap">
<div class="section-head center">
<p class="eyebrow" data-i18n="faq_eyebrow">FAQ</p>
<h2 class="lead" data-i18n="faq_title">Questions fréquentes</h2>
</div>
<div class="faq-list" id="faqlist">
<div class="qa"><button aria-expanded="false"><span data-i18n="q1">Quand est-ce que j'ai accès aux
vidéos ?</span><svg class="chev" fill="none" stroke="currentColor" stroke-width="2.4"
viewbox="0 0 24 24">
<path d="m6 9 6 6 6-6"></path>
</svg></button>
<div class="ans" data-i18n="a1" hidden="">Tu reçois ton précode dès le paiement. L'intégralité
des contenus se débloque le 1er octobre 2026.</div>
</div>
<div class="qa"><button aria-expanded="false"><span data-i18n="q2">C'est quoi un précode
?</span><svg class="chev" fill="none" stroke="currentColor" stroke-width="2.4"
viewbox="0 0 24 24">
<path d="m6 9 6 6 6-6"></path>
</svg></button>
<div class="ans" data-i18n="a2" hidden="">C'est ton accès réservé, envoyé par e-mail dès
l'achat. Tu l'utilises pour entrer dans les académies au lancement.</div>
</div>
<div class="qa"><button aria-expanded="false"><span data-i18n="q3">L'offre 7,90€ couvre les deux
académies ?</span><svg class="chev" fill="none" stroke="currentColor" stroke-width="2.4"
viewbox="0 0 24 24">
<path d="m6 9 6 6 6-6"></path>
</svg></button>
<div class="ans" data-i18n="a3" hidden="">Oui. Un seul paiement de 7,90€ te donne un accès
illimité à La Payet Academy et à La PhysioSport Academy.</div>
</div>
<div class="qa"><button aria-expanded="false"><span data-i18n="q4">Jusqu'à quand l'offre est valable
?</span><svg class="chev" fill="none" stroke="currentColor" stroke-width="2.4"
viewbox="0 0 24 24">
<path d="m6 9 6 6 6-6"></path>
</svg></button>
<div class="ans" data-i18n="a4" hidden="">Jusqu'au 19 juillet 2026, fin de la Coupe du Monde.
Après, place au tarif normal de 40€ par académie.</div>
</div>
<div class="qa"><button aria-expanded="false"><span data-i18n="q5">Le paiement est-il sécurisé
?</span><svg class="chev" fill="none" stroke="currentColor" stroke-width="2.4"
viewbox="0 0 24 24">
<path d="m6 9 6 6 6-6"></path>
</svg></button>
<div class="ans" data-i18n="a5" hidden="">Oui, 100%. Les paiements sont traités par Stripe,
leader mondial du paiement en ligne.</div>
</div>
<div class="qa"><button aria-expanded="false"><span data-i18n="q6">Dans quelles langues ?</span><svg
class="chev" fill="none" stroke="currentColor" stroke-width="2.4" viewbox="0 0 24 24">
<path d="m6 9 6 6 6-6"></path>
</svg></button>
<div class="ans" data-i18n="a6" hidden="">Le site est disponible en français, anglais, espagnol
et portugais, et les tutoriels sont sous-titrés.</div>
</div>
</div>
</div>
</section>
<!-- FINAL CTA -->
<section class="final">
<div class="wrap">
<p class="eyebrow" data-i18n="final_eyebrow">Dernier appel</p>
<h2 data-i18n="final_title">7,90€ aujourd'hui. 80€ le 1er octobre.</h2>
<p class="sub" data-i18n="final_sub">L'offre se termine avec la Coupe du Monde, le 19 juillet 2026.</p>
<p class="cd-big js-cd"></p>
<a class="btn btn-go" data-i18n="cta1" href=./offre.html">Je profite de l'offre — 7,90€</a>
</div>
</section>
</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="True" src="assets/js/main.js"></script>
</body>
</html>