-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (100 loc) · 8.13 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Ma carte de visite</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<script src="https://kit.fontawesome.com/bf9b7a93ae.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/style.css"> </head>
<body>
<header>
<div class="card"> <img src="assets/img/moiemoji.png" class="card-img-top-fluid" alt="JEAN SEBASTIEN GARITEY">
<div class="card-body">
<h5 class="card-title">Jean Sébastien Garitey</h5>
<p class="card-text">Superviseur SNCF RESEAU </p><a class="btn btn-primary" data-bs-toggle="offcanvas" href="#offcanvas" role="button" aria-controls="offcanvas"> Me contacter </a>
</div>
</div>
<div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvas" aria-labelledby="offcanvas">
<div class="offcanvas-left">
<div class="grid-container">
<div id="tel"><a href="tel:+33602109293" target="_blank" alt="0602109293"><i class="bi bi-phone">0602109293</i></a></div>
<div id="mail"><a href="mailto:[email protected]"><i class="bi bi-inbox">[email protected]</i></a></button></div>
<div class="text">1 place Henri Barbusse 33130 Bègles</div>
<div id="reseaux"><button type="button" class="btn btn-secondary">Mes Réseaux<a class="btn btn-primary" href="https://www.linkedin.com/in/jean-s%C3%A9bastien-garitey-4b7192192/" target="_blank"><i class="bi bi-linkedin"></i></a> <a class="btn btn-primary" href="https://github.com/sabseb33130" target="_blank"><i class="bi bi-github"></i></a></button></div>
<div id="age">46 ans</div>
<div id="loisir"> Voyage (Singapour, États-Unis, Angleterre, ...)</div>
<button type="button" class="btn-close text-reset" id="close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
</div>
</header>
</header> <button id="dive" type="button" class="btn " data-bs-toggle="modal" data-bs-target="#DIVERS2"> DIVERS</button>
<div class="modal fade" id="DIVERS2" tabindex="-1" aria-labelledby="modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5>DIVERS</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body"> SUITE OFFICE (niveau Avancé)<br/> HTML5 - CSS3 (niveau intermédiaire)<br/> Javascript(niveau débutant) </div>
<div class="modal-footer">
<button type="button" class="btn " data-bs-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div><button id="exper" type="button" class="btn " data-bs-toggle="modal" data-bs-target="#EXPERIENCE2"> EXPERIENCE </button> </div>
<div class="modal fade" id="EXPERIENCE2" tabindex="-1" aria-labelledby="modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5>EXPERIENCE</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div>
<div class="modal-body"> <strong>1995-1997</strong> Intérimaire chez ADECCO (Différentes missions (agent d'entretien, frigoriste,<br/> agent de saisie,...)<br/> <strong>1997-2001</strong> Conducteur de Manoeuvre SNCF<a href="https://sncf.career-inspiration.com/app/vacancy/936a40b7e8eea0dc537e5f2edee1387a"
target="_blank"><em>(CRMP)</em></a>(triage de Villeneuve St Georges (94)<br/> <strong>2001-2009</strong> Conducteur de Manoeuvre et de Ligne locale SNCF<a href="realisation/CRML.pdf" target="_blank"><em>(CRML)</em></a>triage de <br/>Villeneuve
St Georges (94) et Bordeaux<br/> <strong>2009-2018</strong> Conducteur de Ligne Fret et voyageur SNCF<a href="https://fr.wikipedia.org/wiki/Conducteur_de_train_%C3%A0_la_SNCF" target="_blank"><em>(CRL)</em></a>Bordeaux<br/> <strong>2018-en cours</strong>
<a
href="https://www.youtube.com/watch?v=3NN60uncJvM" target="_blank"><em>Technicien en supervision</em></a> SNCF Réseau Bordeaux<br/> </div>
<div class="modal-footer"> <button type="button" class="btn " data-bs-dismiss="modal">Fermer</button> </div>
</div>
</div>
</div>
<div> <button id="Format" type="button" class="btn " data-bs-toggle="modal" data-bs-target="#FORMATION2"> FORMATION </button> </div>
<div class="modal fade" id="FORMATION2" tabindex="-1" aria-labelledby="modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5>FORMATION</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div>
<div class="modal-body"> <strong>1991</strong> - Brevet des colléges<br/> <strong>1993</strong> - BEP CAP Froid et climatisation (Étude et réalisation d'installation froid pour les particuliers et les professionnels)<br/> <strong>1995</strong> - Baccalauréat Électrotechnique
(F3)(Étude des différentes installations électriques à usage privé ou professionnel)<br/> </div>
<div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button> </div>
</div>
</div>
</div><button id="realisation" type="button" class="btn " data-bs-toggle="modal" data-bs-target="#REALISATION"> REALISATION </button> </div>
<div class="modal fade" id="REALISATION" tabindex="-1" aria-labelledby="modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5>REALISATION</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div>
<div class="modal-body"> Quelques uns des documents de formation que j'ai réalisé
<li>
<ul><a href="realisation/DOC Formation/Formation Aurige.pptx" target="_blank">Aurige</a></ul>
<ul><a href="realisation/DOC Formation/Formation SNG.pptx" target="_blank">SNG</a></ul>
<ul><a href="realisation/DOC Formation/picselCSA.pptx" target="_blank"> PICSEL</a></ul>
<ul><a href="realisation/écran scindé par 6- Copie.html" target="_blank">Ecran scindé par 6.Application</a></ul>
<ul><a href="realisation/Clavier CSA/Clavier CSA.exe" target="_blank">Clavier CSA.</a></ul>
</li>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>
</body>
<script var myModal=document.getElementById( 'myModal') var myInput=document.getElementById( 'myInput') myModal.addEventListener( 'shown.bs.modal', function (){myInput.focus()})></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy" crossorigin="anonymous"></script>
</body>
</html>