-
Notifications
You must be signed in to change notification settings - Fork 0
/
article3.html
221 lines (184 loc) · 10.9 KB
/
article3.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
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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Istanbul: une beauté transcontinentale</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
<meta name="description" content="This is meta description">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- theme meta -->
<meta name="theme-name" content="reporter" />
<!-- # Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Neuton:wght@700&family=Work+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- # CSS Plugins -->
<link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
<!-- # Main Style Sheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="navigation">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light px-0">
<a class="navbar-brand order-1 py-0" href="index.html">
<img loading="prelaod" decoding="async" class="img-fluid" src="images/logo.png" alt="Reporter Hugo">
</a>
<div class="navbar-actions order-3 ml-0 ml-md-4">
<button aria-label="navbar toggler" class="navbar-toggler border-0" type="button" data-toggle="collapse"
data-target="#navigation"> <span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse text-center order-lg-2 order-4" id="navigation">
<ul class="navbar-nav ml-auto mt-3 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html" role="button">
Accueil
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
L'équipe
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="ali.html">Ali Abdeddaïm</a>
<a class="dropdown-item" href="precilla.html">Précilla Murden</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
</header>
<main>
<section class="section">
<div class="container">
<div class="row">
<div class="col-lg-8 mb-5 mb-lg-0">
<article>
<ul class="post-meta mb-2 mt-4">
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" style="margin-right:5px;margin-top:-4px" class="text-dark" viewBox="0 0 16 16">
<path d="M5.5 10.5A.5.5 0 0 1 6 10h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z" />
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z" />
<path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z" />
</svg> <span>26 Novembre 2023</span>
</li>
</ul>
<h1 class="my-3">Istanbul: une beauté transcontinentale</h1>
<div class="content text-left">
La capitale de l'Empire Ottoman d'un demi-millénaire, Istanbul, regorge d'histoires. La ville possède un passé riche et un présent tout aussi intéressant. Cette ville mérite amplement votre visite et voici pourquoi.
<h2 id="heading">Hagia Sophia</h2>
<p>
La basilique Sainte-Sophie représente parfaitement Istanbul du fait qu'elle incarne son passé riche en histoires. Conçue comme église au VIe siècle, elle a été transformée en mosquée en 1453 à la conquête Ottomane, puis en musée au cours du XXe siècle avant d'être reconvertie en mosquée en 2020.<br /><br />
Son architecture unique au moment de sa construction, ses magnifiques matériaux et sa taille font en sorte que son extérieur coupe le souffle.<br /><br />
<img src="images/article3/hagia.webp" alt="Photo en plongée de l'extérieur d'Hagia Sophia" /><br/><br/>
Bien entendu, son intérieur est tout aussi splendide !<br/><br/>
<img src="images/article3/Hagia_Sophia_Interior_2.jpg" alt="Photo de l'interieur d'Hagia Sophia" /><br/><br/>
Bref, Hagia Sophia est à voir pour ces raisons multiples !
</p>
<h2 id="heading">Le Grand Bazaar</h2>
<p>
Istanbul se trouvait autrefois sur le chemin de la fameuse route de la soie. La ville honore encore aujourd'hui cet héritage, par le biais du marché « Le Grand Bazaar ».
Dans ce marché, très occupé et dynamique, vous pouvez vraiment trouver de tout. Parmi ces multiples produits offerts, il y a notamment de superbes couverts en céramique et des souvenirs qui feront d'excellents cadeaux pour votre entourage de retour chez vous.<br/><br/>
<img src="images/article3/bazaar.png" alt="Photo de l'interieur du Bazaar" /><br/><br/>
À goûter : les loukoums, bonbons Turque. Leur texture est moelleuse et ils sont sucrés. Ils sont délicieux, je ne peux que vous les recommander.<br/><br/>
<img src="images/article3/loukoums.jpg" alt="Photo de loukoums" />
</p>
<h2 id="heading">Le Palais Topkapi</h2>
<p>
Pendant environ 500 ans, le Palais Topkapi a été la demeure des Sultans de l'empire Ottoman et de leurs familles.
Laissons de côté pour l'instant l'architecture et l'histoire de cet immense bâtiment! Discutons des choses utiles à savoir pour ceux qui aimeraient s'y rendre.<br/><br/>
<img src="images/article3/topkapi.png" alt="photo du palais topkapi" /><br/><br/>
Pour la raisonnable somme de 750 lira turque par personne, soit environ 35 dollars canadien, vous pouvez faire un tour du Palais devenu musée.<br/><br/>
Il y a plusieurs visites guidées d'environ deux heures chaque jour. Vous avez aussi la possibilité d'utiliser des guides audio. Dans les deux cas, vous allez sortir bien informés sur l'histoire du palais.<br/><br/>
Il est aussi permis de visiter les lieux librement.
</p>
<h2 id="heading">Conclusion</h2>
<p>
Bref, Istanbul vous attend ! Ce que j'ai mentionné ne constitue qu'un petit aperçu de cette ville. N'hésitez pas aussi à aller voir le détroit de Bosphore, la forteresse Rumeli ou encore la vieille ville.<br/><br/>
La ville est très sécuritaire, vous n'avez pas à craindre là-bas !<br/><br/>
Même les chiens et les chats, très amicaux et nombreux dans les rues, déambulent en toute liberté.<br/><br/>
Passez un bon séjour !
</p>
</article>
<hr /><!-- Séparation de contenu article et références -->
<div>
<h2>Références</h2>
<ul>
<li><a href="https://fr.tripadvisor.ca/Attractions-g293974-Activities-c47-t17-Istanbul.html" target="_blank">Tripadvisor - Sites historiques à Istanbul</a></li>
<li><a href="https://www.britannica.com/topic/Hagia-Sophia" target="_blank">Britannica - Hagia Sophia</a></li>
<li><a href="https://www.britannica.com/summary/Ottoman-Empire" target="_blank">Britannica - Empire Ottoman résumé</a></li>
<li><a href="https://www.britannica.com/place/Ottoman-Empire" target="_blank">Britannica - Empire Ottoman</a></li>
<li><a href="https://istanbulepass.com/istanbul-attractions/topkapi-palace-museum-istanbul.html" target="_blank">Istanbulpass - Palais Topkapi</a></li>
<li><a href="https://istanbultravelblog.com/topkapi-palace-istanbul/" target="_blank">Istanbultravelblog - Palais Topkapi : prix et heures</a></li>
<li><a href="https://www.barcelo.com/guia-turismo/en/turkey/estambul/things-to-do/gran-bazaar/#0" target="_blank">Barcelo - Le Grand Bazaar</a></li>
<li><a href="https://www.througheternity.com/en/blog/things-to-do/The-History-and-Architecture-of-Hagia-Sophia-in-Istanbul.html" target="_blank">Througheternity.com - L'histoire et l'architecture de Hagia Sophia</a></li>
<li><a href="https://cms.througheternity.com/upload/CONF83/20231002/Hagia_Sophia_Interior_2.jpg" target="_blank">Througheternity.com - Photo de l'intérieur de Hagia Sophia</a></li>
<li><a href="https://www.celebritycruises.com/blog/content/uploads/2021/01/places-to-visit-in-istanbul-hero-1600x890.jpg" target="_blank">CelebrityCruises - Photo de Hagia Sophia de l'extérieur</a></li>
<li><a href="https://www.196flavors.com/wp-content/uploads/2013/01/rahat-loukoum-turkish-delights-3.jpg" target="_blank">196flavors - Photo des loukoums</a></li>
<li><a href="https://www.islamiclandmarks.com/wp-content/uploads/2019/01/Plan-view-of-Topkapi-Palace-740x456.jpg" target="_blank">Islamiclandmarks - Photo du Palais Topkapi</a></li>
</ul>
</div>
<div class="mt-5">
<div id="disqus_thread"></div>
<script type="application/javascript">
var disqus_config = function () {
};
(function() {
if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
return;
}
var d = document, s = d.createElement('script'); s.async = true;
s.src = '//' + "themefisher-template" + '.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a>
</noscript>
</div>
</div>
<div class="col-lg-4">
<div class="widget-blocks">
<div class="row">
<div class="col-lg-12">
<div class="widget">
<h2 class="section-title mb-3">Écrit par</h2>
<div class="widget-body">
<img loading="lazy" decoding="async" src="images/author.jpg" alt="About Me" class="w-100 author-thumb-sm d-block">
<h2 class="widget-title my-3">Ali Abdeddaïm</h2>
<p class="text-secondary mb-3 pb-2">Salut, c'est Ali ! Je suis actuellement en 4e année dans le programme d'informa...</p>
<a href="ali.html" class="btn btn-sm btn-outline-primary">En savoir plus</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="bg-dark mt-5">
<div class="container section">
<div class="row">
<div class="col-lg-10 mx-auto text-center">
<a class="d-inline-block mb-4 mt-1 pb-2" href="index.html">
<img loading="prelaod" decoding="async" class="img-fluid" src="images/logo-white.png" alt="Reporter Hugo">
</a>
<p class="text-secondary">Fait dans le cadre du cours FRA 3703</p>
</div>
</div>
</div>
</footer>
<!-- # JS Plugins -->
<script src="plugins/jquery/jquery.min.js"></script>
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<!-- Main Script -->
<script src="js/script.js"></script>
</body>
</html>