No notes defined.
<div class="sds-preciousMetalGrid">
<div class="row row-xs align-items-center justify-content-between">
<div class="col-12 col-sm-auto">
<p class="sds-textBodylg">Cours au 28.11.2023 07:53</p>
</div>
<div class="col-12 col-sm-auto flex-shrink-0">
<div class="sds-staticInlineMd d-flex align-items-center justify-content-between">
<div class="sds-textHelper">
Trier par:
</div>
<div class="dropdown">
<button type="button" class="sds-btn -btnSecondary" data-toggle="dropdown" data-offset="0,8">
<span class="sds-btn__text">Type</span>
<span class="sds-icon sds-icon-chevrondown"></span>
</button>
<div aria-labelledby="" class="sds-actionMenu dropdown-menu dropdown-menu-right">
<div class="dropdown-item">
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="radio-name" class="sr-only custom-control-input " id="action-menu-radio-0-base"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="action-menu-radio-0-base">
Type
</label>
</div>
</div>
<div class="dropdown-item">
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="radio-name" class="sr-only custom-control-input " id="action-menu-radio-1-base"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="action-menu-radio-1-base">
Alphabétique
</label>
</div>
</div>
<div class="dropdown-item">
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="radio-name" class="sr-only custom-control-input " id="action-menu-radio-2-undefined"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="action-menu-radio-2-undefined">
Cours Spuerkeess Achat
</label>
</div>
</div>
<div class="dropdown-item">
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="radio-name" class="sr-only custom-control-input " id="action-menu-radio-3-undefined"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="action-menu-radio-3-undefined">
Cours Spuerkeess Vente
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-stretch-immediate">
<div class="col-12 col-md-6 col-lg-4">
<div class="sds-preciousMetal sds-box -insetLg sds-boxShadowInteraction ">
<div class="sds-stackXl">
<div class="sds-stackLg">
<div class="sds-preciousMetal__img">
<img src="../../media/spuerkeess-site/components/precious-metal/gold.png" alt="" class="img-fluid">
</div>
<div class="sds-stackXs">
<h3 class="h3">LINGOT OR 5 GRAMMES / FAIRTRADE</h3>
<p>Gold</p>
</div>
</div>
<div class="sds-box -insetLg sds-box__outOfBoundsMd -elevated">
<table class="sds-infoTable table -noBorder">
<tbody>
<tr>
<td class=>
<div class="sds-infoTable__cellContent">
<label for="" class="sds-label">
Spuerkeess bid
</label>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-amount -amountXl">
<span class="sds-amount__value">293,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Spuerkeess ask
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-amount -amountXl">
<span class="sds-amount__value">334,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<table class="sds-infoTable table -noBorder">
<tbody>
<tr>
<td class=>
<div class="sds-infoTable__cellContent">
<div class="sds-label">
Type
</div>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
Bar
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Purity
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
999,9/1000
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Weight (net)
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
5,00 g
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Weight (brut)
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
100,00 g
</div>
</div>
</td>
</tr>
</tbody>
</table>
<a href="" class="sds-preciousMetal__action">
<div class="sds-preciousMetal__actionInner">
<span class="sds-btn -btnPrimary position-static stretched-link">
<span class="sds-btn__text">Acheter sur S-Net</span>
</span>
</div>
</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="sds-preciousMetal sds-box -insetLg sds-boxShadowInteraction ">
<div class="sds-stackXl">
<div class="sds-stackLg">
<div class="sds-preciousMetal__img">
<img src="../../media/spuerkeess-site/components/precious-metal/gold.png" alt="" class="img-fluid">
</div>
<div class="sds-stackXs">
<h3 class="h3">LINGOT OR 5 GRAMMES / FAIRTRADE</h3>
<p>Gold</p>
</div>
</div>
<div class="sds-box -insetLg sds-box__outOfBoundsMd -elevated">
<table class="sds-infoTable table -noBorder">
<tbody>
<tr>
<td class=>
<div class="sds-infoTable__cellContent">
<label for="" class="sds-label">
Spuerkeess bid
</label>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-amount -amountXl">
<span class="sds-amount__value">293,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Spuerkeess ask
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-amount -amountXl">
<span class="sds-amount__value">334,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<table class="sds-infoTable table -noBorder">
<tbody>
<tr>
<td class=>
<div class="sds-infoTable__cellContent">
<div class="sds-label">
Type
</div>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
Bar
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Purity
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
999,9/1000
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Weight (net)
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
5,00 g
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Weight (brut)
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
100,00 g
</div>
</div>
</td>
</tr>
</tbody>
</table>
<a href="" class="sds-preciousMetal__action">
<div class="sds-preciousMetal__actionInner">
<span class="sds-btn -btnPrimary position-static stretched-link">
<span class="sds-btn__text">Acheter sur S-Net</span>
</span>
</div>
</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="sds-preciousMetal sds-box -insetLg sds-boxShadowInteraction ">
<div class="sds-stackXl">
<div class="sds-stackLg">
<div class="sds-preciousMetal__img">
<img src="../../media/spuerkeess-site/components/precious-metal/gold.png" alt="" class="img-fluid">
</div>
<div class="sds-stackXs">
<h3 class="h3">LINGOT OR 5 GRAMMES / FAIRTRADE</h3>
<p>Gold</p>
</div>
</div>
<div class="sds-box -insetLg sds-box__outOfBoundsMd -elevated">
<table class="sds-infoTable table -noBorder">
<tbody>
<tr>
<td class=>
<div class="sds-infoTable__cellContent">
<label for="" class="sds-label">
Spuerkeess bid
</label>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-amount -amountXl">
<span class="sds-amount__value">293,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Spuerkeess ask
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-amount -amountXl">
<span class="sds-amount__value">334,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<table class="sds-infoTable table -noBorder">
<tbody>
<tr>
<td class=>
<div class="sds-infoTable__cellContent">
<div class="sds-label">
Type
</div>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
Bar
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Purity
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
999,9/1000
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Weight (net)
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
5,00 g
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Weight (brut)
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg">
100,00 g
</div>
</div>
</td>
</tr>
</tbody>
</table>
<a href="" class="sds-preciousMetal__action">
<div class="sds-preciousMetal__actionInner">
<span class="sds-btn -btnPrimary position-static stretched-link">
<span class="sds-btn__text">Acheter sur S-Net</span>
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="{{ namespace }}preciousMetalGrid{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
<div class="row row-xs align-items-center justify-content-between">
<div class="col-12 col-sm-auto">
<p class="{{ namespace }}textBodylg">Cours au 28.11.2023 07:53</p>
</div>
<div class="col-12 col-sm-auto flex-shrink-0">
<div class="{{ namespace }}staticInlineMd d-flex align-items-center justify-content-between">
<div class="{{ namespace }}textHelper">
Trier par:
</div>
<div class="dropdown">
{% render "@btn-secondary--icon-right",{
icon: "icon-chevrondown",
text: "Type",
attrs: {
"data-toggle": "dropdown",
"data-offset": "0,8"
}
},true %}
{% render "@snet-action-menu--radios",options,true %}
</div>
</div>
</div>
</div>
<div class="row align-items-stretch-immediate">
<div class="col-12 col-md-6 col-lg-4">
{% render "@spk-precious-metal" %}
</div>
<div class="col-12 col-md-6 col-lg-4">
{% render "@spk-precious-metal" %}
</div>
<div class="col-12 col-md-6 col-lg-4">
{% render "@spk-precious-metal" %}
</div>
</div>
</div>