markdown-preview/index.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
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SystemXëy.sn - Connecteur de Talents au Sénégal</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="hero-section" style="background-image: url('images/fond1.jpg');">
        <div class="container">
            <div class="hero-content">
                <h1>Le Futur du Travail au Sénégal Commence Ici</h1>
                <p>SystemXëy.sn : La plateforme innovante qui met en lumière les compétences des jeunes diplômés sénégalais et connecte les entreprises aux talents de demain.</p>
                <div class="hero-buttons">
                    <a href="etudiants.html" class="btn btn-primary">Je suis étudiant(e) <i class="fas fa-arrow-right"></i></a>
                    <a href="recruteurs.html" class="btn btn-secondary">Je suis recruteur <i class="fas fa-search"></i></a>
                </div>
            </div>
        </div>
    </section>

    <section class="categories-section">
        <div class="container">
            <h2>Explorez les Compétences</h2>
            <p class="section-description">Découvrez les domaines d'expertise de nos jeunes professionnels prêts à l'emploi.</p>
            <div class="category-grid">
                <div class="category-card" style="background-image: url('images/card1.jpg');">
                    <h3>Développement Web & Mobile</h3>
                    <p>Développeurs Fullstack, Mobile, Front-end, Back-end...</p>
                    <a href="etudiants.html#dev" class="category-link">Voir les profils <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="category-card" style="background-image: url('images/card1.jpg');">
                    <h3>Marketing Digital & Communication</h3>
                    <p>SEO, SEM, Community Managers, Content Creators...</p>
                    <a href="etudiants.html#marketing" class="category-link">Voir les profils <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="category-card" style="background-image: url('images/card1.jpg');">
                    <h3>Data Science & Analyse</h3>
                    <p>Data Scientists, Analystes de données, Business Intelligence...</p>
                    <a href="etudiants.html#data" class="category-link">Voir les profils <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="category-card" style="background-image: url('images/card1.jpg');">
                    <h3>Design & UI/UX</h3>
                    <p>Designers graphiques, UI/UX Designers, Animateurs...</p>
                    <a href="etudiants.html#design" class="category-link">Voir les profils <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="category-card" style="background-image: url('images/card1.jpg');">
                    <h3>Design & UI/UX</h3>
                    <p>Designers graphiques, UI/UX Designers, Animateurs...</p>
                    <a href="etudiants.html#design" class="category-link">Voir les profils <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="category-card" style="background-image: url('images/card1.jpg');">
                    <h3>Design & UI/UX</h3>
                    <p>Designers graphiques, UI/UX Designers, Animateurs...</p>
                    <a href="etudiants.html#design" class="category-link">Voir les profils <i class="fas fa-chevron-right"></i></a>
                </div>
            </div>
        </div>
    </section>

    <section class="testimonials-section" style="background-image: url('images/fond2.jpg');">
        <div class="container">
            <h2>Ce qu'ils disent de nous</h2>
            <div class="testimonial-carousel">
                <div class="testimonial-item">
                    <img src="images/profil1.jpg" alt="Photo de Fatou Diop" class="testimonial-avatar">
                    <p>"Grâce à SystemXëy, j'ai trouvé un stage incroyable dans une startup innovante. Le processus a été rapide et simple !"</p>
                    <span class="testimonial-author">- Fatou Diop, Développeuse Junior</span>
                </div>
                <div class="testimonial-item">
                    <img src="images/profil1.jpg" alt="Photo de Fatou Diop" class="testimonial-avatar">
                    <p>"Grâce à SystemXëy, j'ai trouvé un stage incroyable dans une startup innovante. Le processus a été rapide et simple !"</p>
                    <span class="testimonial-author">- Fatou Diop, Développeuse Junior</span>
                </div>
            </div>
        </div>
    </section>

    <section class="cta-section">
        <div class="container">
            <h2>Prêt(e) à faire le prochain pas ?</h2>
            <p>Que vous cherchiez un talent ou votre premier emploi, SystemXëy.sn est là pour vous accompagner.</p>
            <a href="contact.html" class="btn btn-primary">Contactez-nous aujourd'hui !</a>
        </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="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>