Select Git revision
angular.json
P23.html NaN GiB
<!DOCTYPE html>
<html lang="en">
<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" />
<title>Equipe 2022 - Africa Unite</title>
<link rel="stylesheet" href="../styles.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>
</head>
<body>
<div class="core">
<!--Logo Africa Unite-->
<a href="../index.html"
><img
src="../images/logo_africaunite_transparent.png"
alt="Logo Africa Unite"
width="12%"
/></a>
<!--Barre de navigation-->
<nav id="navbar">
<ul>
<li class="deroulant">
<a href="#">Qui sommes nous?</a>
<ul class="sous">
<li><a href="../equipes.html">Nos différentes équipes</a></li>
<li>
<a href="../histoire.html">L'histoire de l'association</a>
</li>
</ul>
</li>
<li class="deroulant">
<a href="#">Nos projets</a>
<ul class="sous">
<li><a href="../Bobo.html">Le centre de Bobo</a></li>
<li><a href="../nvprojet.html">Le nouveau projet</a></li>
</ul>
</li>
<li><a href="../actions.html">Nos actions</a></li>
</ul>
</nav>
<!--Bouton d'apparition/disparition barre de navigation-->
<img
src="../icons/menu_icon.png"
id="menu_icon"
alt="Menu icon"
width="25px"
style="position: absolute; right: 1%; top: 20px"
/>
<h2>L'équipe 2021</h2>
<div class="grid-container-3-boxes">
<div class="button_row"><a href="P25.html">Equipe 2023</a></div>
<div class="button_row"><a href="P24.html">Equipe 2022</a></div>
<div class="button_row"><a href="P23.html">Equipe 2021</a></div>
</div>
<h4>Le Buro</h4>
<div class="row">
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Pauline Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Pauline Marc-Tudor</h2>
<span>Présidente</span>
</div>
</div>
</div>
</div>
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Gwen Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Gwendoline Mendes</h2>
<span>Vice-Présidente</span>
</div>
</div>
</div>
</div>
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Alban Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Alban Granier</h2>
<span>Trésorier</span>
</div>
</div>
</div>
</div>
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Seb Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Sébastien Moustard</h2>
<span>Secrétaire Général</span>
</div>
</div>
</div>
</div>
</div>
<h4>Les Activités internes</h4>
<div class="row">
<div class="column3">
<div class="container">
<div class="image">
<img src="P23/P23Clément Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Clément Franey</h2>
<span>VP Acti Int</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P23/P23Saber Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Saber Taieb</h2>
<span>Acti Int</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P23/P23Pauline Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Pauline Marc-Tudor</h2>
<span>Acti Int</span>
</div>
</div>
</div>
</div>
</div>
<div class="button_small"><a href="../actions.html"
>Découvrir les actions internes</a
></div>
<h4>Les Activités externes</h4>
<div class="row">
<div class="column3">
<div class="container">
<div class="image">
<img src="P23/P23Nada Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Nada Chraiki</h2>
<span>VP Acti Ext/Respo Papiers Cadeaux</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P23/P23Jean Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Jean Erhart</h2>
<span>Respo écoles</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P23/P23Seb Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Sébastien Moustard</h2>
<span>Respo Tombola</span>
</div>
</div>
</div>
</div>
</div>
<div class="button_small"><a href="../actions.html"
>Découvrir les actions externes</a
></div>
<h4>Le pôle entreprise</h4>
<div class="row">
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Raph Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Raphaël El Haddad</h2>
<span>VP Ent</span>
</div>
</div>
</div>
</div>
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Thierry Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Thierry Aba</h2>
<span>Ent</span>
</div>
</div>
</div>
</div>
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Gwen Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Gwendoline Mendes</h2>
<span>Ent</span>
</div>
</div>
</div>
</div>
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Alban Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Alban Granier</h2>
<span>Ent</span>
</div>
</div>
</div>
</div>
</div>
<h4>Le pôle projet</h4>
<div class="row">
<div class="column2">
<div class="container">
<div class="image">
<img src="P23/P23Thalia Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Thalia Baisson-Bouteiller</h2>
<span>VP Projet</span>
</div>
</div>
</div>
</div>
<div class="column2">
<div class="container">
<div class="image">
<img src="P23/P23JeanJean Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Jean Deblock</h2>
<span>Projet</span>
</div>
</div>
</div>
</div>
</div>
<div class="button_small"><a href="../actions.html">Découvrir le nouveau projet</a></div>
<h4>Le pôle média</h4>
<div class="row">
<div class="column2">
<div class="container">
<div class="image">
<img src="P23/P23Gwen Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Gwendoline Mendes</h2>
<span>VP Com </span>
</div>
</div>
</div>
</div>
<div class="column2">
<div class="container">
<div class="image">
<img src="P23/P23Raph Grande.jpeg" />
</div>
<div class="content">
<div class="info">
<h2>Raphaël El Haddad</h2>
<span>VP Geek</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Footer-->
<div class="footer">
<div class="row">
<div class="column3">
<img
src="../images/logo_africaunite_transparent.png"
alt="logo"
style="width: 15vw"
/>
</div>
<div class="column3">
<h6>Nous retrouver sur les réseaux</h6>
<a href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr" target="_blank" style="display: flex; align-items: center; text-decoration: none;">
<img src="../icons/facebook.png" width="13%" style="padding: 3%" alt="Facebook Logo" />
<span style="margin-left: 4.5%; font-size: 1.5vw;">Facebook</span>
</a>
<p>
<a href="https://www.instagram.com/africaunite.cs/" target="_blank" style="display: flex; align-items: center; text-decoration: none;">
<img src="../icons/instagram.png" width="13%" style="padding: 2.5%" alt="Instagram Logo" />
<span style="margin-left: 4%; font-size: 1.5vw;">Instagram</span>
</a>
</p>
</div>
<div class="column3">
<h6>Nous contacter</h6>
<p style="font-size: 1.5vw;">
3 rue Joliot Curie <br />
91190 GIF-SUR-YVETTE
</p>
<p></p>
</div>
</div>
</div>
</body>
<script src="main.js"></script>
</html>