SAE_HTML1_2023/contenu/accueil.html
toussain 767c044d7e v1
2023-01-17 22:58:08 +01:00

48 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<!-- CDN Boxicons -->
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<title>BetterSelf</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">"J'ai appris il y a longtemps qu'il y a quelque chose de pire que de rater l'objectif: ne pas passer à l'action", Mia Hamm.</h1>
<div class="cards-guide">
<div class="card-accueil">
<p class="section-texte">BetterSelf est une entreprise qui a pour but de construire, mettre en pratique votre développement personnel et de vous accompagner durant celui-ci.<br>Pour cela, nous vous proposons différentes pistes avec un suivi adapté, telles qu'un parcours sportif ou des missions quotidiennes en lien avec vos objectifs. Ces missions quotidiennes vous permettront de récolter un certains nombre de points, vous donnant accès à plus d'activités payantes.<br>
Le contenu complet de chaque activités sera disponible dans les formules d'abonnement.</p>
<a href="./accueil.html"><img src="./logo_complet.png"></a>
</div>
</div>
<a href="guide.html" class="section-bouton">EN SAVOIR PLUS</a>
</section>
</body>
</html>