Site SVNET Libre
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
 
 
 
 
 

224 lines
9.5 KiB

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://samuel.vermeulen.pro/wp-content/uploads/2019/04/cropped-SVPRO-32x32.png" sizes="32x32" />
<title>SVNET Libre</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
-->
<!-- Custom styles for this template -->
<link href="css/svnet.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">SVNET Libre</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">A propos</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead">
<div class="container">
<div class="intro-text">
<div class="intro-lead-in">Membre du<br /><a href="https://www.chatons.org" target="_blank">Collectif des Hébergeurs Alternatifs,Transparents, Ouverts, Neutres et Solidaires</a></div>
<!-- <div class="intro-heading text-uppercase">La Liberté<br />la Neutralité du Web</div> -->
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services">Découvrir</a>
</div>
</div>
</header>
<!-- Services -->
<section class="page-section" id="services">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Services</h2>
<h3 class="section-subheading text-muted"></h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-4">
<img src="img/tube.png" height="150" />
<h4 class="service-heading">TUBE</h4>
<p class="text-muted">Alternative à Youtube ou Dailymotion, TUBE est basé sur PeerTube qui est une plateforme de streaming vidéo fédérée (ActivityPub) qui utilise P2P (WebTorrent) directement depuis le navigateur web.</p>
</div>
<div class="col-md-4">
<img src="img/masto.png" height="150" />
<h4 class="service-heading">MASTO</h4>
<p class="text-muted">Alternative à Twitter, basé sur Mastodon, le réseau social fédéré qui vous redonne le contrôle jusqu'à 500 caractères.</p>
</div>
<div class="col-md-4">
<img src="img/nuage.png" height="150" />
<h4 class="service-heading">NUAGE</h4>
<p class="text-muted">Une Alternative Libre à Dropbox ou Google Drive, NUAGE est basé sur Seafile, un service de stockage à partir duquel les données peuvent être synchronisés sur un ordinateur ou sur un smartphone par le biais d'une application.</p>
</div>
</div>
<div class="row text-center">
<div class="col-md-4">
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="https://tube.svnet.fr" target="_blank">Accéder</a>
</div>
<div class="col-md-4">
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="https://masto.svnet.fr" target="_blank">Accéder</a>
</div>
<div class="col-md-4">
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="https://nuage.svnet.fr" target="_blank">Accéder</a>
</div>
</div>
</div>
</section>
<!-- About -->
<section class="bg-light page-section" id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">A Propos</h2>
<h3 class="section-subheading text-muted">SVNET Libre Membre du <a href="https://www.chatons.org" target="_blank">Collectif des Hébergeurs Alternatifs,Transparents, Ouverts, Neutres et Solidaires</a></h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="timeline-body">
<p align="center" class="text-muted">Samuel Vermeulen interNET Libre est un ensemble de Solutions en ligne Libres <b>auto-hébergées</b> émanent de ma micro-entreprise SAMUEL.VERMEULEN.PRO Informatique située dans les Vosges dont l’activité est principalement le dépannage informatique à domicile et proposant diverses Solutions Internet. Les outils, OS… que j'utilise pour mon activité sont donc aussi basés sur des Logiciels Libres. <br /><br />Par avance Merci pour vos dons de gratitude afin de pouvoir m’aider à garantir la pérennité de cette liberté du Web.<p>
<div align="center"><script src="https://liberapay.com/svnet/widgets/button.js"></script>
<noscript><a href="https://liberapay.com/svnet/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript></div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section class="page-section" id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Contact</h2>
<h3 class="section-subheading text-muted">Demande d'infos ?</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form id="contactForm" name="sentMessage" novalidate="novalidate">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="name" type="text" placeholder="Nom *" required="required" data-validation-required-message="Nom ou pseudo.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input class="form-control" id="email" type="email" placeholder="Email *" required="required" data-validation-required-message="Adresse mail.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<textarea class="form-control" id="message" placeholder="Message *" required="required" data-validation-required-message="Votre message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button id="sendMessageButton" class="btn btn-primary btn-xl text-uppercase" type="submit">Envoyer</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<span class="copyright">SAMUEL.VERMEULEN.PRO Informatique</span>
</div>
<!--
<div class="col-md-4">
<ul class="list-inline social-buttons">
<li class="list-inline-item">
<a href="#">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
-->
<div class="col-md-4">
<ul class="list-inline quicklinks">
<li class="list-inline-item">
<a href="#">CGU</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Contact form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom scripts for this template -->
<script src="js/agency.min.js"></script>
</body>
</html>