-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathnewTravelArticle.html
More file actions
118 lines (91 loc) · 6.63 KB
/
newTravelArticle.html
File metadata and controls
118 lines (91 loc) · 6.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="newTravelArticle.css">
<title>Document</title>
</head>
<body>
<header>
<div id="button-home">
<a href="homepage.html"><img src="https://i.postimg.cc/HWKtZ33Y/1568729386-222939.png" alt="home picto"></a>
</div>
</header>
<div class="container" id="top-page">
<section id="condensed_article_1">
<div class="container-img" onclick="slide_growup()">
<img class="img-big" src="https://i.postimg.cc/6QXqYjGY/japanese-tree.jpg" alt="photo slider">
<h2 class="article-title"> Japon : <br>Un pays incontournable </h2>
</div>
</section>
<section id ="entire_article_1">
<div class="block-text">
<p>東京 <br>-Tokyo-<br> Elle est la plus peuplée des préfectures du Japon, avec plus de 13 831 421 habitants intra-muros en 2018 et 42 794 714 dans l'agglomération4, et forme l'aire urbaine la plus peuplée au monde. Située sur la côte est de l'île principale de l'archipel japonais, Honshū, Tokyo est l'une des quarante-sept préfectures du Japon. </p>
</div>
<div class="block">
<div>
<img class="first-small-img" src="https://i.postimg.cc/ryQhT7VR/Japan-people.jpg" alt="photo of car">
</div>
<div class="first-block-text">
<p>Au Japon, le chef cuisinier qui confectionne les sushi s'appelle itamae. Traditionnellement, il suit un apprentissage qui dure au moins 10 ans !</p>
</div>
</div>
<div class="second-text">
<p>Contrairement à ce qu’il y paraît, les deux acteurs sont réellement bienveillants. Un grand moment dans ma carrière : le film Batman VS Superman. Le jeu des acteurs a été incroyable et sur le plateau, l’ambiance était électrique !</p>
</div>
<div class="container-small-img">
<div class="second-img"><img src="https://i.postimg.cc/GhqgdtRC/sushi-man.jpg" alt="bike on the city"></div>
<div class="third-img"><img src="https://i.postimg.cc/25Jx3Lcs/sushi.jpg" alt="photo of hipster"></div>
<div class="fourth-img"><img src="https://i.postimg.cc/3xygDJsm/palace-japon.jpg" alt="photo of hipster"></div>
</div>
</section>
<section id="condensed_article_2">
<div class="container-img" onclick="slide_growup_2()">
<img class="img-big" src="https://i.postimg.cc/tgfrCKPk/atlanta.jpg" alt="photo slider">
<h2 class="article-title">American trip : <br> Le quartier de Manhattan </h2>
</div>
</section>
<section id ="entire_article_2">
<div class="block-text">
<p>Manhattan est mondialement célèbre pour ses gratte-ciel et son activité trépidante. Manhattan est aussi le cœur économique et financier de la ville, bâti autour de Wall Street. </p>
</div>
<div class="block">
<div>
<img class="first-small-img" src="https://i.postimg.cc/k51xnWrd/white-house.jpg" alt="photo of car">
</div>
<div class="first-block-text">
<p><i>"Yummy! This is a tasty burger ! Where is my fat Coke ?"</i> Voivi les paroles d'un americain dans les rues de Manhattan.</p>
</div>
</div>
<div class="second-text">
<p>Pour tout vous avouer, j’ai également été surpris d’apprendre que Vador ne savait pas faire de vélo. Un bon moment de partage avec ses officiers. Et puis R2 n’hésitait pas à chambrer son collègue. Une fois les caméras coupées, les acteurs se lâchent. Notamment ici avec le téléphone de Dark Sidious. Selon les rumeurs, Dark Sidious n’aurait pas trouvé son téléphone pendant 3 jours. Les tournages étant parfois très long, la production n’hésite pas à organiser des workshops avec les talents de chacun. Ici, un stormtrooper au talent de peintre propose un cours d’initiation.</p>
</div>
<div class="container-small-img">
<div class="second-img"><img src="https://i.postimg.cc/BZyM59VG/satue-Liberte.jpg" alt="bike on the city"></div>
<div class="third-img"><img src="https://i.postimg.cc/66G1mpRQ/pizeria.jpg" alt="photo of hipster"></div>
<div class="fourth-img"><img src="https://i.postimg.cc/tJ56M6Nf/lego-2449336-1920.jpg" alt="photo of hipster"></div>
</div>
</section>
</div>
<a href="#top-page"><img class="arrow" src="https://i.postimg.cc/CLvGzb1f/head-lego-png-pictures-3.png"></a>
<footer>
<ul id="utils_left">
<li><a target="_blank" href="#" class="left">About us</a></li>
<li><a target="_blank" href="#" class="left">FAQ</a></li>
<li><a target="_blank" href="#" class="left">Legal mentions</a></li>
</ul>
<ul id="utils_right">
<li> <span> Follow Us: </span></li>
<li><a target="_blank" href="https://www.linkedin.com/"> <i class="icon ion-logo-linkedin"></i></a></li>
<li><a target="_blank" href="https://www.facebook.com/ target=" ><i class="icon ion-logo-facebook"></i></a></li>
<li><a target="_blank" href="https://www.instagram.com/architeclego/?hl=fr/" target="_blank"><i
class="icon ion-logo-instagram"></i></a></li>
<li><a target="_blank" href="https://www.youtube.com/" target=" _blank"><i class="icon ion-logo-youtube"></i></a> </li>
</ul>
</footer>
<script type="module" src="/scripts.js"></script>
<script src="./slider.js"></script>
</body>
</html>