-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (60 loc) · 3.62 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
<!DOCTYPE html>
<html>
<head lang="fr">
<meta charset="utf-8" />
<title>Accueil</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="icon" type="image/png" sizes="32x32" href="img/O1.png">
</head>
<body>
<div class="principale">
<!-- logo + menu-->
<div class="top">
<div class="logo">
<img id="logo" src="img/O1.png" alt="Logo" title="Logo">
</div>
<div class="menu">
<ul>
<li><a id="ici"href="index.html">Accueil</a></li>
<li><a href="produits.html">Produits</a></li>
<li><a href="societe.html">Société</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<!--contenu de la page-->
<div class="middle">
<img id="visuel" src="img/skyline-miami.jpg" alt="Miami" title="Miami">
<h1>Bienvenue !</h1>
<p id="presentation">Bienvenue sur notre site de vente de voitures de collection d'occasion. Vous pouvez retrouver sur nos différentes pages les produits en vente, des informations sur
notre société ainsi que des informations pour nous contacter.Lorem Elsass ipsum Morbi ch'ai geïz rhoncus hopla Mauris nüdle Yo dû. senectus risus, dolor tristique Racing. vulputate Pellentesque gal libero, Christkindelsmärik kougelhopf sit suspendisse Carola réchime bredele mamsell Salu bissame sit commodo purus quam. </p>
<h1>Nos best sellers:</h1>
<div id="colonnes">
<div>
<img src="img/firstcar.jpg" alt="Première voiture" title="Voiture une">
<h1>DeLorean Polygon</h1>
<p>Lorem Salu bissame ! Wie geht's les samis ? Hans apporte moi une Wurschtsalad avec un picon bitte, s'il te plaît.
Voss ? Une Carola et du Melfor ? Yo dû, espèce de Knäckes, ch'ai dit un picon ! </p>
</div>
<div>
<img src="img/secondcar.jpg" alt="Deuxième voiture" title="Voiture deux">
<h1>Lamborghini Countach</h1>
<p>Lorem Salu bissame ! Wie geht's les samis ? Hans apporte moi une Wurschtsalad avec un picon bitte, s'il te plaît.
Voss ? Une Carola et du Melfor ? Yo dû, espèce de Knäckes, ch'ai dit un picon !</p>
</div>
<div>
<img src="img/thirdcar.jpg" alt="Troisième voiture" title="Voiture trois">
<h1>Ferrari Testarossa</h1>
<p>Lorem Salu bissame ! Wie geht's les samis ? Hans apporte moi une Wurschtsalad avec un picon bitte, s'il te plaît.
Voss ? Une Carola et du Melfor ? Yo dû, espèce de Knäckes, ch'ai dit un picon !</p>
</div>
</div>
</div>
<!-- informations légales + liens vers différents sites, c'est le footer en gros-->
<div class="bottom">
<p>© Copyright Océane Druenne</p>
<p>Lorem Elsass ipsum ante baeckeoffe Oberschaeffolsheim Richard Schirmeck Huguette amet morbi hopla turpis Mauris condimentum sit nullam id, gewurztraminer dignissim schneck Oberschaeffolsheim consectetur leo Kabinetpapier pellentesque varius purus Pfourtz ! </p>
</div>
</div>
</body>
</html>