SAE_HTML1_2023/contenu/guide.html

69 lines
3.5 KiB
HTML
Raw Normal View History

2023-01-17 22:58:08 +01:00
<!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>