-
Notifications
You must be signed in to change notification settings - Fork 0
/
equipe.html
158 lines (147 loc) · 7.85 KB
/
equipe.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>La parade monstrueuse</title>
<link href="css/equipe.css" type="text/css" rel="stylesheet" />
<title> Equipe </title>
<script src="js/equipe.js"></script>
<script src="https://kit.fontawesome.com/56b8d626b9.js" crossorigin="anonymous"></script>
</head>
<body>
<div>
<header>
<div class="container">
<div class="tabs">
<a href="index.html" class="tab tab1">Accueil</a>
<a href="page2023.html" class="tab tab2">La Parade Monstrueuse</a>
<a href="equipe.html" class="tab tab3">Équipe</a>
</div>
</div>
</header>
<form action="" class="language-menu">
<input class="input-btn" type="radio" id="valueIs-1" name="valueIs-radio" checked="" value="valueIs-1">
<label class="neon-btn" for="valueIs-1">
<span class="span"></span>
<span class="french">Français</span>
</label>
<input class="input-btn" type="radio" id="valueIs-2" name="valueIs-radio" value="valueIs-2">
<label class="neon-btn" for="valueIs-2">
<span class="span"></span>
<span class="english">Anglais</span>
</label>
</form>
<main>
<div class="reste">
<div class="qui">
<h2> Qui sommes-nous? <i class="fa-solid fa-person-circle-question"></i></h2>
Nous sommes une équipe de 5 étudiantes en informatique. Dans le cadre de notre formation nous avons été amené à découvrir un événement culturel puis à créer un site internet ainsi qu’une affiche pour une édition 2024 de celui-ci.
Ainsi notre choix s’est porté sur une édition dite fabuleuse de “La parade Monstrueuse” que nous avons nommé sobrement “La parade Fabuleuse”.
</div>
<br>
<div class="container1">
<div class="center">
<div class="card">
<img src="images/c.png">
<div class="description">
<h2>Charlotte - Chef de projet <i class="fa-solid fa-list-check"></i></h2>
<p>Je suis chargée de mener à bien ce projet et de m’assurer du bon déroulement de celui-ci. Je dois mettre en place la feuille de route comportant les étapes du projet pour pouvoir rendre compte de l’avancement du projet et je dois m'assurer du bon avancement de chacune.
Je suis chargée de la maîtrise d’ouvrage c’est-à-dire de définir les besoins mais aussi de la validation finale du projet afin de s'assurer qu'il répond aux besoins.
Je dois m’occuper de rédiger le cahier des charges et le journal de bord pour bien encadrer le projet et l’équipe.
Enfin je m’occupe aussi de l'envoi des livrables.
</p>
</div>
</div>
</div>
<div class="row">
<div class="card">
<img src="images/g.png">
<div class="description">
<h2>Grace - Responsable de communication <i class="fa-solid fa-comments"></i> </h2>
<p>Je suis responsable de la communication et de la prise de contact externe. Je rédige les mails, organise les rendez-vous et fait les interviews. Je m'occupe aussi d'archiver et d'organiser les échanges de mails avec nos interlocuteurs ainsi que de répondre à leurs questions. Enfin je veille aussi à la conformité des documents de droit à l'image des personnes et de droit de diffusion d'images de l'exposition. </p>
</div>
</div>
<div class="card">
<img src="images/m.png">
<div class="description">
<h2>Manon - Designer affiche <i class="fa-solid fa-pen-ruler"></i></h2>
<p>J’ai le rôle de designer pour l’affiche, ceci en effectuant des recherches sur les tendances du marché, les couleurs pour répondre aux attentes des clients.
La conception de l’affiche en utilisant des outils de conceptions tels que PhotoShop, Figma…
Je suis également chargé d’aider le développeur et le designer pour la réalisation du site internet.
</p>
</div>
</div>
</div>
<div class="row">
<div class="card">
<img src="images/y.png">
<div class="description">
<h2>Yossra - Designer de site <i class="fa-regular fa-object-group"></i></h2>
<p>Analyse des besoins du client pour comprendre les attentes de l’exposition.
Conception de l’architecture du site internet en organisant les informations de l'exposition de manière logique et cohérente, en déterminant les différentes catégories du site internet.
Rassembler les textes, les images, les vidéos et les autres contenus de l'exposition.
Création de maquettes en visualisant les différentes pages et les interactions du site web, en utilisant des logiciels de conception adaptés.
Concevoir un style visuel en utilisant des couleurs, des polices et des images qui reflètent l'atmosphère de l'exposition.
Recueillir des feedbacks et des suggestions de toute l’équipe pour des améliorations.
</p>
</div>
</div>
<div class="card">
<img src="images/k.png">
<div class="description">
<h2> Kenza - Développeuse de site <i class="fa-solid fa-laptop-code"></i></h2>
<p>Dans ce projet je m’occupe de réaliser la partie développement du projet. Celui-ci permet de mettre en forme le site Web en utilisant différents langages de programmation HTML, CSS, JavaScript en s’appuyant sur le prototype réalisé par le designer.
Tester le site pour s’assurer qu’il fonctionne correctement.
La maintenance du site pour garantir un bon fonctionnement.
</p>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer-left">
<span class="map"><a title="Notre localisation" href="https://www.google.com/maps?q=Centre+des+arts,+12-16+rue+de+la+Lib%C3%A9ration,+95880+Enghien-les-Bains&um=1&ie=UTF-8&sa=X&ved=2ahUKEwj9yJeYvJHxAhWMCsAKHQNqBjwQ_AUoAXoECAEQAw"><i class="fa-solid fa-map-location-dot"></i></a></span></p>
</div>
<div class="footer-medium">
<p><a href="https://www.instagram.com/enghientourisme/"><span class="instagram"><i class="fa-brands fa-instagram"></i></span></a><br>
<a href="https://www.facebook.com/enghientourisme/"><span class="facebook"><i class="fa-brands fa-facebook"></i></span></a><br>
<a href="https://www.linkedin.com/company/office-de-tourisme-et-des-congr%C3%A8s-d'enghien-les-bains/"><span class="link" ><i class="fa-brands fa-linkedin"></i></span></a><br>
<a href="https://www.youtube.com/channel/UC2MFizWwmLT4Q4ckDK15r3w"><span class="youtube"><i class="fa-brands fa-youtube"></i></span></a><br></p>
</div>
<div class="footer-right">
<ul>
<li><span class="equipe" ><a title="A propos de l'équipe" href="equipe.html"><i class="fa-solid fa-person-circle-question"></i></a></span></li>
<li><button id="myBtn">
<div class="svg-wrapper-1">
<div class="svg-wrapper">
<i class="fa-regular fa-envelope"><path d="M22,15.04C22,17.23 20.24,19 18.07,19H5.93C3.76,19 2,17.23 2,15.04C2,13.07 3.43,11.44 5.31,11.14C5.28,11 5.27,10.86 5.27,10.71C5.27,9.33 6.38,8.2 7.76,8.2C8.37,8.2 8.94,8.43 9.37,8.8C10.14,7.05 11.13,5.44 13.91,5.44C17.28,5.44 18.87,8.06 18.87,10.83C18.87,10.94 18.87,11.06 18.86,11.17C20.65,11.54 22,13.13 22,15.04Z">
</path></i>
</div>
</div>
<span>Nous contacter</span>
</button></li>
<div id="myModal" class="modal">
<div class="modal-content">
<button class="button">
<span class="X"></span>
<span class="Y"></span>
</button>
<div class="container2">
<div class="heading">Envoie du message</div>
<form action="" class="form">
<input required="" class="input" type="name" name="name" id="name" placeholder="Nom">
<input required="" class="input" type="surname" name="surname" id="surname" placeholder="Prénom">
<input required="" class="input" type="email" name="email" id="email" placeholder="E-mail">
<textarea required="" class="input" type="comment" name="comment" id="comment" placeholder="Commentaire"></textarea>
<input class="send-button" type="submit" value="Envoyer">
</form>
</div>
</div>
</li>
</ul>
</div>
</footer>
</body>
</html>