272 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			272 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html lang="fr-CA">
 | 
						|
 | 
						|
<head>
 | 
						|
  <meta charset="UTF-8" />
 | 
						|
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 | 
						|
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 | 
						|
  <title>Projet TeleQom | Service de Réparation</title>
 | 
						|
  <meta name="description"
 | 
						|
    content="Projet TeleQom offre un service de réparation d'ordinateurs et de cellulaires à petit prix. Si toutefois vous avez besoin d'un nouvel ordinateur, voici une liste de vendeurs éthiques!" />
 | 
						|
  <link rel="icon" type="image/x-icon" href="/favicon.png">
 | 
						|
  <link rel="stylesheet" href="/css/pages/repairs.css" />
 | 
						|
</head>
 | 
						|
 | 
						|
<body>
 | 
						|
  <!-- FOUC -->
 | 
						|
  <script>0</script>
 | 
						|
  <header>
 | 
						|
    <nav>
 | 
						|
      <input type="checkbox" id="navbar-menu-btn" />
 | 
						|
      <label for="navbar-menu-btn" id="menu-btn-open">
 | 
						|
        <img src="/media/images/menu.png" alt="Menu Icon">
 | 
						|
      </label>
 | 
						|
      <label for="navbar-menu-btn" id="menu-btn-close">
 | 
						|
        <img src="/media/images/close.png" alt="Menu Icon">
 | 
						|
      </label>
 | 
						|
      <a href="/pages/fr/index.html" class="logo">
 | 
						|
        <img src="/media/images/logo.png" alt="TeleQom Logo">
 | 
						|
      </a>
 | 
						|
      <ul id="nav-list">
 | 
						|
        <li><a class="btn btn-2" href="#top">Réparation</a></li>
 | 
						|
        <li><a class="btn btn-2" href="#cellulaires">Cellulaires</a></li>
 | 
						|
        <li><a class="btn btn-2" href="#ordinateurs">Ordinateurs</a></li>
 | 
						|
        <li><a class="btn btn-2" href="/pages/en/services/repairs.html">EN</a></li>
 | 
						|
        <li>
 | 
						|
          <div id="mobile-nav-action-btn">
 | 
						|
            <a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a>
 | 
						|
          </div>
 | 
						|
        </li>
 | 
						|
      </ul>
 | 
						|
      <div id="navbar-action-btn">
 | 
						|
        <a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a>
 | 
						|
      </div>
 | 
						|
    </nav>
 | 
						|
  </header>
 | 
						|
 | 
						|
  <section id="intro">
 | 
						|
    <h2>Service de Réparation</h2>
 | 
						|
    <p>
 | 
						|
      Donc vous avez brisé votre écran? Aucun problème, nous pouvons probablement le réparer.
 | 
						|
      La majorité des ordinateurs peuvent être ouverts facilement et leurs pièces remplacés pour une fraction du prix d'un nouvel ordinateur.
 | 
						|
      Vous pouvez apporter vos pièces, ou nous laisser s'occuper du magasinage. Nous pouvons nous procurer la plupart des pièces, neuves ou usagées.
 | 
						|
      "Super, donc vous pouvez réparer ma laveuse à linge intelligente alors?" certain nous demande. Et bien, non nous ne réparons pas les laveuses.
 | 
						|
      Aussi, nous <span>NE RÉPARONS PAS LES APPAREILS APPLE</span>. Pour plus d'informations ou pour débuter le processus de réparation, contactez-nous
 | 
						|
     </p>
 | 
						|
     <p>
 | 
						|
      Si vous avez besoin d'un nouvel ordinateur, nous avons mis une petite liste à votre disposition de vendeurs éthiques.
 | 
						|
      Aucun d'eux ne sont affiliés avec nous, mais ils partagent notre sens moral.
 | 
						|
      Nous nous excusons d'avance, aucun d'eux ne vendent de laveuse intelligente...
 | 
						|
    </p>
 | 
						|
  </section>
 | 
						|
 | 
						|
  <section class="products" id="cellulaires">
 | 
						|
    <h2>Cellulaires</h2>
 | 
						|
    <p class="explanation">
 | 
						|
      Voici un domaine où les Logiciels Libres ne font que commencer à se montrer le bout du nez. Même si Linux est au
 | 
						|
      coeur du <a class="link" href="https://source.android.com/" target="_blank" rel="noreferrer noopener">Projet Android Open Source</a>,
 | 
						|
      avec la quantité de logiciels propriétaires et espions qui y sont ajoutés
 | 
						|
      par Google avant qu'il se rende à votre téléphone, il est disqualifié. Certaines distributions sont disponible
 | 
						|
      depuis un moment et Ubuntu a même tenté de lancer Ubuntu Touch avec peu de succès. Nous voyons de nos jours un
 | 
						|
      intérêt grandissant envers les téléphones cellulaires Libres qui respecte ses utilisateurs. Nous vous
 | 
						|
      recommandons donc de garder un oeil sur les suivants
 | 
						|
      </p>
 | 
						|
      <div class="wrapper">
 | 
						|
 | 
						|
        <div class="product">
 | 
						|
          <div class="img-container">
 | 
						|
            <img src="/media/images/nitrophone-128.png" alt="NitroPhone Logo">
 | 
						|
          </div>
 | 
						|
          <h4>NitroPhone</h4>
 | 
						|
          <p class="description">
 | 
						|
            Le NitroPhone est un premier choix en terme de compatibilité avec les applications Android. NitroKey offre
 | 
						|
            plusieurs versions et ils ont tous GrapheneOS d'installé, un OS Android avec une emphase sur la sécurité
 | 
						|
            dénudé de tout logiciel propriétaire Google
 | 
						|
          </p>
 | 
						|
          <hr>
 | 
						|
          <div class="includes">
 | 
						|
            <h5>Détails</h5>
 | 
						|
            <div class="includes-items">
 | 
						|
              <p class="yellow">Niveau: Intermédiaire</p>
 | 
						|
              <p>OS: GrapheneOS</p>
 | 
						|
              <p>Famille OS:: Android</p>
 | 
						|
              <p class="yellow">Libre: Presque</p>
 | 
						|
            </div>
 | 
						|
          </div>
 | 
						|
          <hr>
 | 
						|
          <a class="btn btn-1" href="https://www.nitrokey.com/fr" target="_blank" rel="noreferrer noopener">Site Web</a>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="product">
 | 
						|
          <div class="img-container">
 | 
						|
            <img src="/media/images/pinephone-128.png" alt="PinePhone Logo">
 | 
						|
          </div>
 | 
						|
          <h4>PinePhone</h4>
 | 
						|
          <p class="description">
 | 
						|
            Le PinePhone est un téléphone conçu par la communauté pour la communauté moins dispendieux. Par contre, il
 | 
						|
            est toujours en développement et actuellement incomparable à Android. Nous croyons qu'il pourrait bien
 | 
						|
            être le premier téléphone Linux à prix abordable, mais pas pour le moment
 | 
						|
          </p>
 | 
						|
          <hr>
 | 
						|
          <div class="includes">
 | 
						|
            <h5>Détails</h5>
 | 
						|
            <div class="includes-items">
 | 
						|
              <p class="red">Niveau: Avancé</p>
 | 
						|
              <p>OS: Mobian, PostmarketOS, etc</p>
 | 
						|
              <p>Famille OS:: GNU/Linux</p>
 | 
						|
              <p class="yellow">Libre: Presque</p>
 | 
						|
            </div>
 | 
						|
          </div>
 | 
						|
          <hr>
 | 
						|
          <a class="btn btn-1" href="https://www.pine64.org/" target="_blank" rel="noreferrer noopener">Site Web</a>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="product">
 | 
						|
          <div class="img-container">
 | 
						|
            <img src="/media/images/librem5-128.png" alt="Purism Logo">
 | 
						|
          </div>
 | 
						|
          <h4>Librem 5</h4>
 | 
						|
          <p class="description">
 | 
						|
            Purism est un pionnier dans le marché du matériel Libre avec son Librem 5. Ils investissent grandement
 | 
						|
            dans le développement de l'écosystème Linux mobile. Le librem 5 est disponible sur le site web de Purism,
 | 
						|
            mais nous ne croyons pas qu'il est prêt pour le grand publique pour le moment
 | 
						|
          </p>
 | 
						|
          <hr>
 | 
						|
          <div class="includes">
 | 
						|
            <h5>Détails</h5>
 | 
						|
            <div class="includes-items">
 | 
						|
              <p class="red">Niveau: Avancé</p>
 | 
						|
              <p>OS: PureOS, other</p>
 | 
						|
              <p>Famille OS:: GNU/Linux</p>
 | 
						|
              <p class="green">Libre: Oui</p>
 | 
						|
            </div>
 | 
						|
          </div>
 | 
						|
          <hr>
 | 
						|
          <a class="btn btn-1" href="https://puri.sm/" target="_blank" rel="noreferrer noopener">Site Web</a>
 | 
						|
        </div>
 | 
						|
 | 
						|
      </div>
 | 
						|
  </section>
 | 
						|
 | 
						|
  <section class="products alt" id="ordinateurs">
 | 
						|
    <h2>Ordinateurs</h2>
 | 
						|
    <p class="explanation">
 | 
						|
      Plusieurs compagnies qui fabriquent des appareils éthiques existent déjà pour vous procurer un nouvel ordinateur.
 | 
						|
      Ceci n'est pas une liste complète, mais nous avons sélectionné quelques options populaires pour vous. Il est
 | 
						|
      important de mentionner qu'un BIOS et du matériel Libre sont tout aussi important que le reste. Nous gardons un
 | 
						|
      oeil sur le <a class="link" href="https://riscv.org/" target="_blank" rel="noreferrer noopener">RISC-V CPU</a>
 | 
						|
      puisque nous le voyons devenir un standard dans les appareils mobiles
 | 
						|
      </p>
 | 
						|
      <div class="wrapper">
 | 
						|
 | 
						|
        <div class="product">
 | 
						|
          <div class="img-container">
 | 
						|
            <img src="/media/images/system76.png" alt="System76 Logo">
 | 
						|
          </div>
 | 
						|
          <h4>System76</h4>
 | 
						|
          <p class="description">
 | 
						|
            Une entreprise qui est parmis nous depuis longtemps. Ils offrent des appareils avec Coreboot comme BIOS et
 | 
						|
            leur ordinateurs viennent avec PopOS!, un dérivé d'Ubuntu supporté par System76. Vous ne pouvez pas vous
 | 
						|
            tromper ici. Portables, serveurs, ordinateurs de bureau, ils ont tout
 | 
						|
          </p>
 | 
						|
          <hr>
 | 
						|
          <div class="includes">
 | 
						|
            <h5>Détails</h5>
 | 
						|
            <div class="includes-items">
 | 
						|
              <p class="green">Niveau: Débutant</p>
 | 
						|
              <p>OS: PopOS! (Ubuntu based)</p>
 | 
						|
              <p>Produits: Serveur, PC, Portable</p>
 | 
						|
              <p class="yellow">Libre: Presque</p>
 | 
						|
            </div>
 | 
						|
          </div>
 | 
						|
          <hr>
 | 
						|
          <a class="btn btn-1" href="https://system76.com/" target="_blank" rel="noreferrer noopener">Site Web</a>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="product">
 | 
						|
          <div class="img-container">
 | 
						|
            <img src="/media/images/purism-128.png" alt="Purism Logo">
 | 
						|
          </div>
 | 
						|
          <h4>Purism</h4>
 | 
						|
          <p class="description">
 | 
						|
            Purism est une corporation à raison sociale. Ils contruisent des portables et ordinateurs de bureau
 | 
						|
            éthiques avec du matériel dernier cri tel que des CPU intel, mais plus orienté sur la sécurité et la vie
 | 
						|
            privée. Pureboot est également une bonne fonctionnalité
 | 
						|
          </p>
 | 
						|
          <hr>
 | 
						|
          <div class="includes">
 | 
						|
            <h5>Détails</h5>
 | 
						|
            <div class="includes-items">
 | 
						|
              <p class="green">Niveau: Débutant</p>
 | 
						|
              <p>OS: PureOS</p>
 | 
						|
              <p>Produits: Serveur, PC, Portable</p>
 | 
						|
              <p class="yellow">Libre: Presque</p>
 | 
						|
            </div>
 | 
						|
          </div>
 | 
						|
          <hr>
 | 
						|
          <a class="btn btn-1" href="https://puri.sm/" target="_blank" rel="noreferrer noopener">Site Web</a>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="product">
 | 
						|
          <div class="img-container">
 | 
						|
            <img src="/media/images/raptor-128.png" alt="Raptor Logo">
 | 
						|
          </div>
 | 
						|
          <h4>Raptor</h4>
 | 
						|
          <p class="description">
 | 
						|
            C'est ici que ça devient sérieux. Cette compagnie a réussi à fabriquer un ordinateur avec uniquement du
 | 
						|
            matériel et des logiciels Libres (incluant le CPU IBM Power9), ce qui veut dire que l'intégralité du code
 | 
						|
            qui s'exécute sur la machine est auditable. C'est le but ultime du mouvement Libre. Malheureusement, ça vient à un prix...
 | 
						|
          </p>
 | 
						|
          <hr>
 | 
						|
          <div class="includes">
 | 
						|
            <h5>Détails</h5>
 | 
						|
            <div class="includes-items">
 | 
						|
              <p class="red">Niveau: Avancé</p>
 | 
						|
              <p class="red">OS: Votre Choix</p>
 | 
						|
              <p>Produits: Serveur, PC</p>
 | 
						|
              <p class="blue">Libre: Ultime</p>
 | 
						|
            </div>
 | 
						|
          </div>
 | 
						|
          <hr>
 | 
						|
          <a class="btn btn-1" href="https://www.raptorcs.com/TALOSII/" target="_blank" rel="noreferrer noopener">Site Web</a>
 | 
						|
        </div>
 | 
						|
 | 
						|
      </div>
 | 
						|
  </section>
 | 
						|
 | 
						|
  <section id="call-to-action">
 | 
						|
    <h2>Prêt?</h2>
 | 
						|
    <p class="description">
 | 
						|
      Vous hésitez entre réparer votre ordinateur ou en acheter un nouveau? Contactez-nous, nous vous aiderons à faire le bon choix :)
 | 
						|
    </p>
 | 
						|
    <a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a>
 | 
						|
  </section>
 | 
						|
 | 
						|
  <footer>
 | 
						|
    <div class="newsletter">
 | 
						|
      <h5>Abonnez-vous!</h5>
 | 
						|
      <p>Nous vous enverrons seulement les nouvelles importantes</p>
 | 
						|
      <form action="/php/newsletter.php" method="get">
 | 
						|
        <input type="text" name="newsletter-language" value="fr" hidden>
 | 
						|
        <input type="email" name="newsletter-email" placeholder="Courriel" required id="newsletter-email">
 | 
						|
        <input class="catch" type="email" name="newsletter-email-2" placeholder="Courriel" id="newsletter-email-2">
 | 
						|
        <input type="submit" class="btn btn-1" value="S'abonner">
 | 
						|
      </form>
 | 
						|
    </div>
 | 
						|
    <div class="wrapper">
 | 
						|
      <a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
 | 
						|
          src="/media/images/Qode.png" alt="Qode"></a>
 | 
						|
      <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer noopener">
 | 
						|
        <img src="/media/images/CC-64.png" alt="Creative Commons">
 | 
						|
      </a>
 | 
						|
      <a href="https://www.torproject.org/fr/" target="_blank" rel="noreferrer noopener">
 | 
						|
        <img src="/media/images/onion-64.png" alt="TOR">
 | 
						|
      </a>
 | 
						|
      <a href="/pages/en/services/repairs.html">
 | 
						|
        <img src="/media/images/canada.png" alt="English Canada">
 | 
						|
      </a>
 | 
						|
    </div>
 | 
						|
  </footer>
 | 
						|
</body>
 | 
						|
 | 
						|
</html> |