-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (140 loc) · 8.85 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
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
153
154
155
156
157
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Liens feuilles de style -->
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Titre de la Page -->
<title>Accueil - Portfolio Jean Prêtet</title>
<!--Icône du site-->
<link rel="icon" type="image/png" href="images/chant-02.png">
</head>
<body>
<!-- En tête fxe -->
<div class="en_tete">
<div class="bouttons">
<a href="#"><button class="button">Accueil</button></a>
<a href="#Projets"><button class="button">Projets</button></a>
<a href="#Contact"><button class="button">Contact</button></a>
</div>
</div>
<!-- Conteneur corps du site -->
<div class="conteneur">
<img src="images\Jeancropped.jpg">
<div class="texte">
<h2>Bienvenue !</h2>
<p>Bonjour, je suis Jean Prêtet.
<br>Passionné par l'audiovisuel, l'aviation, la musique et le développement informatique, je suis constamment à la recherche de nouveaux projets inspirants.
<br>Ici vous trouverez l'aperçu de mes projets les plus aboutis</p>
</div>
<div class="ListeSites" id="Projets"><!-- Div ListeSites1 -->
<a href="Musique_Et_Informatique/index.html" target="_blank">
<figure class="pop-out">
<img class=scaled width="412" height="212" src="https://stgbx-nsi.github.io/images/site_jean_paul.png">
<figcaption>Site réalisé en spé NSI : Musique et Informatique</figcaption>
</figure>
</a>
<a href="https://www.youtube.com/watch?v=YjVEgXXsAuk" target="_blank">
<figure class="pop-out">
<iframe class="scaled" width="412" height="212" src="https://www.youtube.com/embed/YjVEgXXsAuk?si=0htHrgbM0uuPJsSm" frameborder="0" allow="autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<figcaption>Vidéo en Allemand présentant l'école en France</figcaption>
</figure>
</a>
<a href="https://www.youtube.com/watch?v=2HoUD3ZdZUE" target="_blank">
<figure class="pop-out">
<iframe class="scaled" width="412" height="212" src="https://www.youtube.com/embed/2HoUD3ZdZUE?si=8b1Uz-2SpJ0vhZ48" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<figcaption>Vidéo pour le CNRD 2021</figcaption>
</figure>
</a>
</div> <!-- Fin Div ListeSites1 -->
<div class="ListeSites"><!-- Div ListeSites2 -->
<a href="https://stgbx-nsi.github.io/" target="_blank">
<figure class="pop-out">
<img class=scaled width="412" height="212" src="images/sitedessites.png">
<figcaption>Site pour la spé NSI</figcaption>
</figure>
</a>
<a href="https://www.youtube.com/watch?v=oAKenJlnzCA" target="_blank">
<figure class="pop-out">
<iframe class="scaled" width="412" height="212" src="https://www.youtube.com/embed/oAKenJlnzCA?si=PuLV6X_IAqFyHm2g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<figcaption>Régie son et lumière Concert de fin d'année</figcaption>
</figure>
</a>
<a href="https://www.youtube.com/live/YQoNUw72-NA?si=q1U9PX_SzaAEFZhw&t=476" target="_blank">
<figure class="pop-out">
<img class="scaled" width="412" height="212" src="images/rsb.png">
<figcaption>Régie live : rediffusion d'un concert en live en autonomie</figcaption>
</figure>
</a>
</div> <!-- Fin Div ListeSites -->
<a href="SiteJLS/index00_JLS.html" target="_top">
<figure class="pop-out">
<img class=scaled width="412" height="212" src="images/sitejls.png">
<figcaption>Ébauche de site web pour l'association des Jeunes Lasalliens</figcaption>
</figure>
</a>
<div class="carroussel">
<div class="photos">
<img src="images/carroussel/canada.png" height="360px"/>
<p>Tournée au Canada - Choeur de Bordeaux 2018</p>
</div>
<div class="photos">
<img src="images/carroussel/helico.png" height="360px"/>
<p>Stage de 3e à la BA120 de Cazaux</p>
</div>
<div class="photos">
<img src="images/carroussel/Guit.png" height="360px"/>
<p>10 années de Guitare</p>
</div>
<div class="photos">
<img src="images/carroussel/fuji.png" height="360px"/>
<p>Aéroclub Bordeaux Aivation</p>
</div>
<div class="photos">
<img src="images/carroussel/fujijean.png" height="360px"/>
<p>Aéroclub Bordeaux Aviation</p>
</div>
<div class="photos">
<img src="images/carroussel/compas.png" height="360px"/>
<p>Les ZinComparables - équipe sgdf</p>
</div>
<div class="photos">
<img src="images/carroussel/bato.png" height="360px"/>
<p>Voile - été 2023</p>
</div>
<div class="photos">
<img src="images/carroussel/mixnda.gif" height="360px"/>
<p>Mixage à Notre Dame des Anges</p>
</div>
<div class="photos">
<img src="images/carroussel/mix.png" height="360px"/>
<p>Mixage</p>
</div>
<div class="photos">
<img src="images/carroussel/lux.png" height="360px"/>
<p>Régie concert de fin d'année</p>
</div>
</div>
<!-- Section Contact -->
<section id="Contact" class="cadre gris"><!-- Section Contact -->
<!-- À propos de moi -->
<div class="liste">
<h2><span class="icon"><img src="images/agora.png"></span>À propos de moi</h2>
<p>Quel adjectif me correspond le mieux ? Curieux, sûrement. Depuis tout petit, j’aime comprendre le fonctionnement des objets. Je souhaite devenir ingénieur pour concevoir, tester et produire des solutions techniques et faire face aux défis de demain.</p>
</div>
<!-- Coordonnées -->
<div class="liste" class="texte">
<h2><span class="icon"><img src="images/destination.png">Contact</h2>
<p>N'hésitez pas à me contacter :</p>
<p>Email : <a href="mailto:[email protected]">[email protected]</a></p>
</div>
<br>
<footer class="texte">
©JeanPrêtet2024. Ce site a été entierement créé par mes soins, tout en ligne de codes...
<br>Un petit tour sur la <a href="404.html">page 404 ?</a>
</footer>
</section> <!-- Fin Section Contact -->
</div> <!-- Fin Div Conteneur -->
</body>
</html>