<div class="card">
                                                                        <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="فضای نگهدارنده" preserveAspectRatio="xMidYMid slice" focusable="false">
                                                                            <title>فضای نگهدارنده</title>
                                                                            <rect width="100%" height="100%" fill="#20c997"></rect>
                                                                        </svg>
                
                                                                        <div class="card-body">
                                                                            <h5 class="card-title">عنوان کارت</h5>
                                                                            <p class="card-text">متن مثال سریع برای ساخت بر روی عنوان کارت و تشکیل محتوای اصلی کارت.</p>
                                                                            <a href="#" class="btn btn-primary">به جایی بروید</a>
                                                                        </div>
                                                                    </div>
                
                                                                    <div class="card" aria-hidden="true">
                                                                        <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="فضای نگهدارنده" preserveAspectRatio="xMidYMid slice" focusable="false">
                                                                            <title>فضای نگهدارنده</title>
                                                                            <rect width="100%" height="100%" fill="#868e96"></rect>
                                                                        </svg>
                
                                                                        <div class="card-body">
                                                                            <div class="h5 card-title placeholder-glow">
                                                                                <span class="placeholder col-6"></span>
                                                                            </div>
                                                                            <p class="card-text placeholder-glow">
                                                                                <span class="placeholder col-7"></span>
                                                                                <span class="placeholder col-4"></span>
                                                                                <span class="placeholder col-4"></span>
                                                                                <span class="placeholder col-6"></span>
                                                                                <span class="placeholder col-8"></span>
                                                                            </p>
                                                                            <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-6"></a>
                                                                        </div>
                                                                    </div>
                                                                
                                                            

                                                                
                                                                    <p aria-hidden="true">
                                                                        <span class="placeholder col-6"></span>
                                                                    </p>
                
                                                                    <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-4" aria-hidden="true"></a>
                                                                
                                                            

                                                                
                                                                    <span class="placeholder col-6"></span>
                                                                    <span class="placeholder w-75"></span>
                                                                    <span class="placeholder" style="width: 25%;"></span>
                                                                
                                                            

                                                                
                                                                    <span class="placeholder col-12"></span>
                                                                    <span class="placeholder col-12 bg-primary"></span>
                                                                    <span class="placeholder col-12 bg-secondary"></span>
                                                                    <span class="placeholder col-12 bg-success"></span>
                                                                    <span class="placeholder col-12 bg-danger"></span>
                                                                    <span class="placeholder col-12 bg-warning"></span>
                                                                    <span class="placeholder col-12 bg-info"></span>
                                                                    <span class="placeholder col-12 bg-light"></span>
                                                                    <span class="placeholder col-12 bg-dark"></span>