<section class="ds-example example-process">
    <div class="html">
        <div class="selection-blocks">
            <label for="selection1" class="custom-control custom-radio selection-block active">
                <input name="selection" type="radio" class="custom-control-input" id="selection1" checked="checked">
                <span class="custom-control-field"></span>
                <span class="custom-control-text">
                    <span class="selection-block-price price"><span>XX</span>,XX €</span>
                    <span class="selection-block-title h6">
                        Lorem ipsum

                        <span class="img-wrapper">
                            <img src="http://via.placeholder.com/100x50" class="img-fluid" alt=""/>
                        </span>
                    </span>
                    <span class="selection-block-description">Undique olim et omnia undique ac amor qui vosmet incredibili reconciliat undique in periculis cum C in impendentibus restituit de Hic olim olim me qui esse maximis periculis Patres meus.</span>
                </span>
            </label>
            <label for="selection2" class="custom-control custom-radio selection-block">
                <input name="selection" type="radio" class="custom-control-input" id="selection2">
                <span class="custom-control-field"></span>
                <span class="custom-control-text">
                    <span class="selection-block-price price"><span>XX</span>,XX €</span>
                    <span class="selection-block-title h6">Lorem ipsum</span>
                    <span class="selection-block-description">Undique olim et omnia undique ac amor qui</span>
                </span>
            </label>
        </div>
    </div>
    <pre>
        <code>&lt;div class="selection-blocks">
    &lt;label for="" class="custom-control custom-radio selection-block active">
        &lt;input name="" type="radio" class="custom-control-input" id="" checked="checked">
        &lt;span class="custom-control-field">&lt;/span>
        &lt;span class="custom-control-text">
            &lt;span class="selection-block-price price">...&lt;/span>
            &lt;span class="selection-block-title h6">...&lt;/span>
            &lt;span class="selection-block-description">...&lt;/span>
        &lt;/span>
    &lt;/label>
    &lt;label for="" class="custom-control custom-radio selection-block">
        &lt;input name="" type="radio" class="custom-control-input" id="">
        &lt;span class="custom-control-field">&lt;/span>
        &lt;span class="custom-control-text">
            &lt;span class="selection-block-price price">...&lt;/span>
            &lt;span class="selection-block-title h6">
                ...
                &lt;span class="img-wrapper">
                    &lt;img src="" class="img-fluid" alt=""/>
                &lt;/span>
            &lt;/span>
            &lt;span class="selection-block-description">...&lt;/span>
        &lt;/span>
    &lt;/label>
&lt;/div></code>
    </pre>
</section>
<section class="ds-example example-process">
    <div class="html">
        <div class="selection-blocks">
            <label for="selection2_1" class="custom-control custom-radio selection-block active">
                <input name="selection2" type="radio" class="custom-control-input" id="selection2_1" checked="checked">
                <span class="custom-control-field"></span>
                <span class="custom-control-text">
                    <span class="selection-block-title h6">
                        Lorem ipsum
                        <span class="img-wrapper">
                            <img src="http://via.placeholder.com/100x50" class="img-fluid" alt=""/>
                        </span>
                    </span>
                    <span class="selection-block-description">Undique olim et omnia undique ac amor qui vosmet incredibili reconciliat undique in periculis cum C in impendentibus restituit de Hic olim olim me qui esse maximis periculis Patres meus.</span>
                </span>
            </label>
            <label for="selection1_2" class="custom-control custom-radio selection-block">
                <input name="selection2" type="radio" class="custom-control-input" id="selection1_2">
                <span class="custom-control-field"></span>
                <span class="custom-control-text">
                    <span class="selection-block-title h6">Lorem ipsum</span>
                    <span class="selection-block-description">Undique olim et omnia undique ac amor qui</span>
                </span>
            </label>
        </div>
    </div>
    <pre>
        <code>&lt;div class="selection-blocks">
    &lt;label for="" class="custom-control custom-radio selection-block active">
        &lt;input name="" type="radio" class="custom-control-input" id="" checked="checked">
        &lt;span class="custom-control-field">&lt;/span>
        &lt;span class="custom-control-text">
            &lt;span class="selection-block-title h6">
                ...
                &lt;span class="img-wrapper">
                    &lt;img src="" class="img-fluid" alt=""/>
                &lt;/span>
            &lt;/span>
            &lt;span class="selection-block-description">...&lt;/span>
        &lt;/span>
    &lt;/label>
    &lt;label for="" class="custom-control custom-radio selection-block">
        &lt;input name="" type="radio" class="custom-control-input" id="">
        &lt;span class="custom-control-field">&lt;/span>
        &lt;span class="custom-control-text">
            &lt;span class="selection-block-title h6">...&lt;/span>
            &lt;span class="selection-block-description">...&lt;/span>
        &lt;/span>
    &lt;/span>
&lt;/div></code>
    </pre>
</section>
