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

ajout premiere partie équipe 1A

parent 2eb112ef
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
equipes/P23.html
+ 4
− 7
View file @ 62f04a47
......@@ -18,7 +18,7 @@
><img
src="../images/logo_africaunite_transparent.png"
alt="Logo Africa Unite"
width="5%"
width="12%"
/></a>
<!--Barre de navigation-->
<nav id="navbar">
......@@ -53,13 +53,10 @@
/>
<div class="row">
<div class="column4">
<a href="P25.html"><button>Equipe 2023</button></a>
<a href="P24.html"><button>Equipe 2022</button></a>
</div>
<div class="column4">
<a href="P23.html"><button>Equipe 2021</button></a>
</div>
</div>
<h2>L'équipe 2021</h2>
<h4>Le Buro</h4>
......
equipes/P24.html
+ 4
− 7
View file @ 62f04a47
......@@ -18,7 +18,7 @@
><img
src="../images/logo_africaunite_transparent.png"
alt="Logo Africa Unite"
width="5%"
width="12%"
/></a>
<!--Barre de navigation-->
<nav id="navbar">
......@@ -53,13 +53,10 @@
/>
<div class="row">
<div class="column4">
<a href="P25.html"><button>Equipe 2023</button></a>
<a href="P24.html"><button>Equipe 2022</button></a>
</div>
<div class="column4">
<a href="P23.html"><button>Equipe 2021</button></a>
</div>
</div>
<h2>L'équipe 2022</h2>
<h4>Le Buro</h4>
......
equipes/P25.html 0 → 100644
+ 337
− 0
View file @ 62f04a47
<!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"
/>
<div class="row">
<a href="P25.html"><button>Equipe 2023</button></a>
<a href="P24.html"><button>Equipe 2022</button></a>
<a href="P23.html"><button>Equipe 2021</button></a>
</div>
<h2>L'équipe 2023</h2>
<h4>Le Buro</h4>
<div class="row">
<div class="column3">
<div class="container">
<div class="image">
<img src="P25/P25Leo.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Léo Turbiault</h2>
<span>Président</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P25/P25Romain.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Romain Fonteneau</h2>
<span>Trésorier</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P25/P25Marie.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Marie Roussel</h2>
<span>Secrétaire Générale</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="P25/P25Louis.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Louis Di Martino</h2>
<span>VP Acti Int</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P25/P25Nath.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Nathaiel Polak</h2>
<span>Acti Int</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P25/P25Clara.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Clara Vega</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="column4">
<div class="container">
<div class="image">
<img src="P25/P25Raph.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Raphaël Doste</h2>
<span>VP Acti Ext</span>
</div>
</div>
</div>
</div>
<div class="column4">
<div class="container">
<div class="image">
<img src="P25/P25Leo.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Léo Turbiault</h2>
<span>Acti Ext</span>
</div>
</div>
</div>
</div>
<div class="column4">
<div class="container">
<div class="image">
<img src="P25/P25Thibault.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Thibault Gellé</h2>
<span>VP Écoles</span>
</div>
</div>
</div>
</div>
<div class="column4">
<div class="container">
<div class="image">
<img src="P25/P25Marie.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Marie Roussel</h2>
<span>Écoles</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="column3">
<div class="container">
<div class="image">
<img src="P25/P25Guimbert.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Paul Guimbert</h2>
<span>VP Ent</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P25/P25Pillebout.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Paul Pillebout</h2>
<span>Ent</span>
</div>
</div>
</div>
</div>
<div class="column3">
<div class="container">
<div class="image">
<img src="P25/P25Romain.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Romain Fonteneau</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="P25/P25Thea.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Théa Lallemant</h2>
<span>VP Projet</span>
</div>
</div>
</div>
</div>
<div class="column2">
<div class="container">
<div class="image">
<img src="P25/P25Baptiste.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Baptiste Launay</h2>
<span>Projet</span>
</div>
</div>
</div>
</div>
</div>
<a href="../nvprojet.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="P25/P25Clara.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Clara Vega</h2>
<span>VP Com</span>
</div>
</div>
</div>
</div>
<div class="column2">
<div class="container">
<div class="image">
<img src="P25/P25Ouma.JPG" />
</div>
<div class="content">
<div class="info">
<h2>Ouma El Khattabi</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.centralesupelec@gmail.com</p>
</div>
</div>
</div>
</body>
</html>
styles.css
+ 1
− 1
View file @ 62f04a47
......@@ -224,7 +224,7 @@ button {
border-radius: 10px;
padding: 10px;
margin: 10px;
width: 33%;
width: 25%;
}
button:hover {
background-color: grey;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment