forked from FWS/TEMPLATE-Web-site-one-page
119 lines
5.8 KiB
HTML
119 lines
5.8 KiB
HTML
<!doctype html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>FWS Linux - Accueil</title>
|
||
<link rel="stylesheet" href="../assets/styles/main.css" />
|
||
<link rel="icon" type="image/png" href="/p/assets/img/logo.png" />
|
||
</head>
|
||
<body>
|
||
<main data-page-content>
|
||
<section class="hero hero-carousel" aria-label="Présentation FWS Linux">
|
||
<div class="hero-carousel-track" data-hero-track>
|
||
<article class="hero-slide is-active" data-hero-slide style="background-image: url('/p/assets/img/hero/xfce.png');" aria-hidden="false"></article>
|
||
<article class="hero-slide" data-hero-slide style="background-image: url('/p/assets/img/hero/install.png');" aria-hidden="true"></article>
|
||
<article class="hero-slide" data-hero-slide style="background-image: url('/p/assets/img/hero/gnome.png');" aria-hidden="true"></article>
|
||
</div>
|
||
|
||
<div class="hero-inner">
|
||
<h1 class="hero-title">FWS Linux</h1>
|
||
<h2 class="hero-subtitle">Un systeme leger, libre et compatible</h2>
|
||
<p class="lead">Open-source base sur Arch Linux, FWS facilite la transition depuis Windows sans vous deposseder de vos donnees. Installation simplifiee, interface epuree, et compatibilite avec vos applications Windows grace a Wine et Winboat.</p>
|
||
<div class="hero-actions">
|
||
<a class="button button-primary" href="/?p/dl/" data-route="dl">Telecharger</a>
|
||
<a class="button button-secondary" href="/?p/contact/" data-route="contact">En savoir plus</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hero-controls" aria-label="Controles du carousel">
|
||
<button class="hero-control" type="button" data-hero-prev aria-label="Image precedente">‹</button>
|
||
<div class="hero-dots" data-hero-dots role="tablist" aria-label="Selectionner une image"></div>
|
||
<button class="hero-control" type="button" data-hero-next aria-label="Image suivante">›</button>
|
||
</div>
|
||
</section>
|
||
<section class="features">
|
||
<article class="card" tabindex="0">
|
||
<h2>Installation simplifiée</h2>
|
||
<p>Installateur graphique pour une configuration facile et rapide.</p>
|
||
</article>
|
||
<article class="card" tabindex="0">
|
||
<h2>Léger et rapide</h2>
|
||
<p>Conçu pour être peu gourmand en ressources : idéal pour redonner vie à d'anciens PC.</p>
|
||
</article>
|
||
|
||
<article class="card" tabindex="0">
|
||
<h2>Respect de la vie privée</h2>
|
||
<p>Pas de télémétrie intrusive ni de collecte de données : vous gardez le contrôle.</p>
|
||
</article>
|
||
|
||
<article class="card" tabindex="0">
|
||
<h2>Compatibilité Windows</h2>
|
||
<p>Exécutez vos logiciels Windows avec Wine et Winboat sans devoir rester sous Windows.</p>
|
||
</article>
|
||
|
||
</section>
|
||
|
||
<section class="env-choices" aria-labelledby="env-choices-title">
|
||
<header class="env-choices-header">
|
||
<h2 id="env-choices-title">Choisissez votre environnement a l'installation</h2>
|
||
<p>FWS Linux vous laisse choisir l'interface qui correspond a votre usage. Vous pouvez demarrer en CLI minimale ou installer un bureau complet des le debut.</p>
|
||
</header>
|
||
|
||
|
||
<article class="env-row is-reverse">
|
||
<div class="env-text">
|
||
<h3>KDE Plasma</h3>
|
||
<p>Interface moderne, complete et hautement personnalisable. Un excellent choix si vous voulez un bureau riche avec de nombreux outils integres.</p>
|
||
</div>
|
||
<figure class="env-media">
|
||
<img src="/p/assets/img/hero/KDE.png" alt="Capture de l'environnement KDE Plasma" loading="lazy" />
|
||
</figure>
|
||
</article>
|
||
|
||
<article class="env-row">
|
||
<figure class="env-media">
|
||
<img src="/p/assets/img/hero/gnome.png" alt="Capture de l'environnement Gnome" loading="lazy" />
|
||
</figure>
|
||
<div class="env-text">
|
||
<h3>Gnome</h3>
|
||
<p>Experience epuree et orientee productivite. Gnome met l'accent sur la simplicite d'utilisation et un flux de travail propre sans surcharge visuelle.</p>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="env-row is-reverse">
|
||
<div class="env-text">
|
||
<h3>XFCE</h3>
|
||
<p>Environnement leger et tres stable, ideal pour les machines modestes ou pour privilegier les performances au quotidien.</p>
|
||
</div>
|
||
<figure class="env-media">
|
||
<img src="/p/assets/img/hero/xfce.png" alt="Capture de l'environnement XFCE" loading="lazy" />
|
||
</figure>
|
||
</article>
|
||
|
||
<article class="env-row">
|
||
<figure class="env-media">
|
||
<img src="/p/assets/img/hero/hyprland.png" alt="Capture de l'environnement Hyprland" loading="lazy" />
|
||
</figure>
|
||
<div class="env-text">
|
||
<h3>Hyprland</h3>
|
||
<p>Tiling Wayland rapide et moderne, pense pour un workflow clavier et une grande efficacite. Parfait pour les utilisateurs techniques qui aiment optimiser leur espace de travail.</p>
|
||
</div>
|
||
</article>
|
||
<article class="env-row is-reverse">
|
||
<div class="env-text">
|
||
<h3>CLI (sans environnement)</h3>
|
||
<p>Version minimale pour les utilisateurs avances, les serveurs ou ceux qui veulent construire leur systeme a la carte. Aucun bureau graphique n'est preinstalle.</p>
|
||
</div>
|
||
<figure class="env-media">
|
||
<img src="/p/assets/img/hero/install.png" alt="Capture de l'environnement CLI" loading="lazy" />
|
||
</figure>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
</main>
|
||
|
||
<script src="../assets/js/hero-carousel.js"></script>
|
||
</body>
|
||
</html> |