xxxxxxxxxx
1
<div class="container">
2
<div class="row mb-4" style="background-color:#CFF">
3
4
<!-- col-6 -->
5
<div class="col-6 d-flex align-items-stretch">
6
7
<div class="card flex-fill">
8
9
<div class="card-header text-white" style="background-color:#5C6DA3">
10
<img src="../img/icones/icone_altitude_bg.jpg" alt="icone montagne" width="38" height="38">
11
Table 5 rows, 3 columns
12
</div>
13
14
<!-- card-body -->
15
16
<div class="card-body">
17
<!-- TABLE GRID A -->
18
<table class="table text-center">
19
<tbody>
20
<tr class="text-capitalize indigo-text">
21
<td class="font-weight-bold text-wrap">Ouverture </td>
22
<td> </td>
23
<td class="font-weight-bold text-wrap">Fermeture </td>
24
25
</tr>
26
<tr>
27
<td>02/12/2019</td>
28
<td> </td>
29
<td>01/04/2020</td>
30
31
</tr>
32
<tr>
33
<td> </td>
34
<td class="font-weight-bold text-wrap">Forfaits</td>
35
<td> </td>
36
</tr>
37
<tr>
38
<td>Journée: 00,00€</td>
39
<td> </td>
40
<td>Enfants: 00,00€</td>
41
</tr>
42
<tr>
43
<td>1/2 Journée: 00,00€</td>
44
<td> </td>
45
<td>Sénior: 00,00€</td>
46
</tr>
47
</tbody>
48
</table>
49
</div>
50
51
</div>
52
53
</div>
54
<!-- /col-6 -->
55
56
<!-- col-6 -->
57
<div class="col-6 d-flex align-items-stretch">
58
59
<div class="card flex-fill">
60
61
<div class="card-header text-white" style="background-color:#5C6DA3">
62
<img src="../img/icones/icone_altitude_bg.jpg" alt="icone montagne" width="38" height="38">
63
Table 3 rows, 2 columns
64
</div>
65
66
<div class="card-body">
67
<table class="table">
68
<tbody>
69
<tr>
70
<th rowspan="3" scope="row"><img class="img-fluid" src="../img/icones/altitude-250.jpg" alt="altitude"></th>
71
<td>2000 m.</td>
72
</tr>
73
<tr>
74
<td>1500 m.</td>
75
</tr>
76
<tr>
77
<td>1000 m.</td>
78
</tr>
79
</tbody>
80
</table>
81
82
</div>
83
84
</div>
85
86
</div>
87
<!--col-6 -->
88
89
</div>
90
</div>
1
1
1
1
Console errors: 0