Forsa Academy – Plateforme Éducative
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Forsa Academy - Plateforme Éducative</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<style>
body {
font-family: Arial, sans-serif;
}
.hero {
background: url('https://source.unsplash.com/1600x900/?education,learning') no-repeat center center/cover;
color: white;
padding: 100px 0;
text-align: center;
}
.btn-primary {
background-color: #007bff;
border-color: #007bff;
}
.section {
padding: 60px 20px;
}
footer {
background-color: #222;
color: white;
text-align: center;
padding: 20px;
margin-top: 30px;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#">Forsa Academy</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#">Accueil</a></li>
<li cla
