<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Hostux</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/feed.xml" rel="alternate" type="application/rss+xml" title="Hostux">
    <meta property="og:site_name" content="Hostux">
    
      <meta property="og:title" content="Hostux">
      <meta property="og:type" content="website">
      <meta property="og:url" content="https://Hostux.net/fr/contact.html">
    
    <meta property="og:image" content="https://Hostux.net/static/img/hostux.svg">
    <link rel="stylesheet" href="/static/lib/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/lib/fork-awesome/css/fork-awesome.min.css">
    <link rel="stylesheet" href="/static/css/app.css">
    
    <link rel="shortcut icon" href="/favicon.ico">
  </head>

  <body class="wide">
    <div class="page">

      <div class="container">
        <header class="py-3 text-center">
          
            <a href="/"><img src="/static/img/hostux.svg" alt="Hostux" class="avatar"></a>
          
        </header>

        
          <div class="d-flex flex-column flex-md-row align-items-center justify-content-center p-1 px-sm-4 mb-3 bg-white border-bottom shadow-sm">
            <nav class="my-2 my-md-0">
              <a class="p-2 text-dark" href="/fr/about.html">À Propos</a>
              <a class="p-2 text-dark" href="/fr/index.html">Services</a>
              <a class="p-2 text-dark" href="/fr/blog.html">Updates</a>
              <a class="p-2 text-dark" href="/fr/contact.html">Contact</a>
            </nav>
          </div>
        
      </div>

      <div class="container mt-4">
  <div class="row justify-content-center">
    <div class="col-lg-10">
      <p>
        Nous sommes toujours en ligne sur notre canal IRC. N'hésitez pas à nous rejoindre. 
      </p>
      <p>
        <i class="fa fa-matrix-org mr-1" aria-hidden="true"></i>
        <a href="https://irc.gru.hostux.eu" target="_blank">irc.gru.hostux.eu</a>
      </p>
      <hr>
      <p>
      Si vous souhaitez ouvrir un <strong>ticket d'assistance</strong> ou demander l'accès à un service sur invitation uniquement, envoyez-nous un e-mail. 
      </p>
      <p>
        <i class="fa fa-envelope-o mr-1" aria-hidden="true"></i>
        <img src="/static/img/email.png">
      </p>
    </div>
  </div>

      </div>

    </div>

    <div class="container">
      <footer class="p-3 px-md-4 my-3 border shadow ">
        
          <div class="row justify-content-sm-between">
            <div class="col-sm">
	      <a href="https://irc.gru.hostux.eu" class="mx-1 footer-link" target="_blank">
                <i class="fa fa-comments" aria-hidden="true"></i> IRC
              </a>
              <a href="https://uptime.hostux.net/status/hostux" class="mx-1 footer-link" target="_blank">
                <i class="fa fa-area-chart" aria-hidden="true"></i> Uptime
              </a>
              <a href="https://git.hostux.net/valere/hostux.network" class="mx-1 footer-link" target="_blank">
                <i class="fa fa-git" aria-hidden="true"></i> Source Code
              </a>
              <a href="https://hostux.network/fr/terms.html" class="mx-1 footer-link" target="_blank">
                <i class="fa fa-sticky-note-o" aria-hidden="true"></i> Conditions d'utilisation.
              </a>
            </div>
            <div class="col-sm">
              <a href="/feed.xml" class="mx-2 footer-link">
                <i class="fa fa-rss" aria-hidden="true"></i> Feed
              </a>
              <a href="https://hostux.social/@valere" class="mx-2 footer-link">
                <i class="fa fa-mastodon" aria-hidden="true"></i> Mastodon
              </a>
              <a href="https://twitter.com/0x692" class="mx-2 footer-link">
                <i class="fa fa-twitter" aria-hidden="true"></i> Twitter
              </a>
            </div>
            <div class="col-sm footer-col">
              <a class="btn btn-danger mb-2" href="https://liberapay.com/valere_hostux/" target="_blank">Donate</a>
              
            </div>
          </div>

        
      </footer>
    </div>

    <script src="/static/lib/jquery/dist/jquery.min.js"></script>
    <script src="/static/lib/popper.js/dist/umd/popper.min.js"></script>
    <script src="/static/lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="/static/lib/webl10n/l10n.js"></script>
    <script src="/static/js/app.js"></script>
    
    
  </body>
</html>