-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTP.html
111 lines (87 loc) · 5.03 KB
/
TP.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Zozor - Le Site Web</title>
</head>
<body>
<div id="blockPage">
<header>
<div id="logoGauche">
<h1>
<img src="images/zozor_logo.png" alt="Logo zozor">
Zozor
</h1>
<h2>Carnet de voyage</h2>
</div>
<nav id="Menu">
<ul>
<li>accueil</li>
<li>blog</li>
<li>cv</li>
<li>contact</li>
</ul>
</nav>
</header>
<div id="banniere">
<div id="legende">
Retour sur mes vacances aux states..<a href="#">Voir l'article</a>
</div>
</div>
<section>
<article>
<h2><img src="images/ico_epingle.png" alt="icone epingle"> JE SUIS UN GRAND VOYAGEUR</h2>
<p>oiuqwebndiunqweidioqeion,eiubncouwneuocn weouncoiuwe owienc oiweoc we iocwoie cipw eipc piwei vpiweipv w we h oiwepijw ep.oejnciuwebc e cuiweb cowioe owiiencoiwec woiencoiwec weoicn weoic owiehc oiwehcohriopgj p wepfjw refpwjr efip wr.weiucb wepicjo weoihwr vwoirhv wr.weiuc weoicnwr vliwr/.wriuvbwr ovw wori vowiro owro pfo wory wo fwiorh fwrpovj wriv pwr vphpwrv owrpw pwpipwpopjo;wrgiw owow eof .wiure wrv9w rovouh wrov ow rv o wrvpiw rvworvoi wrp ver.wivgc oweov woruh v we hvuoh wrovowir voi wor vowhroiv wirv '2;fq;;824iogir goi3opif 2pi o2 fo wpf owetgi fweiripf weg wper p wpv 3po4 bpiw.</p>
<p>oiuqwebndiunqweidioqeion,eiubncouwneuocn weouncoiuwe owienc oiweoc we iocwoie cipw eipc piwei vpiweipv w we h oiwepijw ep.oejnciuwebc e cuiweb cowioe owiiencoiwec woiencoiwec weoicn weoic owiehc oiwehcohriopgj p wepfjw refpwjr efip wr.weiucb wepicjo weoihwr vwoirhv wr.weiuc weoicnwr vliwr/.wriuvbwr ovw wori vowiro owro pfo wory wo fwiorh fwrpovj wriv pwr vphpwrv owrpw pwpipwpopjo;wrgiw owow eof .wiure wrv9w rovouh wrov ow rv o wrvpiw rvworvoi wrp ver.wivgc oweov woruh v we hvuoh wrovowir voi wor vowhroiv wirv '2;fq;;824iogir goi3opif 2pi o2 fo wpf owetgi fweiripf weg wper p wpv 3po4 bpiw.</p>
<p>oiuqwebndiunqweidioqeion,eiubncouwneuocn weouncoiuwe owienc oiweoc we iocwoie cipw eipc piwei vpiweipv w we h oiwepijw ep.oejnciuwebc e cuiweb cowioe owiiencoiwec woiencoiwec weoicn weoic owiehc oiwehcohriopgj p wepfjw refpwjr efip wr.weiucb wepicjo weoihwr vwoirhv wr.weiuc weoicnwr vliwr/.wriuvbwr ovw wori vowiro owro pfo wory wo fwiorh fwrpovj wriv pwr vphpwrv owrpw pwpipwpopjo;wrgiw owow eof .wiure wrv9w rovouh wrov ow rv o wrvpiw rvworvoi wrp ver.wivgc oweov woruh v we hvuoh wrovowir voi wor vowhroiv wirv '2;fq;;824iogir goi3opif 2pi o2 fo wpf owetgi fweiripf weg wper p wpv 3po4 bpiw.</p>
</article>
<aside>
<div id="la fleche">
<img src="images/bulle.png" alt="bulle">
</div>
<div id="laBulle">
<h2>A propos de l'auteur</h2>
<figure> <img src="images/zozor_classe.png" alt="zozor avec la classe"></figure>
<p>wiebdiuwen we 9wehc98 we98h 9we 9we 98we8 98hw9e8hc98w8e we098chwe c0hw wer98fho wrv908whrv0w8r v9wr8hv wr98v 98wrh vwr 9vhw9 r88h v98w rv098hwr98hv w9rh v90wrjuv 9wrh 9w98rh 0vwr98h v08,wruch wr9vnwr r,wriuvb wroviwr voinwr vwrv.</p>
<p>weriybw rovoi wroivnhoiwu rvowr vworvo8 hwrojvowroiv woehvoi weroihvoi wroj pwrj pvpowr pvwproej vpw povjpowrjpovpwrvjw vwprijvpi wrvpiw.wivub wrvooiwjrev,w9ervhwro v wourhv wr0v,w rv9unwro vowrpv r.wriuvn wrv.</p>
<div><img src="images/facebook.png"><img src="images/twitter.png"><img src="images/rss.png"><img src="images/flickr.png"><img src="images/vimeo.png"></div>
</div>
</aside>
</section>
<footer>
<div id="tweet">
<h3>Mon dernier tweet</h3>
<p>hello!</p>
<p>date</p>
</div>
<div id="photo">
<h3>Mes photos</h3>
<ul>
<li><img src="images/photo1.jpg"></li>
<li><img src="images/photo2.jpg"></li>
<li><img src="images/photo3.jpg"></li>
<li><img src="images/photo4.jpg"></li>
</ul>
</div>
<div id="amis">
<h3>Mes amis</h3>
<div id="liste">
<ul>
<li>ecibweic</li>
<li>weiycbiwe</li>
<li>ecibweic</li>
<li>ecibweic</li>
</ul>
<ul>
<li>ecibweic</li>
<li>weiycbiwe</li>
<li>ecibweic</li>
<li>ecibweic</li>
</ul>
</div>
</div>
</footer>
</div>
</body>
</html>