generated from clessn/gabarit_site_web
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
230 lines (219 loc) · 7.52 KB
/
index.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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!doctype html>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Peace</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
<span class="image avatar">
<img src="images/adjara.jpeg" alt="Avatar">
</span>
<h1 id="logo"><a href="#">Adjaratousawadogo</a></h1>
<p>
Passionée, motivée à mettre mes compétences au service de projets novateurs avec un engagement fort pour des solutions durables et impactantes.<br />
</p>
</header>
<nav id="nav">
<ul>
<li><a href="#one" class="active">À propos</a></li>
<li><a href="#two">Mon travail</a></li>
<li><a href="#three">Mon CV</a></li>
<li><a href="#projets">Mes projets</a></li>
<li><a href="#four">Contact</a></li>
</ul>
</nav>
<footer>
<ul class="icons">
<li>
<!-- Vous pouvez mettre en hyperlien vos reseaux sociaux en modifiant la valeur de href-->
<a hrf="https://x.com/MLB/" class="icon brands fa-twitter"
><span class="label">Twitter</span></a
>
</li>
<li>
<a href="#" class="icon brands fa-facebook-f"
><span class="label">Facebook</span></a
>
</li>
<li>
<a href="#" class="icon brands fa-linkedin"
><span class="label">LinkedIn</span></a
>
</li>
<li>
<a href="#" class="icon brands fa-github"
><span class="label">Github</span></a
>
</li>
<li>
<a href="#" class="icon solid fa-envelope"
><span class="label">Email</span></a
>
</li>
</ul>
</footer>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="image main" data-position="center">
<img src="images/peace.jpg" alt="" />
</div>
<div class="container">
<header class="major">
<h2>Adjaratou Sawadogo</h2>
<p> Étudiante à la maîtrise en science politique
</p>
</header>
<p>
Je suis passionnée par les enjeux de gouvernance et d'organisation publique. Mon objectif est de comprendre comment les politiques publiques peuvent être optimisées pour mieux répondre aux besoins de la société. Je m'intéresse particulièrement à l'analyse des systèmes de gouvernance, à la transparence administrative et à la participation citoyenne.
</p>
</div>
</section>
<!-- Two -->
<section id="two">
<div class="container">
<h3>Mes réalisations</h3>
<p>
J'ai eu l'opportunité de travailler dans des secteurs variés, allant de l'immobilier à la politique locale. À chaque étape, j'ai acquis des compétences précieuses en gestion, analyse politique et collaboration.
</p>
<ul class="feature-icons">
<li class="icon solid fa-code">
Effectuer une veille de l’actualité politique
</li>
<li class="icon solid fa-cubes">
Accueillir et offrir un service de qualité à la clientèle
</li>
<li class="icon solid fa-book">
Rédiger des rapports et des comptes rendus
</li>
<li class="icon solid fa-coffee"> Établir et maintenir des relations avec les fournisseurs</li>
<li class="icon solid fa-bolt"> Effectuer l’inventaire</li>
<li class="icon solid fa-users">Collaborer à la rédaction du bulletin d’information</li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three">
<div class="container">
<h3>Mon CV</h3>
<p>
Vous trouverez ci-dessous un aperçu de mon CV. Cliquez sur l’image ou le bouton pour consulter le document complet en format PDF.
</p>
<div class="features">
<article>
<!-- Aperçu du CV en image -->
<a href="cv/AdjaratouCVLatex.pdf" class="image" target="_blank">
<img src="cv/cv.png" alt="Aperçu du CV" />
</a>
<div class="inner">
<h4>Consultez mon CV</h4>
<p>
Cliquez sur l'image ci-dessus ou sur le lien ci-dessous pour ouvrir mon CV en PDF dans un nouvel onglet.
</p>
<!-- Lien direct vers le CV en PDF -->
<p>
<a href="cv/AdjaratouCVLatex.pdf" target="_blank" class="button primary">
Voir le CV en PDF
</a>
</p>
</div>
</article>
</div>
</div>
</section>
<!-- Mes projets -->
<section id="projets">
<div class="container">
<h3>Mes Projets</h3>
<p>
Voici une sélection de mes projets. Cliquez sur l'image pour découvrir le projet complet.
</p>
<div class="features">
<article>
<!-- Aperçu du projet en image -->
<a href="cv/projet.html" class="image" target="_blank">
<img src="cv/projet.png" alt="Aperçu du projet" />
</a>
<div class="inner">
<h4>Cours d'outils numériques (POL-6078)</h4>
<p>
Cliquez sur l'image ou sur le lien ci-dessous pour explorer le contenu de ce projet.
</p>
<!-- Lien direct vers le projet -->
<p>
<a href="cv/projet.html" target="_blank" class="button primary">
Voir le projet complet
</a>
</p>
</div>
</article>
</div>
</div>
</section>
<nav id="nav">
<ul>
<li><a href="#one" class="active">À propos</a></li>
<li><a href="#two">Mon travail</a></li>
<li><a href="#three">Mon CV</a></li>
<li><a href="#four">Contact</a></li>
</ul>
</nav>
<!-- Four -->
<section id="four">
<div class="container">
<h3>Me joindre</h3>
<p>
N'hésitez pas à me contacter pour plus d'information
</p>
<div class="row gtr-uniform">
<div class="col-12">
<a
href="mailto:adjaratousawadogo771@gmail.com?subject=Sujet&body=Votre message ici."
class="button primary"
>
Envoyer un email
</a>
</div>
</div>
</div>
</section>
<!-- Five -->
<!-- -->
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>© Untitled. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>