-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproduits.html
66 lines (65 loc) · 3.96 KB
/
produits.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
<!DOCTYPE html>
<html>
<head lang="fr">
<meta charset="utf-8" />
<title>Nos produits</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 href="index.html">Accueil</a></li>
<li><a id="ici" 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>Nos produits</h1>
<p id="presentation">Voici nos trois produits en stock. Vous pouvez retrouver plus de détails sur chaque produit en cliquant sur "plus de détails.." dans l'article concernant
produit qui vous intéresse.</p>
<div id="colonnes">
<div>
<img src="img/productone.jpg" alt="Première voiture" title="Voiture une">
<h1>Chevrolet Camaro</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 !<br/><a href="detailsproduitun.html" target="_blank"><button type="button">plus de détails..</button></a></p>
<h2>PRIX: <strike>30000€</strike> 21000€</h2>
<h2>EN PROMOTION !</h2>
</div>
<div>
<img src="img/producttwo.jpg" alt="Deuxième voiture" title="Voiture deux">
<h1>Citroën BX Sport</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 !<br/><a href="detailsproduitdeux.html" target="_blank"><button type="button">plus de détails..</button></a></p>
<h2>PRIX: <strike>10000€</strike> 4500€</h2>
<h2>EN PROMOTION !</h2>
</div>
<div>
<img src="img/productthree.jpg" alt="Troisième voiture" title="Voiture trois">
<h1>Honda NSX</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 !<br/><a href="detailsproduittrois.html" target="_blank"><button type="button">plus de détails..</button></a></p>
<h2>PRIX: <strike>25000€</strike> 19000€</h2>
<h2>EN PROMOTION !</h2>
</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>