Skip to content
Snippets Groups Projects
Commit 3e64ded5 authored by Oumayma El Khattabi's avatar Oumayma El Khattabi
Browse files

navigation entre promos + P22

parent 825ce42a
Branches
No related tags found
No related merge requests found
<!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="../actions.html"><img src="../images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></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><a href="../actions.html">Nos actions</a></li>
<li><a href="../contact.html">Nous contacter</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>
<h4>Le Buro</h4>
<div class="row">
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Pauline.jpg">
</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.jpg">
</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.jpg">
</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.jpg">
</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.jpg">
</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.jpg">
</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.jpg">
</div>
<div class="content">
<div class="info">
<h2>
Pauline Marc-Tudor
</h2>
<span>Acti Int</span>
</div>
</div>
</div>
</div>
</div>
<a href="../actions.html"><button> Découvrir les actions internes</button></a>
<h4>Les Activités externes</h4>
<div class="row">
<div class="column3">
<div class="container">
<div class="image">
<img src="P23/P23Nada.jpg">
</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.jpg">
</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.jpg">
</div>
<div class="content">
<div class="info">
<h2>
Sébastien Moustard
</h2>
<span>Respo Tombola</span>
</div>
</div>
</div>
</div>
</div>
<a href="../actions.html"><button> Découvrir les actions externes</button></a>
<h4>Le pôle entreprise</h4>
<div class="row">
<div class="column4">
<div class="container">
<div class="image">
<img src="P23/P23Raph.jpg">
</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.jpg">
</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.jpg">
</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.jpg">
</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.jpg">
</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.jpg">
</div>
<div class="content">
<div class="info">
<h2>
Jean Deblock
</h2>
<span>Projet</span>
</div>
</div>
</div>
</div>
</div>
<a href="../actions.html"><button> Découvrir le nouveau projet</button></a>
<h4>Le pôle média</h4>
<div class="row">
<div class="column2">
<div class="container">
<div class="image">
<img src="P23/P23Gwen.jpg">
</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.jpg">
</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" width="100px">
</div>
<div class="column3">
<h3>Nous retrouver sur les réseaux</h3>
<p>Instagram</p>
<p>Facebook</p>
</div>
<div class="column3">
<h3>Nous contacter</h3>
<p>3 rue Joliot Curie <br>
91190 GIF-SUR-YVETTE
</p>
<p>africa-unite@larez.fr</p>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
......@@ -34,7 +34,17 @@
<img src="../icons/menu_icon.png" id="menu_icon" alt="Menu icon" width="25px"
style="position: absolute; right:1%; top:20px">
<div class="row">
<div class="column4">
<a href="P24.html"><button>Equipe 2022</button></a>
</div>
<div class="column4">
<a href="P23.html"><button>Equipe 2021</button></a>
</div>
<div class="column4">
<a href="P22.html"><button>Equipe 2020</button></a>
</div>
</div>
<h2>L'équipe 2022</h2>
<h4>Le Buro</h4>
......
......@@ -203,6 +203,7 @@ button{
border-radius: 10px;
padding: 10px;
margin: 10px;
width: 50%;
}
.button {
font-family: Oswald;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment