<div class="account-detail">
<div class="row">
<div class="col-md-4 col-lg-4 col-xl-4 col-xs-12">
<a href="clientarea.php" class="d-block">
<div class="card card-inverse card-info">
                            <div class="card-body p-4">
                                <div class="d-flex">
                                    <div class="m-r-10 align-self-center">
                                        <h2 class="text-white no-margin"><i class="fal fa-home"></i></h2></div>
                                    <div>
                                        <h5 class="card-title p-t-10 p-t-md-0 p-t-sm-0 p-t-xs-0 no-margin">{lang key='homepage.yourAccount'}</h5>
                                </div>
                            </div>
  </div>
</a>
</div>
</div>
   
<div class="col-md-4 col-lg-4 col-xl-4  col-xs-12">
<a href="clientarea.php?action=services" class="d-block">
<div class="card card-inverse card-success">
                            <div class="card-body p-4">
                                <div class="d-flex">
                                    <div class="m-r-10 align-self-center">
                                        <h2 class="text-white no-margin"><i class="far fa-cubes"></i></h2></div>
                                    <div>
                                        <h5 class="card-title p-t-10 no-margin">{lang key='homepage.manageServices'}</h5>
                                </div>
                                
                            </div>
  </div>
</a>
</div>
</div>

<div class="col-md-4 col-lg-4 col-xl-4  col-xs-12">
<a href="clientarea.php?action=services" class="d-block">
<div class="card card-inverse card-danger">
                            <div class="card-body p-4">
                                <div class="d-flex">
                                    <div class="m-r-10 align-self-center">
                                        <h2 class="text-white no-margin"><i class="fal fa-globe"></i></h2></div>
                                    <div>
                                        <h5 class="card-title p-t-10 no-margin">{lang key='homepage.manageDomains'}</h5>
                                </div>
                                
                            </div>
  </div>
</a>
</div>
</div>

<div class="col-md-6 col-lg-6 col-xl-6 col-xs-12">
<a href="supporttickets.php" class="d-block">
<div class="card card-inverse card-warning">
                            <div class="card-body p-4">
                                <div class="d-flex">
                                    <div class="m-r-20 align-self-center">
                                        <h2 class="text-white m-b-0"><i class="fal fa-comments"></i></h2></div>
                                    <div>
                                        <h5 class="card-title p-t-10">{lang key='homepage.supportRequests'}</h5>
                                </div>
                                
                            </div>
  </div>
</a>
</div>
</div>

<div class="col-md-6 col-lg-6 col-xl-6 col-xs-12">
<a href="clientarea.php?action=masspay&all=true" class="d-block">
<div class="card card-inverse card-primary">
                            <div class="card-body p-4">
                                <div class="d-flex">
                                    <div class="m-r-20 align-self-center">
                                        <h2 class="text-white no-margin"><i class="fal fa-credit-card"></i></h2></div>
                                    <div>
                                        <h5 class="card-title p-t-10">{lang key='homepage.makeAPayment'}</h5>
                                </div>
                                
                            </div>
  </div>
</a>
</div>
</div>
</div>