-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (105 loc) · 5.73 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
<!DOCTYPE html>
<html>
<head>
<title>Ma passion : Le Voyage perpétuel</title>
<link rel="stylesheet" type="text/css" href="index.css"/>
<meta charset="utf-8"/>
<script src="https://kit.fontawesome.com/d27067d1e2.js" crossorigin="anonymous"></script>
</head>
<body>
<a name= top>
</a>
<header>
<div class="header">
<h1>Ma passion : Le Voyage perpétuel</h1>
</div>
</header>
<nav class="menu">
<ul>
<li><a href="capitales.html">Les Capitales les plus visités</a></li>
<li><a href="asie.html">L'Asie</a></li>
<li><a href="ameriquen.html">L'Amérique du nord</a></li>
<li><a href="europe.html">L'Europe</a></li>
<li><a href="afrique.html">L'Afrique</a></li>
<li><a href="mesenvies.html">Mes Envies</a></li>
<li><a href="mesvoyages.html">Mes Voyages</a></li>
</ul>
</nav>
<section>
<article class="contenu">
<hr size="10px" width= "100%" color="gris">
<p>Bonjour et bienvenue sur mon site!
Je vais vous parler de ma passion:
</p>
<p>Le Voyage</p>
<p>Pour l'instant c'est un peu vide, mais revenez dans 2-3 jours quand j'aurai appris un peu plus de choses, je vous assure que vous allez être surpris !
Voici comment nous avons organisé un voyage de 18 jours en Europe sans avion et avec un budget mini.
Ce voyage a été réalisé entièrement à nos frais. Les adresses et prestataires sont cités à titre informatif uniquement.
Cet été comme chaque été, nous avions envie de voir du pays. Mais sans avion cette fois, puisqu’en 2019 nous nous sommes promis de ne pas quitter d’une semelle le plancher des vaches.
Comme nous n’avons pas de voiture, ni de camping-car instagrammable, ni le budget pour un pass interrail, nous avons décidé d’emprunter le réseau de bus low cost qui s’est développé ces dernières années et quelques trains.
</p>
<p>
<h1>J'habite près de la mer</h1>
<img src="mybeach.jpg" width="80%" height="80%">
</p>
<hr size="10px" width= "100%" color="gris">
</article>
</section>
<div class="image">
<iframe src="map2.pdf" width="500px" height="550px" ></iframe>
</div>
<footer>
<div class="image2">
<a href="#top">
<img src="top1.png" width="50px" height="50px" font-style="line-height:2px">
</a></br>
<a href="index.html">
<img src="suivante.png">
</a>
<a href="index.html">
<img src="index.png" width="50px" height="50px">
<a/>
<a href="capitales.html" >
<img src="nexte.png">
<a/>
</div>
<hr size="3px" width= "100%" color="black" top="25%">
<div class="contenu-footer">
<div class="bloc footer-reseaux">
<h3>👉Mes réseaux</h3>
<ul class="liste-reseaux">
<li><a href="https://github.com/TC-MilkyWay">Github</a></li>
<li><a href="https://www.linkedin.com/in/yohanngille/">Linkedin</a></li>
<li><a href="https://www.instagram.com/yohann_gille/">Instagram</a></li>
<li><a href="https://twitter.com/Yohfordev">Twitter</a></li>
</ul>
</div>
<div class="bloc footer-contact">
<h3>👉Contact</h3>
<ul class="liste-contact">
<li><a href ="mailto:yohanngille@yahoo.co.uk">yohanngille@yahoo.co.uk</a></li>
<li>Rue Roger Salengro - BP 70049 - 62219 LONGUENESSE</li>
<li>0675281852</li>
</ul>
</div>
<div class="bloc footer-apropos">
<h3>👉A propos</h3>
<ul class="liste-apropos">
<li><a href ="mesenvies.html"> Mes envies</a></li>
<li><a href ="mesvoyages.html"> Mes voyages</a></li>
</ul>
</div>
<div class="bloc footer-navigation">
<h3>👉Navigation</h3>
<ul class="liste-navigation">
<li><a href="capitales.html" target=_blank>Les capitales les plus visités</a></li>
<li><a href="ameriquen.html">Amérique du nord</a></li>
<li><a href="asie.html">Asie</a></li>
<li><a href="europe.html">Europe</a></li>
<li><a href="afrique.html">Afrique</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>