Precious Metal Grid

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>