<div class="materials-style-modal-visible">
    <div class="section-title">Wood Finish</div>
    <div class="swatch-grid">
            <div class="swatch-grid-item">
                <div class="swatch-card">
                    <div class="swatch-card-image">
                        <img src="https://embed.widencdn.net/img/ki/qkwkzyuex6/320x180px@1x/BCX_Cherry-Storm-on-beech.tif?q=90&amp;x.template=y" alt="Cherry Storm on Beech" title="Cherry Storm on Beech">
                    </div> <!-- /swatch-card-image -->
                    <span class="swatch-card-title">Cherry Storm on Beech</span>
                    <span class="swatch-card-code">BCX</span>

                </div> <!-- /swatch-card -->
            </div> <!-- /swatch-grid-item -->
            <div class="swatch-grid-item">
                <div class="swatch-card">
                    <div class="swatch-card-image">
                        <img src="https://embed.widencdn.net/img/ki/vbf5pmluib/320x180px@1x/BCN_Cinnamon-on-beech.tif?q=90&amp;x.template=y" alt="Cinnamon on Beech" title="Cinnamon on Beech">
                    </div> <!-- /swatch-card-image -->
                    <span class="swatch-card-title">Cinnamon on Beech</span>
                    <span class="swatch-card-code">BCN</span>

                </div> <!-- /swatch-card -->
            </div> <!-- /swatch-grid-item -->
            <div class="swatch-grid-item">
                <div class="swatch-card">
                    <div class="swatch-card-image">
                        <img src="https://embed.widencdn.net/img/ki/v2wwdgzcg2/320x180px@1x/BCA_Cocoa-on-beech.tif?q=90&amp;x.template=y" alt="Cocoa on Beech" title="Cocoa on Beech">
                    </div> <!-- /swatch-card-image -->
                    <span class="swatch-card-title">Cocoa on Beech</span>
                    <span class="swatch-card-code">BCA</span>

                </div> <!-- /swatch-card -->
            </div> <!-- /swatch-grid-item -->
            <div class="swatch-grid-item">
                <div class="swatch-card">
                    <div class="swatch-card-image">
                        <img src="https://embed.widencdn.net/img/ki/ipegpagqdc/320x180px@1x/BEB_EclypseBlack-on-beech.jpg?q=90&amp;x.template=y" alt="Eclypse Black on Beech" title="Eclypse Black on Beech">
                    </div> <!-- /swatch-card-image -->
                    <span class="swatch-card-title">Eclypse Black on Beech</span>
                    <span class="swatch-card-code">BEB</span>

                </div> <!-- /swatch-card -->
            </div> <!-- /swatch-grid-item -->
            <div class="swatch-grid-item">
                <div class="swatch-card">
                    <div class="swatch-card-image">
                        <img src="https://embed.widencdn.net/img/ki/4l77yodhcu/320x180px@1x/Lam_WoodVeneer_Florence-Walnut.jpg?q=90&amp;x.template=y" alt="Florence Walnut on Beech" title="Florence Walnut on Beech">
                    </div> <!-- /swatch-card-image -->
                    <span class="swatch-card-title">Florence Walnut on Beech</span>
                    <span class="swatch-card-code">BFC</span>

                </div> <!-- /swatch-card -->
            </div> <!-- /swatch-grid-item -->
            <div class="swatch-grid-item">
                <div class="swatch-card">
                    <div class="swatch-card-image">
                        <img src="https://embed.widencdn.net/img/ki/dikvrkgyle/320x180px@1x/MMA_Kensington-Maple-on-maple.tif?q=90&amp;x.template=y" alt="Kensington Maple on Maple" title="Kensington Maple on Maple">
                    </div> <!-- /swatch-card-image -->
                    <span class="swatch-card-title">Kensington Maple on Maple</span>
                    <span class="swatch-card-code">MMA</span>

                </div> <!-- /swatch-card -->
            </div> <!-- /swatch-grid-item -->
            <div class="swatch-grid-item">
                <div class="swatch-card">
                    <div class="swatch-card-image">
                        <img src="https://embed.widencdn.net/img/ki/po3wczpepb/320x180px@1x/BMT_Monticello-Maple-on-beech.tif?q=90&amp;x.template=y" alt="Monticello Maple on Beech" title="Monticello Maple on Beech">
                    </div> <!-- /swatch-card-image -->
                    <span class="swatch-card-title">Monticello Maple on Beech</span>
                    <span class="swatch-card-code">BMT</span>

                </div> <!-- /swatch-card -->
            </div> <!-- /swatch-grid-item -->
            <div class="swatch-grid-item">
                <div class="swatch-card">
                    <div class="swatch-card-image">
                        <img src="https://embed.widencdn.net/img/ki/shsgcwdurc/320x180px@1x/BNA_Natural-on-beech.tif?q=90&amp;x.template=y" alt="Natural on Beech" title="Natural on Beech">
                    </div> <!-- /swatch-card-image -->
                    <span class="swatch-card-title">Natural on Beech</span>
                    <span class="swatch-card-code">BNA</span>

                </div> <!-- /swatch-card -->
            </div> <!-- /swatch-grid-item -->
            <div class="swatch-grid-item">
                <div class="swatch-card">
                    <div class="swatch-card-image">
                        <img src="https://embed.widencdn.net/img/ki/nu5oqoqn2c/320x180px@1x/BRY_River-Cherry-on-Beech.tif?q=90&amp;x.template=y" alt="River Cherry on Beech" title="River Cherry on Beech">
                    </div> <!-- /swatch-card-image -->
                    <span class="swatch-card-title">River Cherry on Beech</span>
                    <span class="swatch-card-code">BRY</span>

                </div> <!-- /swatch-card -->
            </div> <!-- /swatch-grid-item -->
    </div> <!-- /swatch-grid -->
</div> <!-- /materials-modal -->