-
Notifications
You must be signed in to change notification settings - Fork 0
/
team.html
112 lines (109 loc) · 11 KB
/
team.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Services - Brand</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body style="/*background: url("design.jpg");*/background-position: 0 -60px;">
<!-- Start: Navbar Centered Links -->
<nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>CEFF - GO</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link active" href="team.html">L'équipe</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Autres projets</a></li>
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link" href="https://www.ceff.ch/ceff">Ceff Industrie</a></li>
</ul><a class="btn btn-primary shadow" role="button" href="game.html">Comment jouer ?</a>
</div>
</div>
</nav><!-- End: Navbar Centered Links -->
<section class="py-5 mt-5">
<!-- Start: Features Cards -->
<div class="container py-5">
<div class="row mb-4 mb-lg-5">
<div class="col-md-8 col-xl-12 text-center mx-auto">
<h3 class="fw-bold">Nous sommes 4 jeunes gens en année de maturité post CFC au ceff INDUSTRIE.</h3>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 100%;">
<div class="col mb-5"><img class="rounded img-fluid shadow" src="assets/img/products/1.jpg"></div>
<div class="col d-md-flex align-items-md-end align-items-lg-center mb-5">
<div>
<h5 class="fw-bold" style="font-size: 36px;"><strong><span style="color: rgb(28, 28, 28);">Fior</span></strong><br></h5>
<p class="text-muted mb-4"><br><span style="color: rgb(28, 28, 28);">C’est un projet ambitieux, qui vise à améliorer les portes ouvertes du CEFF ; le temps à disposition était court pour un tel projet (il faut être honnête.) surtout en si peu de temps. Le projet s’est bien passé pour ma part, il y avait un fil conducteur qui nous permettais de ne pas dériver. Nous avons bien sûr connu des difficultés mais rien qui n’a pas pu s’arranger en une matinée sans compter que nous avions le soutien de notre professeur qui nous aiguillait. Mon seul regret s’est que le projet ne ressemble en rien à l’idée de départ qui était plus animé. J’espère que le CEFF aura l’occasion de mettre en pratique « CEFF GO » durant les prochaines portes ouvertes.</span><br><br></p>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 100%;">
<div class="col order-md-last mb-5"><img class="rounded img-fluid shadow" src="assets/img/products/1.jpg"></div>
<div class="col d-md-flex align-items-md-end align-items-lg-center mb-5">
<div>
<h5 class="fw-bold" style="font-size: 36px;"><strong><span style="color: rgb(28, 28, 28);">Noa</span></strong><br></h5>
<p class="text-muted mb-4">J’aime les projets comme celui-là. L’idée que le projet pourra être continuer et améliorer par la suite me plait beaucoup. Comme tout projet il y a eu des hauts et des bas mais on a toujours réussi à revenir sur de bonnes bases. Le projet est pour moi un projet de bonne qualité avec une belle longévité devant lui.</p>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 100%;">
<div class="col mb-5"><img class="rounded img-fluid shadow" src="assets/img/products/1.jpg"></div>
<div class="col d-md-flex align-items-md-end align-items-lg-center mb-5">
<div>
<h5 class="fw-bold" style="font-size: 36px;"><strong><span style="color: rgb(28, 28, 28);">Justine</span></strong><br></h5>
<p class="text-muted mb-4"><span style="color: rgb(28, 28, 28);">J'ai été motivée par ce projet car j'ai déjà visité plusieurs écoles que j'ai trouvé monotones et ennuyantes. Souvent on ne sait pas trop où aller voir. Ce projet permet donc de visiter les formations proposés ainsi que les locaux tout en s'amusant !</span><br></p>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 100%;">
<div class="col order-md-last mb-5"><img class="rounded img-fluid shadow" src="assets/img/products/1.jpg"></div>
<div class="col d-md-flex align-items-md-end align-items-lg-center mb-5">
<div>
<h5 class="fw-bold" style="font-size: 36px;"><strong><span style="color: rgb(28, 28, 28);">Matthew</span></strong><br></h5>
<p class="text-muted mb-4"><span style="color: rgb(28, 28, 28);">Avec ce projet, j'espère que nous améliorerons les visites des jeunes au ceff industrie lors d'événement comme les portes ouvertes ou le circuit des métiers. Moi même étant passé par là, je souhaite que ces évènements soient plus inspirant pour ces jeunes.</span><br><br><span style="color: rgb(28, 28, 28);">Ce site, je le vois comme un outil. Il sera amené à évoluer par la suite et être géré par de nouveaux groupes. Il est aussi une porte permanente vers les différents projets réalisé par les élèves de maturité, ce que j'affectionne tout particulièrement.</span><br></p>
</div>
</div>
</div>
</div><!-- End: Features Cards -->
</section><!-- Start: Footer Multi Column -->
<footer class="bg-primary-gradient" style="background: #ffffff;">
<div class="container py-4 py-lg-5">
<div class="row justify-content-center">
<!-- Start: Services -->
<div class="col-sm-4 col-md-3 col-xl-6 text-center text-lg-start d-flex flex-column item">
<h3 class="fs-6 fw-bold">Ceff</h3>
<ul class="list-unstyled">
<li><a href="#">Acceuil</a></li>
<li><a href="#">Maturité</a></li>
</ul>
</div><!-- End: Services -->
<!-- Start: Social Icons -->
<div class="col-lg-3 col-xl-6 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last item social">
<div class="fw-bold d-flex align-items-center mb-2"><span>CEFF - GO</span></div>
<p class="text-muted copyright">Gagnez si vous le pouvez !</p>
</div><!-- End: Social Icons -->
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2022 V-Dream Development</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
</svg></li>
</ul>
</div>
</div>
</footer><!-- End: Footer Multi Column -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>