+++
title = "Comment happyDNS peut vous aider ?"
layout = "usage"
+++

<div class="container-fluid mt-3 pt-4 pb-3">
  <div class="row">
    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3">
      <p class="lead text-center">
        Une <span class="text-hilight">interface unifiée</span> pour gérer tous les domaines de vos clients. Tout ce dont vous avez besoin.
      </p>
    </div>
  </div>
  <div class="row mb-4">
    <div class="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2 text-center">
      <img src="/img/screenshots/patchwork.png" alt="patchwork" style="width: 90%">
    </div>
  </div>
</div>

<div class="container-fluid py-5">
  <div class="container mb-5">
    <div class="row">
      <div class="order-0 col-md-5 align-self-center text-center">
        <h4 class="font-weight-bold">
          Tous les domaines<br>
          regroupés par client.
        </h4>
        <hr class="bg-light mx-5">
        <p>
          Quel que soit le nombre de clients que vous suivez, happy<span class="font-weight-bold">DNS</span> vous <span class="text-stroke">donne un aperçu toujours clair</span>.
        </p>
      </div>
      <div class="order-1 col-md-7 py-2 align-self-center">
        <img class="rounded img-thumbnail" src="/img/screenshots/domains-list.png" alt="Liste des domaines, regroupés astucieusement par client">
      </div>
    </div>
  </div>
</div>

<div class="container-fluid py-5 bg-secondary text-light">
  <div class="container my-5">
    <div class="row">
      <div class="order-1 order-md-0 col-md-7 align-self-center">
        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
      </div>
      <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
        <h4 class="font-weight-bold">
          Oubliez la complexité de chaque hébergeur.<br>
          Profitez de notre interface unifiée.
        </h4>
        <hr class="bg-light mx-5">
        <p>
          N'ayez plus d'appréhension à découvrir un nouvel hébergeur. happy<span class="font-weight-bold">DNS</span> gère plus de 25 hébergeurs à travers le monde. Vos clients les utilisent sûrement.
        </p>
      </div>
    </div>
  </div>
</div>

<div class="container-fluid py-5">
  <div class="container my-5">
    <div class="row">
      <div class="order-0 col-md-5 align-self-center text-center">
        <h4 class="font-weight-bold">
          Répondez à toutes les demandes<br>
          en toute simplicité.
        </h4>
        <hr class="bg-light mx-5">
        <p>
          Un nouveau service&nbsp;? Une correction urgente&nbsp;? happy<span class="font-weight-bold">DNS</span> utilise une terminologie simple, pour rester focalisé sur ses objectifs.
        </p>
      </div>
      <div class="order-1 col-md-7">
        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.png" alt="Liste des domaines, regroupés astucieusement par client">
      </div>
    </div>
  </div>
</div>

<div class="container-fluid py-5 bg-secondary text-light">
  <div class="container my-5">
    <div class="row">
      <div class="order-1 order-md-0 col-md-7 align-self-center">
        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
      </div>
      <div class="order-0  order-md-1 col-md-5 align-self-center text-center">
        <h4 class="font-weight-bold">
          Partagez la gestion de la zone avec votre client, ses équipes ou vos collaborateurs.
          <small class="text-muted">
            (bientôt disponible)
          </small>
        </h4>
        <hr class="bg-light mx-5">
        <p>
          Que ce soit permanent ou en préparation d'un événement particulier, happy<span class="font-weight-bold">DNS</span> vous offre la possibilité de collaborer à l'édition d'un même domaine.
        </p>
        <p>
          Déléguez aux équipes de votre client tout ou seulement une partie de la zone, c'est vous qui choisissez.
        </p>
      </div>
    </div>
  </div>
</div>

<div class="container my-5">
  <div class="row py-5">
    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
      <h4 class="font-weight-bold mb-3">
        Essayez happy<span class="font-weight-bold">DNS</span> maintenant&nbsp;!<br>
        C'est un projet libre (et gratuit).
      </h4>

      <p>
        happy<span class="font-weight-bold">DNS</span> est un projet libre que vous pouvez utiliser en ligne, mais que vous pouvez aussi installer sur votre machine.
      </p>

      <p>
        <a class="btn btn-primary mt-2 mx-3 umami--click--cta-freelance-tryit" href="/join">Essayer en ligne maintenant &#187;</a>
        <a class="btn btn-outline-secondary mt-2 mx-3 umami--click--cta-freelance-downloads" href="/#downloads">Télécharger &#187;</a>
      </p>

      <p class="mt-5">
        Et si vous ne trouvez pas votre bonheur dans notre interface actuelle, venez en discuter avec nous&nbsp;:
      </p>

    <div class="list-group list-group-horizontal-md">
      <a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold d-flex flex-column">
        <img src="/img/users/survey.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
        <span>Donnez-nous votre avis</span>
      </a>
      <a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold d-flex flex-column">
        <img src="/img/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
        <span>Rendez-vous sur Matrix</span>
      </a>
      <a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold d-flex flex-column">
        <img src="/img/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
        <span>Rendez-vous sur IRC</span>
      </a>
    </div>

    </div>
  </div>
</div>

<div class="container-fluid bg-secondary text-light text-center py-5">
  <div class="container my-4">
    <div class="row">
      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
        <h3 class="font-weight-bolder">Qui sommes-nous&nbsp;?</h3>
      </div>
      <div class="order-1 col-md-5">
        <h4 class="font-weight-bold mb-3">
          Nous sommes une équipe d'administrateurs systèmes/DevOps passionnés&nbsp;!
        </h4>

        <p>
          Nous avons pour ambition de rendre les noms de domaines <span class="text-dark text-hilight px-1">accessibles et utilisables par tous</span>&nbsp;!
        </p>
      </div>
    </div>
  </div>
</div>