<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="FAQs" content="FAQ">
<meta name="author" content="Assia Mzyene">
<link rel="stylesheet" href="./style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<title>Foire aux questions</title>
</head>
<body>
<header>
<nav class="navbar">
<div class="logo-navbar">
<a href="accueil.html"><img src="./logo.png"></a>
</div>
<div class="links-navbar">
<ul>
<li><a class="link" href="accueil.html">Accueil</a></li>
<li><a class="link" href ="guide.html">Guide</a></li>
<li><a class="link" href ="abonnement.html">Abonnement</a></li>
<li><a class="link" href ="faq.html">FAQ</a></li>
<li><a class="link" href ="contact.html">Contact</a></li>
</ul>
</div>
<div class="right-navbar">
<a href="#"><i class='bx bx-user-circle'></i></a>
<a href="#"><i class='bx bx-search-alt-2'></i></a>
</div>
</nav>
</header>
<section>
<h1 class="section-titre">LE RÉSULTAT SERA LE MÊME, PAS L'EXPÉRIENCE !</h1>
<div class="cards">
<div class="card">
<h2 class="card-name">Découverte</h2>
<hr>
<p class="card-avantage"><i class='bx bx-check-circle'></i> Accès aux missions quotidiennes</p>
<p class="card-avantage"><i class='bx bx-check-circle'></i> Accès à la bibliothèque </p>
<p class="card-avantage"><i class='bx bx-check-circle'></i> 2 Masterclass en direct par mois</p>
<p class="card-prix">8,99€</p>
<p class="card-periode">Par mois</p>
</div>
<div class="card">
<h2 class="card-name">Premium</h2>
<hr>
<p class="card-avantage"><i class='bx bx-check-circle'></i> Accès aux missions quotidiennes</p>
<p class="card-avantage"><i class='bx bx-check-circle'></i> Accès à 3 masterclass par mois</p>
<p class="card-avantage"><i class='bx bx-check-circle'></i> 1 ticket pour un Ted Talk en présentiel</p>
<p class="card-prix">14,99€</p>
<p class="card-periode">Par mois</p>
</div>
<div class="card">
<h2 class="card-name">Premium annuel</h2>
<hr>
<p class="card-avantage"><i class='bx bx-check-circle'></i> Le prix du Premium sur une année !</p>
<p class="card-avantage"><i class='bx bx-check-circle'></i> Personalisation optimisée</p>
<p class="card-avantage"><i class='bx bx-check-circle'></i> Sans engagement</p>
<p class="card-prix">129,99€</p>
<p class="card-periode">Par an</p>
</div>
</div>
</section>
</body>
</html>