career/index.html at main · ClubInfoInsaT/career · 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
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Carrières — Club Info</title>
  <link rel="icon" href="favicon.ico" />
  <meta property="og:title" content="Carrières — Club Info INSA Toulouse">
  <meta property="og:description" content="Rejoignez une équipe innovante et ambitieuse au Club Info de l'INSA Toulouse !">
  <meta property="og:image" content="https://career.clubinfo.insat.fr/bureau.jpg">
  <meta property="og:url" content="https://career.clubinfo.insat.fr/index.html">
  <meta property="og:type" content="website">
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 text-gray-800">
  <!-- Header avec image -->
  <header class="relative bg-cover bg-center h-72" style="background-image: url('https://source.unsplash.com/1600x900/?office,team')">
    <div class="absolute inset-0 bg-black bg-opacity-50"></div>
    <div class="relative z-10 flex flex-col items-center justify-center h-full text-white">
      <img src="logo_club.png" alt="Logo club info" class="w-20 h-20 object-contain mb-4 rounded-full shadow-lg bg-white p-1" />
      <h1 class="text-4xl font-bold">Carrières au Club Info de l'INSA Toulouse</h1>
      <p class="mt-2 text-lg">Rejoignez une équipe innovante et ambitieuse</p>
    </div>
  </header>

  <!-- Offres -->
  <main class="max-w-4xl mx-auto p-6">
    <h2 class="text-2xl font-semibold mb-6 text-center">Nos offres d'emploi</h2>

    <div class="grid gap-6 md:grid-cols-2">
      <a href="offre-com.html" class="block bg-white rounded-xl shadow-lg hover:shadow-xl transition p-6">
        <h3 class="text-xl font-bold mb-2">Responsable communication</h3>
        <p class="text-sm text-gray-600 mb-1">Toulouse - ASAP</p>
        <p class="text-gray-700 text-sm">Anime la présence en ligne du Club Info, crée des visuels, communique les événements !</p>
      </a>
      <a href="offre-amicale-website.html" class="block bg-white rounded-xl shadow-lg hover:shadow-xl transition p-6">
        <h3 class="text-xl font-bold mb-2">Responsable du site web de l'Amicale</h3>
        <p class="text-sm text-gray-600 mb-1">Toulouse - ASAP</p>
        <p class="text-gray-700 text-sm">Développe et maintient la plateforme utilisée quotidiennement par des centaines d'amicalistes !</p>
      </a>
      <a href="offre-webmaster-igs.html" class="block bg-white rounded-xl shadow-lg hover:shadow-xl transition p-6">
        <h3 class="text-xl font-bold mb-2">Webmaster de l'IGS</h3>
        <p class="text-sm text-gray-600 mb-1">Full remote - ASAP</p>
        <p class="text-gray-700 text-sm">Met à jour et maintient le site de l'IGS !</p>
      </a>
    </div>
  </main>

  <!-- Footer -->
  <footer class="mt-12 text-center text-sm text-gray-500 py-6">
    &copy; 2025 Club Info INSA Toulouse – Tous droits réservés
  </footer>
</body>
</html>