TeleQom.org/pages/fr/qonsole.html

103 lines
4.0 KiB
HTML

<!DOCTYPE html>
<html lang="en-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>The TeleQom Project | Repairs Service</title>
<meta name="description"
content="La Qonsole de TeleQom! Un apreçu avant son lancement." />
<link rel="icon" type="image/x-icon" href="/favicon.png">
<link rel="stylesheet" href="/css/pages/qonsole.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/en/index.html" class="logo">
<img src="/media/images/logo.svg" alt="TeleQom Logo">
</a>
<ul id="nav-list">
<li><a class="btn btn-2" href="#qonsole">Qonsole</a></li>
<li><a class="btn btn-2" href="#disq">DisQ</a></li>
<li><a class="btn btn-2" href="/pages/en/qonsole.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>Votre <span class="q">Q</span>onsole</h2>
<p>
La <span class="q">Q</span>onsole est simplement une vue d'ensemble, un tableau de bord pour vos applications.
Elle est en charge de garder vos informations personnelles de façon sécurisée et les partager avec les applications,
en vous demandant votre permission et en expliquant clairement pourquoi.
</p>
<p>
Vous serez en parfait contrôle de vos données! La <span class="q">Q</span>onsole est toujours en développement, mais voici quelques images pour vous aider à visualiser:
</p>
</section>
<section id="qonsole">
<h3><span class="q">Q</span>onsole: Ajout d'applications</h3>
<img class="screenshot" src="/media/images/qonsole-add-app.png" alt="Qonsole aperçu">
</section>
<section id="disq">
<h3>Dis<span class="q">Q</span>: Vos fichiers</h3>
<img class="screenshot" src="/media/images/qonsole-disq.png" alt="DisQ aperçu">
</section>
<section id="call-to-action">
<h2>Vous désirez participer?</h2>
<p class="description">
Vous pouvez faire un don pour accélérer le processus de développement. Contactez-nous pour plus d'informations!
</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/qonsole.html">
<img src="/media/images/canada.png" alt="English Canada">
</a>
</div>
</footer>
</body>
</html>