<div class="container-fluid client-help">
<div class="card-group m-b-0">
                    <div class="card">
                    <a href="{routePath('announcement-index')}">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="m-b-0"><i class="fal fa-bullhorn text-info"></i></h2>
                                    <h3 class="">{lang key='announcementstitle'}</h3>
                                    </div>
                                <div class="col-12">
                                    <div class="progress">
                                        <div class="progress-bar bg-info" role="progressbar" style="width: 100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </a>
                    </div>
                    <!-- Column -->
                    <!-- Column -->
                    <div class="card">
                    <a href="serverstatus.php">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="m-b-0"><i class="fal fa-server text-success"></i></h2>
                                    <h3 class="">{lang key='networkstatustitle'}</h3>
                                    </div>
                                <div class="col-12">
                                    <div class="progress">
                                        <div class="progress-bar bg-success" role="progressbar" style="width:100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </a>
                    </div>
                    <!-- Column -->
                    <!-- Column -->
                    <div class="card">
                    <a href="{routePath('knowledgebase-index')}">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="m-b-0"><i class="fal fa-book text-purple"></i></h2>
                                    <h3 class="">{lang key='knowledgebasetitle'}</h3>
                                    </div>
                                <div class="col-12">
                                    <div class="progress">
                                        <div class="progress-bar bg-primary" role="progressbar" style="width:100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </a>
                    </div>
                    <!-- Column -->
                    <!-- Column -->
                    <div class="card">
                     <a href="{routePath('download-index')}">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="m-b-0"><i class="fal fa-download text-warning"></i></h2>
                                    <h3 class="">{lang key='downloadstitle'}</h3>
                                    </div>
                                <div class="col-12">
                                    <div class="progress">
                                        <div class="progress-bar bg-warning" role="progressbar" style="width:100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                      </a>
                    </div>
                    <!-- Column -->
                    <!-- Column -->
                    <div class="card">
                     <a href="submitticket.php">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="m-b-0"><i class="fal fa-life-ring text-danger"></i></h2>
                                    <h3 class="">{lang key='homepage.submitTicket'}</h3>
                                    </div>
                                <div class="col-12">
                                    <div class="progress">
                                        <div class="progress-bar bg-danger" role="progressbar" style="width:100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                      </a>
                    </div>             
</div>

</div>