66 lines
2.8 KiB
HTML
66 lines
2.8 KiB
HTML
|
<!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>
|