blob: d1c25cbd21f3f512d0f327f43bcb168e4e88b7ae (
plain)
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
|
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Biographie - Quatuor Camelot</title>
<link rel="stylesheet" href="commun.css">
<link rel="stylesheet" href="artistes.css">
</head>
<body>
<header class="banner">
<div class="brand">
<img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Golden_Sun_icon.png"
alt="logo">
<h1 class="qname">Quatuor Camelot</h1>
</div>
<nav>
<ol>
<li>le quatuor</li>
<li>actualités</li>
<li>programmes</li>
<li>médias</li>
</ol>
</nav>
<div class="lang">
EN
</div>
</header>
<main>
<div id="photos">
<img src="https://v3.goldensun-world.com/img/artwork/vlad_b.jpg">
<img src="https://v3.goldensun-world.com/img/artwork/garet_b.jpg">
<img src="https://v3.goldensun-world.com/img/artwork/ivan_b.jpg">
<img src="https://v3.goldensun-world.com/img/artwork/sofia_b.jpg">
</div>
<div id="bio">
<h1>Un premier titre</h1>
<p>
Senectus et netus et malesuada fames ac turpis. Ut sem nulla
pharetra diam sit amet nisl suscipit adipiscing. Et netus et
malesuada fames ac. Turpis massa sed elementum tempus egestas
sed sed. Et netus et malesuada fames ac. Enim sit amet venenatis
urna cursus. Fermentum et sollicitudin ac orci
phasellus. Sollicitudin nibh sit amet commodo nulla facilisi
nullam vehicula. Pellentesque adipiscing commodo elit at
imperdiet. Eget nunc scelerisque viverra mauris in. Eu sem
integer vitae justo eget magna fermentum iaculis. Feugiat nisl
pretium fusce id velit. Facilisis gravida neque convallis a cras
semper. Scelerisque eu ultrices vitae auctor eu augue ut
lectus. Aliquam purus sit amet luctus venenatis.
</p>
<p>
Felis imperdiet proin fermentum leo vel orci porta. Imperdiet
massa tincidunt nunc pulvinar. Porta lorem mollis aliquam ut
porttitor leo. Morbi tincidunt augue interdum velit euismod in
pellentesque massa. In ornare quam viverra orci sagittis
eu. Elementum integer enim neque volutpat ac. Adipiscing
bibendum est ultricies integer quis. Quisque non tellus orci ac
auctor augue. Dictum fusce ut placerat orci nulla pellentesque
dignissim enim. Vitae congue eu consequat ac felis donec et
odio. Aliquam malesuada bibendum arcu vitae elementum curabitur
vitae nunc sed.
</p>
<h1>Un second titre</h1>
<p>
Vitae congue eu consequat ac. Nullam ac tortor vitae
purus. Laoreet id donec ultrices tincidunt arcu non sodales
neque sodales. Ut faucibus pulvinar elementum integer enim neque
volutpat ac tincidunt. Proin sed libero enim sed faucibus turpis
in eu. Facilisis magna etiam tempor orci eu lobortis
elementum. Lobortis elementum nibh tellus molestie nunc. Vitae
tortor condimentum lacinia quis vel eros donec. Ut etiam sit
amet nisl purus in mollis nunc sed. Leo in vitae turpis
massa. Nam at lectus urna duis convallis convallis tellus id
interdum. Morbi non arcu risus quis varius quam. Ac turpis
egestas maecenas pharetra convallis posuere morbi leo. Magna
etiam tempor orci eu.
</p>
</div>
</main>
<footer class="social">
<img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg">
<p class="contact">
Contact
</p>
</footer>
<footer class="legal">
<p>Mentions légales - Plan du site</p>
</footer>
</body>
</html>
|
