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.
227 lines
9.8 KiB
227 lines
9.8 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="https://www.weblib.re" target="_blank">WEBLIB.RE</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link js-scroll-trigger" href="https://samuel.vermeulen.pro/conditions-generales-de-vente/" target="_blank">CGU</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="https://samuel.vermeulen.pro/mentions-legales/" target="_blank">Mentions Légales</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>
|