-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsaison3.html
More file actions
275 lines (273 loc) · 17.6 KB
/
saison3.html
File metadata and controls
275 lines (273 loc) · 17.6 KB
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title data-key="saison3-head">Saison 3 | Les secrets de Craigh na Dun</title>
<meta name="author" content="Wilders : Kevin, Lea, Luna, Yuliana">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/variables.css">
<link rel="stylesheet" href="css/saisons.css">
<link rel="stylesheet" href="css/mobile.css" media="screen and (max-width:800px)">
<link rel="stylesheet" href="css/mobile-saisons.css" media="screen and (max-width:800px)">
<script src="script/script.js"></script>
</head>
<body>
<nav>
<div class="logo">
<a href="index.html"><img src="img/logo.png" alt="Logo Je Suis Pret"></a>
</div>
<div class="audio"><audio src="media/outlander.mp3" controls>Votre navigateur ne supporte pas la balise audio.</audio></div>
<button class="burger" aria-label="Menu">☰</button>
<ul class="nav-links">
<li><a href="index.html" data-key="accueil">Accueil</a></li>
<li>
<a href="saison1.html" data-key="saisons">Saisons</a>
<ul>
<li><a href="saison1.html" data-key="saison1">Saison 1</a></li>
<li><a href="saison2.html" data-key="saison2">Saison 2</a></li>
<li><a href="saison3.html" data-key="saison3">Saison 3</a></li>
</ul>
</li>
<li>
<a href="recettes.html" data-key="recettes-de-claire">Recettes de Claire</a>
</li>
<li><a href="actualites.html" data-key="actus">Actus</a></li>
</ul>
<div id="language-selector">
<button class="flag" data-lang="fr"><img src="img/fr.png" height="40px" alt="🇫🇷 Drapeau France" /></button>
<button class="flag" data-lang="es"><img src="img/es.png" height="40px" alt="🇪🇸 Bandera de España" /></button>
<button class="flag" data-lang="en"><img src="img/uk.png" height="40px" alt="🇬🇧 English flag" /></button>
</div>
</nav>
<main>
<header class="headerSeason3">
<div class="header-text">
<h1 data-key="saison3">SAISON 3</h1>
<p class="header-para" data-key="saison3-header">Séparés par des siècles, Claire et Jamie tentent de survivre chacun de leur côté, tout en portant le poids de leur passé commun. Claire, dans le monde moderne, affronte les défis de sa nouvelle vie, tandis que Jamie, resté au 18e siècle, doit faire face aux conséquences d’une guerre dévastatrice.</p>
</div>
</header>
<section>
<h2 class="recurrents" data-key="saison2-personnages">LES PERSONNAGES RECURRENTS</h2>
<div class="articles">
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/ClaireFraser.jpg" alt="Claire Fraser saison 3">
<div class="card-titles">
<h1>Claire<br> Beauchamp Fraser Randall</h1>
<h2 class="alias">"Sassenach",<br> "Dr. Randall"</h2>
<h3 class="travel" data-key="docteure">Docteure</h3>
</div>
</div>
<p data-key="saison3-claire">Claire est confrontée à une vie qu’elle n’a pas choisie, loin de l’époque et de l’homme qu’elle aime. Elle tente de reconstruire son quotidien dans le monde moderne, tout en portant en elle le poids de son passé. Déchirée entre devoir, maternité et souvenirs, elle mène une quête intérieure profonde : peut-on vraiment tourner la page quand le cœur reste ailleurs ?.</p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-claire2">
<li>Retour dans le futur</li>
<li>Lutte pour s’adapter à la vie moderne</li>
<li>Un choix déchirant</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/JamieFraser.jpg" alt="Jamie Fraser saison 3">
<div class="card-titles">
<h1>James, Alexander<br> Malcolm MacKenzie Fraser</h1>
<h2 class="alias">"Jamie",<br> "Mac Dubh"</h2>
<h3 class="past" data-key="soldatecossais">Soldat écossais</h3>
</div>
</div>
<p data-key="saison3-jamie">Jamie se retrouve brisé dans un monde qui a changé autour de lui. Séparé de Claire, il doit survivre à la perte, affronter les conséquences de ses choix passés et trouver une nouvelle raison d’avancer. Entre honneur, solitude et dangers, son chemin est fait de sacrifices silencieux et de luttes pour préserver ce qu’il lui reste de liberté.</p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-jamie2">
<li>Après la bataille de Culloden</li>
<li>La prison et Helwater</li>
<li>Sauvetage et voyage</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/FranckRandall.jpg" alt="Franck Randall saison 3">
<div class="card-titles">
<h1>Franck<br> Randall</h1>
<h2 class="present" data-key="professeur">Professeur</h2>
</div>
</div>
<p data-key="saison3-frank">Frank tente de bâtir une vie stable avec Claire après son retour du passé. Mari loyal en apparence, père dévoué pour Brianna, il vit pourtant dans une relation marquée par les non-dits, les tensions… et le souvenir d’un autre homme.<br>
<br>
<br></p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-frank2">
<li>Vie conjugale compliquée</li>
<li>Découverte et tragédie</li>
<li>Tensions internes</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/BreeFraser.jpg" alt="Bree Randall saison 3">
<div class="card-titles">
<h1>Brianna Ellen<br> Fraser Randall</h1>
<h2 class="alias">"Bree"</h2>
<h3 class="present" data-key="etudiante">Etudiante</h3>
</div>
</div>
<p data-key="saison3-bree">Brianna Randall, la fille de Claire et Frank, découvre peu à peu la vérité sur ses origines, elle traverse une période de questionnements personnels et identitaires. Sa relation avec Claire évolue, et elle est confrontée à des révélations qui bouleversent sa vision du passé et de sa famille. Son lien avec l’histoire écossaise devient plus profond, et elle commence à se forger sa propre voie, avec courage et curiosité.</p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-bree2">
<li>Enfance et adolescence</li>
<li>Relation naissante avec Roger Wakefield</li>
<li>Curiosité pour son père biologique Jamie Fraser</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/RogerMacKenzie.jpg" alt="Roger Wakefield saison 3">
<div class="card-titles">
<h1>Roger<br> Wakefield MacKenzie</h1>
<h2 class="present" data-key="historien">Historien</h2>
</div>
</div>
<p data-key="saison3-roger">Roger Wakefield, historien et fils adoptif du révérend Wakefield, devient un personnage plus présent. Curieux, intelligent et profondément attaché à ses racines écossaises, il se retrouve impliqué dans les recherches historiques de Claire et Brianna. Roger commence aussi à se confronter à des choix qui mettront à l’épreuve sa loyauté, sa foi en l’amour et son désir de comprendre le fil du temps.</p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-roger2">
<li>Rencontre avec Brianna à Inverness</li>
<li>Recherche historique pour Claire</li>
<li>Début d’une relation amoureuse avec Brianna</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/JohnGrey.png" alt="Lord John Grey saison 3">
<div class="card-titles">
<h1>John William<br> Grey</h1>
<h2 class="alias">"Lord John Grey"</h2>
<h3 class="past" data-key="soldat-britannique">Soldat britannique</h3>
</div>
</div>
<p data-key="saison3-grey">Lord John Grey est un jeune officier britannique aux manières nobles et au sens de l’honneur très développé. Il occupe une position clé dans le contexte politique de l’époque et croise le chemin de Jamie de manière significative. Les deux hommes, bien que très différents par leur statut, leur passé et leur origine, développent une relation marquée par le respect mutuel, la complexité émotionnelle et une forme d’amitié sincère.</p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-grey2">
<li>Gouverneur de la prison d’Ardsmuire</li>
<li>Début d'une relation complexe avec Jamie</li>
<li>Confidences partagées</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/FergusFraser.jpg" alt="Fergus Fraser saison 3">
<div class="card-titles">
<h1>Fergus<br> Fraser</h1>
<h2 class="past" data-key="assistant-de-jamie">Assistant de Jamie</h2>
</div>
</div>
<p data-key="saison3-fergus">Fergus, devenu jeune adulte, joue un rôle plus actif et engagé. Toujours fidèle à Jamie, il reste à ses côtés à travers des moments difficiles et prend part à plusieurs événements marquants. Courageux, débrouillard et profondément loyal, Fergus montre qu’il est prêt à tout pour défendre ceux qu’il aime. Il gagne en maturité, prend des responsabilités, et commence à se forger sa propre identité en tant qu’homme.</p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-fergus2">
<li>Vie à Lallybroch</li>
<li>Devient un homme aux yeux de Jamie</li>
<li>Demande de la bénédiction</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/Marsali-1.png" alt="Marsalie MacKimmie saison 3">
<div class="card-titles">
<h1>Marsali Jane<br> MacKimmie Fraser</h1>
<h2 class="past" data-key="ecossaise">Ecossaise</h2>
</div>
</div>
<p data-key="saison3-marsali">Marsali fille de Laoghaire, est déterminée, indépendante et pas du genre à se laisser marcher sur les pieds.Sa relation avec Fergus est au cœur de son intrigue cette saison. Leur lien, sincère et passionné, défie les conventions sociales et familiales, ce qui provoque des tensions avec certains personnages.<br>
<br></p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-marsali2">
<li>Apparition de Marsali en tant que fille de Laoghaire</li>
<li>Preuve de valeur et de maturité</li>
<li>Relation amoureuse avec Fergus</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/LaoghaireMacKenzie.jpg" alt="Laoghaire MacKimmie saison 3">
<div class="card-titles">
<h1>Laoghaire<br> Fraser MacKimmie</h1>
<h2 class="past" data-key="ecossaise">Ecossaise</h2>
</div>
</div>
<p data-key="saison3-laoghaire">Laoghaire MacKenzie revient dans la vie de Jamie Fraser, avec qui elle partage un passé chargé d’émotions et de tensions. Leur relation est marquée par des choix faits dans des circonstances difficiles, et les conséquences de ces choix refont surface de manière inattendue.<br>
<br></p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-laoghaire2">
<li>Sa relation avec Jamie</li>
<li>La compensation financière</li>
<li>Laoghaire comme obstacle légal et émotionnel</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/PetitIan.png" alt="Young Ian saison 3">
<div class="card-titles">
<h1>Ian<br> Fraser Murray</h1>
<h2 class="alias">"Young Ian"</h2>
<h3 class="past" data-key="assistant-de-jamie">Assistant de Jamie</h3>
</div>
</div>
<p data-key="saison3-youngIan">Young Ian, le neveu de Jamie Fraser, fait ses premiers pas dans une vie pleine d'aventure. Curieux, débrouillard et un peu téméraire, il cherche à s’émanciper et à prouver qu’il est capable de faire face au monde des adultes. Son attachement à Jamie est profond, et il aspire à suivre ses traces, ce qui le mène à prendre des initiatives parfois risquées.</p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-youngIan2">
<li>Visites secrètes à Jamie à Édimbourg</li>
<li>Début de sa désobéissance et soif d’aventure</li>
<li>Premiers pas vers l’âge adulte</li>
</ul>
</aside>
</article>
<article>
<div class="card-img-tlt">
<img src="Project1/Saison3/Geilis.png" alt="Geilis Duncan saison 3">
<div class="card-titles">
<h1>Geilis<br> Edgars Duncan</h1>
<h2 class="alias">"Mrs. Abernathy"</h2>
<h3 class="travel" data-key="activiste">Activiste</h3>
</div>
</div>
<p data-key="saison3-geillis">Geillis Duncan réapparaît après une longue absence, toujours aussi énigmatique et fascinante. Mystérieuse, charismatique et animée par des convictions profondes, elle poursuit ses objectifs avec une détermination redoutable. Son intérêt pour les voyages dans le temps, les prophéties et l’Écosse reste central dans ses actions.</p>
<aside>
<h4 data-key="momentsClefs">Moments clés :</h4>
<ul data-key="saison3-geillis2">
<li>Réapparition inattendue</li>
<li>Passage des pierres</li>
<li>La prophétie</li>
</ul>
</aside>
</article>
</div>
</section>
<section>
<h2 class="relation" data-key="arbre-genealogique">ARBRE GENEALOGIQUE ET RELATIONS</h2>
<img src="Project1/Saison3/saison 3.svg" alt="Arbre généalogique des relations sainson 3" width="100%">
</section>
</main>
<footer>
<span data-key="footer-copyright">© 2025 Les secrets de Craigh Na Dun</span>
<script src="https://elfsightcdn.com/platform.js" async></script>
<div class="elfsight-app-a403f3f5-c486-4871-88dd-28dd5fdb93ca" data-elfsight-app-lazy></div>
<a href="mailto:fandeoutlander@gmail.com" data-key="contact">Écrivez-nous à<br>fandeoutlander@gmail.com</a>
</footer>