103 lines
4.0 KiB
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/fr/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> |