templates/twenty-one/homepage.tpl

{if !empty($productGroups) || $registerdomainenabled || $transferdomainenabled}
<div class="SAAS ubuntu-light pb-5 pt-5 pl-2">
  <div class="p-5">
    <h3 class="SAAS-text text-uppercase font-weight-bold">
      notre offre de services pour tous vos besoins cloud
    </h3>
    <h1 class="SAAS-text font-weight-bold">Nos solutions SAAS</h1>
  </div>

  <div class="row pb-5 pt-3 m-0">
    <div class="col d-flex flex-column align-items-center justify-content-center">
      <img src="{$WEB_ROOT}/assets/img/solution-hosting.svg" alt="{$companyname}" class="pb-2" width="100" height="80">
      <p class="lato-bold text-center">Hébergement</p>
    </div>

    <div class="col d-flex flex-column align-items-center justify-content-center">
      <img src="{$WEB_ROOT}/assets/img/solution-workspace.svg" alt="{$companyname}" class="pb-2" width="100" height="80">
      <p class="lato-bold text-center">Messagerie et espace de travail numérique</p>
    </div>

    <div class="col d-flex flex-column align-items-center justify-content-center">
      <img src="{$WEB_ROOT}/assets/img/solution-audit.svg" alt="{$companyname}" class="pb-2" width="100" height="80">
      <p class="lato-bold text-center">Conseil et Audit</p>
    </div>
  </div>

  <div class="row pb-5 m-0">
    <div class="col d-flex flex-column align-items-center justify-content-center">
      <img src="{$WEB_ROOT}/assets/img/solution-backup.svg" alt="{$companyname}" class="pb-2" width="100" height="80">
      <p class="lato-bold text-center">Sauvegarde</p>
    </div>

    <div class="col d-flex flex-column align-items-center justify-content-center">
      <img src="{$WEB_ROOT}/assets/img/solution-security.svg" alt="{$companyname}" class="pb-2" width="100" height="80">
      <p class="lato-bold text-center">Expertise informatique et sécurité</p>
    </div>

    <div class="col d-flex flex-column align-items-center justify-content-center">
      <img src="{$WEB_ROOT}/assets/img/solution-managed-services.svg" alt="{$companyname}" class="pb-2" width="100" height="80">
      <p class="lato-bold text-center">Services managés</p>
    </div>
  </div>
</div>

    <h2 class="text-center m-4 ubuntu-medium pb-5">Parcourir nos produits et services</h2>

    <div class="card-columns container">
        {foreach $productGroups as $productGroup}

            <div class="card mb-3 box-home pr-1">
                <div class="card-body p-lg-4 p-xl-5 text-center">
                    <h3 class="card-title pricing-card-title text-box-color ubuntu-light font-weight-bold">
                        {$productGroup->name}
                    </h3>
                    <p class="lato-regular text-center">{$productGroup->tagline}</p>
                    <a href="{$productGroup->getRoutePath()}" class="btn btn-block rounded-pill lato-regular text-center btn-box">
                        {lang key='browseProducts'}
                    </a>
                </div>
            </div>

        {/foreach}

        {if $registerdomainenabled}
            <div class="card mb-3 box-home ">
                <div class="card-body p-lg-4 p-xl-5 text-box-color text-center">
                    <h3 class="card-title pricing-card-title ubuntu-light font-weight-bold">
                        {lang key='orderregisterdomain'}
                    </h3>
                    <p class="lato-regular text-center">{lang key='secureYourDomain'}</p>
                    <a href="{$WEB_ROOT}/cart.php?a=add&domain=register" class="btn rounded-pill btn-block lato-regular text-center btn-box">
                        {lang key='navdomainsearch'}
                    </a>
                </div>
            </div>
        {/if}
        {if $transferdomainenabled}
            <div class="card mb-3 box-home ">
                <div class="card-body p-lg-4 p-xl-5 ubuntu-light text-center">
                    <h3 class="card-title pricing-card-title text-box-color font-weight-bold">
                        {lang key='transferYourDomain'}
                    </h3>
                    <p class="lato-regular text-center">{lang key='transferExtend'}</p>
                    <a href="{$WEB_ROOT}/cart.php?a=add&domain=transfer" class="btn btn-block rounded-pill lato-regular text-center btn-box">
                        {lang key='transferYourDomain'}
                    </a>
                </div>
            </div>
        {/if}
    </div>
{/if}



<h2 class="text-center m-4">{lang key='howCanWeHelp'}</h2>

<div class="row my-5 mx-0 action-icon-btns px-5">
    <div class="col-6 col-md-4 col-lg">
        <a href="{routePath('announcement-index')}" class="card-accent-teal bordert-color">
            <figure class="ico-container">
                <i class="fal fa-bullhorn icon-color"></i>
            </figure>
            {lang key='announcementstitle'}
        </a>
    </div>
    <div class="col-6 col-md-4 col-lg">
        <a href="serverstatus.php" class="card-accent-pomegranate bordert-color">
            <figure class="ico-container">
                <i class="fal fa-server icon-color icon-color"></i>
            </figure>
            {lang key='networkstatustitle'}
        </a>
    </div>
    <div class="col-6 col-md-4 col-lg">
        <a href="{routePath('knowledgebase-index')}" class="card-accent-sun-flower bordert-color">
            <figure class="ico-container">
                <i class="fal fa-book icon-color"></i>
            </figure>
            {lang key='knowledgebasetitle'}
        </a>
    </div>
    <div class="col-6 col-md-4 offset-md-2 offset-lg-0 col-lg">
        <a href="{routePath('download-index')}" class="card-accent-asbestos bordert-color">
            <figure class="ico-container">
                <i class="fal fa-download icon-color"></i>
            </figure>
            {lang key='downloadstitle'}
        </a>
    </div>
    <div class="col-6 offset-3 offset-md-0 col-md-4 col-lg">
        <a href="submitticket.php" class="card-accent-green bordert-color">
            <figure class="ico-container">
                <i class="fal fa-life-ring icon-color"></i>
            </figure>
            {lang key='homepage.submitTicket'}
        </a>
    </div>
</div>

<h2 class="text-center m-4">{lang key='homepage.yourAccount'}</h2>

<div class="row my-5 mx-0 action-icon-btns px-5">
    <div class="col-6 col-md-4 col-lg">
        <a href="clientarea.php" class="card-accent-midnight-blue bordert-color">
            <figure class="ico-container">
                <i class="fal fa-home icon-color"></i>
            </figure>
            {lang key='homepage.yourAccount'}
        </a>
    </div>
    <div class="col-6 col-md-4 col-lg">
        <a href="clientarea.php?action=services" class="card-accent-midnight-blue">
            <figure class="ico-container">
                <i class="far fa-cubes icon-color"></i>
            </figure>
            {lang key='homepage.manageServices'}
        </a>
    </div>
    {if $registerdomainenabled || $transferdomainenabled || $numberOfDomains}
        <div class="col-6 col-md-4 col-lg">
            <a href="clientarea.php?action=domains" class="card-accent-midnight-blue">
                <figure class="ico-container">
                    <i class="fal fa-globe icon-color"></i>
                </figure>
                {lang key='homepage.manageDomains'}
            </a>
        </div>
    {/if}
    <div class="col-6 col-md-4 offset-md-2 offset-lg-0 col-lg">
        <a href="supporttickets.php" class="card-accent-midnight-blue">
            <figure class="ico-container">
                <i class="fal fa-comments icon-color"></i>
            </figure>
            {lang key='homepage.supportRequests'}
        </a>
    </div>
    <div class="col-6 offset-3 offset-md-0 col-md-4 col-lg">
        <a href="clientarea.php?action=masspay&all=true" class="card-accent-midnight-blue">
            <figure class="ico-container">
                <i class="fal fa-credit-card icon-color"></i>
            </figure>
            {lang key='homepage.makeAPayment'}
        </a>
    </div>
</div>