markdown-preview/etudiants.html at main · projet-projet/markdown-preview · GitHub

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
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Espace Étudiants - SystemXëy.sn</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>

    <header class="main-header">
        <div class="container">
            <a href="index.html" class="logo">
                <img src="images/logo.jpg" alt="logo" style="height: 75px;">
            </a>
            <nav class="main-nav">
                <ul>
                    <li><a href="etudiants.html">Espace Étudiants</a></li>
                    <li><a href="recruteurs.html">Espace Recruteurs</a></li>
                    <li><a href="apropos.html">À Propos</a></li>
                    <li><a href="blog.html">Blog</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav>
            <button class="menu-toggle" aria-label="Toggle navigation">
                <i class="fas fa-bars"></i>
            </button>
        </div>
    </header>

    <section class="page-hero" style="background-image: url('images/fond1.jpg');">
        <div class="container">
            <div class="page-hero-content">
                <h1>Découvrez les Talents de Demain</h1>
                <p>Explorez les profils de nos jeunes diplômés et étudiants en fin de cycle, prêts à apporter de la valeur à votre entreprise.</p>
            </div>
        </div>
    </section>

    <section class="filter-section">
        <div class="container">
            <div class="filter-controls">
                <input type="text" placeholder="Rechercher par compétence ou domaine..." class="search-input">
                <select class="filter-select">
                    <option value="">Tous les domaines</option>
                    <option value="dev">Développement Web & Mobile</option>
                    <option value="marketing">Marketing Digital</option>
                    <option value="data">Data Science</option>
                    <option value="design">Design UI/UX</option>
                    <option value="gestion">Gestion de Projet</option>
                </select>
                <button class="btn btn-primary filter-btn">Rechercher</button>
            </div>
        </div>
    </section>

    <!-- Mise à jour de la section profiles-list-section -->
    <section class="profiles-list-section">
        <div class="container">
            <h2 class="section-heading">Profil Étudiant Mis en Avant</h2>
            <div class="profile-card">
                <div class="profile-header">
                    <img src="images/profil1.jpg" alt="Photo de Aminata Sarr" class="profile-avatar">
                    <div class="profile-info">
                        <h3>Aminata Sarr</h3>
                        <p class="profile-domain">Communication Digitale</p>
                        <p><i class="fas fa-map-marker-alt"></i> Dakar, Sénégal</p>
                        <p><i class="fas fa-envelope"></i> aminata.sarr@gmail.com</p>
                        <p><i class="fas fa-phone"></i> 77 123 45 67</p>
                        <p><i class="fas fa-graduation-cap"></i> Licence en Communication Digitale - Université Cheikh Hamidou Kane</p>
                    </div>
                </div>

                <div class="profile-body">
                    <h4>Objectif Professionnel</h4>
                    <p>Je suis passionnée par les stratégies digitales et le marketing de contenu. Je recherche un poste dans une agence de communication ou dans le service marketing d’une entreprise où je pourrais mettre mes compétences en communication numérique au service d’une marque innovante.</p>

                    <h4>Compétences Clés</h4>
                    <div class="profile-skills">
                        <span>Gestion des réseaux sociaux</span>
                        <span>Rédaction web & storytelling</span>
                        <span>Création de contenus visuels (Canva, Photoshop)</span>
                        <span>Email marketing (Mailchimp)</span>
                        <span>Outils de gestion de projet (Trello, Notion)</span>
                        <span>Référencement SEO de base</span>
                        <span>Google Analytics & Meta Business Suite</span>
                    </div>

                    <h4>Projets Réalisés</h4>
                    <ul class="experience-list">
                        <li><strong>Campagne de sensibilisation digitale :</strong> Création d’une campagne sur les droits numériques pour une ONG Sénégalaise (2024).</li>
                        <li><strong>Étude de cas :</strong> Analyse stratégique d’une marque locale sur ses performances social media.</li>
                    </ul>

                    <h4>Langues</h4>
                    <ul class="language-list">
                        <li><strong>Français :</strong> Courant</li>
                        <li><strong>Anglais :</strong> Intermédiaire</li>
                        <li><strong>Wolof :</strong> Courant</li>
                    </ul>

                    <h4>Documents Téléchargeables</h4>
                    <ul class="download-list">
                        <li><a href="#" class="btn btn-secondary"><i class="fas fa-file-pdf"></i> CV (PDF)</a></li>
                        <li><a href="#" class="btn btn-secondary"><i class="fas fa-file-pdf"></i> Portfolio</a></li>
                        <li><a href="#" class="btn btn-secondary"><i class="fas fa-file-pdf"></i> Lettre de motivation</a></li>
                    </ul>

                    <h4>Réseaux Professionnels</h4>
                    <p><i class="fab fa-linkedin"></i> <a href="#" target="_blank">linkedin.com/in/aminata-sarr</a></p>
                </div>
            </div>
        </div>
    </section>

    <footer class="main-footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <h3>SystemXëy.sn</h3>
                    <p>La passerelle entre l'éducation et l'emploi au Sénégal.</p>
                </div>
                <div class="footer-col">
                    <h3>Liens Rapides</h3>
                    <ul>
                        <li><a href="etudiants.html">Espace Étudiants</a></li>
                        <li><a href="recruteurs.html">Espace Recruteurs</a></li>
                        <li><a href="apropos.html">À Propos</a></li>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h3>Suivez-nous</h3>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 SystemXëy.sn. Tous droits réservés.</p>
            </div>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html>