netig.net/views/index.erb

<section class="hero-section">
  <div class="content col--1-2 hero">
    <div class="logo">
      <img src="/images/favicon.svg" alt="Logo NETig">
    </div>
    <div>
      <h1>NETig</h1>
      <p class="hero__lead">Fournisseur associatif* de <strong>services numériques libres, simples et indépendants</strong>, respectueux de la vie privée, à destination des particuliers, des associations et des petites entreprises.</p>
      <div class="hero__actions">
        <a class="button" href="/#association">Découvrir l'association ➜</a>
        <a class="button button--secondary" href="https://status.netig.net/status/services" target="_blank" rel="noopener noreferrer">
          <img src="/images/status.svg" alt="" width="32" height="32">
          État des services ↗
        </a>
      </div>
    </div>
  </div>
</section>

<section id="services" class="section-services">
  <div class="content">
    <h2>Services en libre accès</h2>
    <div class="col--1-1-1">
      <a class="box box__link" href="https://calc.netig.net" target="_blank" rel="noopener noreferrer">
        <h3 class="box__title">NETcalc ↗</h3>
        <img class="service-icon" src="/images/calc.svg" alt="">
        <p>Tableur collaboratif, alternative à Google Sheets.</p>
      </a>
      <a class="box box__link" href="https://pad.netig.net" target="_blank" rel="noopener noreferrer">
        <h3 class="box__title">NETpad ↗</h3>
        <img class="service-icon" src="/images/pad.svg" alt="">
        <p>Écriture collaborative, alternative à Google Docs.</p>
      </a>
      <a class="box box__link" href="https://drop.netig.net" target="_blank" rel="noopener noreferrer">
        <h3 class="box__title">NETdrop ↗</h3>
        <img class="service-icon" src="/images/drop.svg" alt="">
        <p>Partage de fichiers, alternative à Google Drive.</p>
      </a>
    </div>
  </div>
</section>

<section id="hosting" class="section-hosting">
  <div class="content">
    <h2>Services réservés aux adhérents</h2>
    <p><a href="/create-account">Créez votre compte</a> pour rejoindre l'association et profiter de ses services !</p>
    <div class="col--1-1">
      <div class="box">
        <h3 class="box__title">NETmail — Adresse mail</h3>
        <div class="col--1-2">
          <div>
            <img src="/images/mail.svg" alt="">
          </div>
          <div>
            <p>Obtenez une adresse e-mail @netig.net ou utilisez votre propre nom de domaine. Consultez vos messages depuis un navigateur ou votre logiciel de messagerie habituel.</p>
          </div>
        </div>
      </div>
      <div class="box">
        <h3 class="box__title">NETcloud — Fichiers en ligne</h3>
        <div class="col--1-2">
          <div>
            <img src="/images/cloud.svg" alt="">
          </div>
          <div>
            <p>Conservez vos fichiers, photos et agendas en ligne et retrouvez-les depuis vos différents appareils. Une suite bureautique est également disponible.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="box">
      <h3 class="box__title">NETlist — Listes de diffusion</h3>
      <div class="col--1-2">
        <div>
          <img src="/images/list.svg" alt="">
        </div>
        <div>
          <p>Créez des listes pour envoyer des actualités, des annonces ou des lettres d'information à vos abonnés. Proposez des formulaires d'inscription et des archives publiques, et utilisez une adresse @netig.net ou votre propre domaine pour vos envois.</p>
        </div>
      </div>
    </div>
    <div class="col--1-1">
      <div class="box">
        <h3 class="box__title">NETgit — Hébergement de code</h3>
        <div class="col--1-2">
          <div>
            <img src="/images/git.svg" alt="">
          </div>
          <div>
            <p>Un espace pour conserver, partager et gérer vos projets.</p>
          </div>
        </div>
      </div>
      <div class="box">
        <h3 class="box__title">Autre</h3>
        <div class="col--1-2">
          <div>
            <img src="/images/other.svg" alt="">
          </div>
          <div>
            <p>Vous recherchez un service qui n'est pas présenté ici ? <a href="/contact">Contactez-nous</a> pour en discuter !</p>
          </div>
        </div>
      </div>
    </div>
    <p>
      Les services NETig reposent sur des logiciels libres.
      <a href="/temporary_page">Découvrez les logiciels utilisés ➜</a>
    </p>
  </div>
</section>

<section id="association" class="section-association">
  <div class="content">
    <h2>Aidez-nous à continuer !</h2>
    <p>Les services ne sont financés que par vos dons. Votre soutien nous aide à couvrir les frais d'hébergement et à maintenir les services accessibles.</p>
    <a class="button" href="/temporary_page">Faire un don ➜</a>
  </div>
</section>