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

69 lines
3.5 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>
<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">
<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">Qu'attendez vous pour vous lancer ?</h1>
<p class="section-texte">Avec nos guides spécialisés, vous pourrez choisir le domaine qui vous intéresse. Bien sur les guides seront mis à jour régulièrement, alors proposez nous des sujets qui vous intéresse !</p>
</section>
<section class="formations">
<h3 class="formations-titre">CATALOGUE DES FORMATIONS</h3>
<div class="cards-guide">
<h6 class="formations-titre">Relations</h6>
<div class="card-guide">
<p>Vous voulez vous épanouir dans vos relations ?<br>
Le bonheur est différent pour chaque individu, mais être apprécié de vos proches et de vos collègues de travail, ne serait-ce pas idéal ? Avec notre guide "Relations humaines" vous saurez comment vous comporter dans chaque situation avec la personne en face de vous sans changer qui vous êtes pour autant !</p>
<br>
<a href="./guide.html"><img src="./relations.jpg"></a>
</div>
<h6 class="formations-titre">Sport</h6>
<div class="card-guide">
<a href="./guide.html"><img src="./sport.jpg"></a>
<br>
<p>Vous voulez exercer une activité sportive régulière :<br>
Football ? Basket ? Handball ? Boxe ?<br>
Savez-vous quel est le point commun entre tous les sports? <br>
En effet cest bien la confiance en soi. Tout d'abord, il est essentiel de faire du sport quotidiennement pour sa santé mentale et physique. Nous vous proposons un "guide sportif" spécialisé en fonction de vos besoins et vos envies qui va vous permettre de vous épanouir.
</p>
</div>
<h6 class="formations-titre">Entreprenariat</h6>
<div class="card-guide">
<p>Vous nosez pas faire ? Vous hésitez à créer votre propre société ? A diriger une équipe efficace ?<br>
Mais vous ne vous sentez pas à la hauteur ou vous pensez que vous navez pas assez de compétences? Grâce au guide "Entreprenariat" vous connaîtrez lensemble des compétences requises pour mener à bien vos projets.</p>
<br>
<a href="./guide.html"><img src="./productivité.jpg"></a>
</div>
</div>
</section>
</body>
</html>