-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproduct-details.php
99 lines (94 loc) · 4.13 KB
/
product-details.php
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
<!--Header du site-->
<?php include 'includes/header.php'; ?>
<!-- Produit seul -->
<div class="small-container single-product">
<div class="row">
<div class="col-2">
<img src="images/iphone-13.png" width="100%">
</div>
<div class="col-2">
<p>Menu / Iphone</p>
<h1>Iphone 13 d'Apple</h1>
<h4>989,00€</h4>
<select>
<option>Couleur</option>
<option>Rose</option>
<option>Bleu</option>
<option>Minuit</option>
<option>Lumière stellaire</option>
<option>(PRODUCT)RED</option>
</select>
<input type="number" value="1">
<a href="" class="bouton">Ajouter au panier</a>
<h3>Détails du produit <i class="fa-solid fa-indent"></i></h3>
<br>
<p>Antichambre du très haut de gamme des smartphones d’Apple,
l’iPhone 13 affiche une super dalle 6,1 pouces,
à laquelle on pourra juste reprocher de ne pas être Pro Motion,
et fait des progrès dans tous les domaines qui comptent :
puissance, photo et autonomie.</p>
</div>
</div>
</div>
<!--Titre-->
<div class="small-container">
<div class="row row-2">
<h2>Produits en vedette !</h2>
<p>Voir plus</p>
</div>
</div>
<!--Produits-->
<div class="small-container">
<div class="row">
<div class="col-4">
<a href="product-details.php"><img src="images/iphone-13.png"></a>
<h4>Iphone 13</h4>
<div class="notation">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<p>989,00€</p>
</div>
<div class="col-4">
<a href="product-details.php"><img src="images/iphone-12.png"></a>
<h4>Iphone 12</h4>
<div class="notation">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="far fa-star"></i>
</div>
<p>789,00€</p>
</div>
<div class="col-4">
<a href="product-details.php"><img src="images/iphone-11.png"></a>
<h4>Iphone 11</h4>
<div class="notation">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
<i class="far fa-star"></i>
</div>
<p>589,00€</p>
</div>
<div class="col-4">
<a href="product-details.php"><img src="images/iphone-X.png"></a>
<h4>Iphone X</h4>
<div class="notation">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="far fa-star"></i>
</div>
<p>289,00€</p>
</div>
</div>
</div>
<!--Footer du site-->
<?php include 'includes/footer.php'; ?>