<!DOCTYPE html>
<html lang="fr">

<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>Rézo Metz-Rennes Fédérés</title>

	<!-- Bootstrap Core CSS -->
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

	<!-- Custom Fonts -->
	<link
		href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
		rel='stylesheet' type='text/css'>
	<link
		href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'
		rel='stylesheet' type='text/css'>
	<link
		href='https://fonts.googleapis.com/css?family=Proza+Libre:400,300,300italic,400italic,700,700italic,900,900italic'
		rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="font-awesome/css/all.css" type="text/css">

	<!-- Plugin CSS -->
	<link rel="stylesheet" href="css/animate.min.css" type="text/css">

	<!-- Custom CSS -->
	<link rel="stylesheet" href="css/creative.css" type="text/css">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->


	<link rel="apple-touch-icon" sizes="180x180" href="favicon-rezo/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="favicon-rezo/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="favicon-rezo/favicon-16x16.png">
	<link rel="manifest" href="favicon-rezo/site.webmanifest">
	<link rel="mask-icon" href="favicon-rezo/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#da532c">
	<meta name="theme-color" content="#463647">

</head>

<body id="page-top">

	<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
					data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand page-scroll" href="#page-top">
					Rézo Metz-Rennes Fédérés
				</a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li>
						<a class="page-scroll" href="#about">À propos</a>
					</li>
					<li>
						<a class="page-scroll" href="#services">Services</a>
					</li>
					<li>
						<a class="page-scroll" href="#contact">Contact</a>
					</li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>

	<header>
		<div class="header-content">
			<div class="header-content-inner">
				<img src="img/rezo-logo.png" width="30%" />
				<h1>Association Rézo Metz-Rennes Fédérés</h1>
				<hr>
				<p>Rézo Metz + Supélec Rézo Rennes</p>
				<!--<p style="color:red">News : Assemblée Générale Extraordinaire le 12 septembre 2019 à 18h</p>-->
				<a href="#about" class="btn btn-primary btn-xl page-scroll">
					En savoir plus
				</a>
			</div>
		</div>
	</header>

	<section class="bg-primary" id="about">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2 text-center">
					<h2 class="section-heading">Association Rézo Metz-Rennes Fédérés</h2>
					<hr class="light">
					<p class="text-faded">
						L’association Rézo Metz-Rennes Fédérés est une association à but non lucratif en charge de
						l’accès à Internet dans plusieurs résidences universitaires en France. Les résidences couvertes
						sont : la résidence Édouard Branly à Metz, et les résidences Hertz et Belle-Fontaine à Rennes
						(Césson-Sévigné).
					</p>
					<hr class="light" />
				</div>
			</div>
			<div class="row">
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-users wow bounceIn"></i>
						<h3>L'association</h3>
						<p class="text-faded">
							Le Rézo Metz-Rennes Fédérés (Rézo) est une association de loi 1901 créée en 2021, résultat
							de la fusion du Rézo Metz (1994) et Supélec Rézo Rennes (1997). Elle a pour but : <i>a
								réalisation et la maintenance d’un réseau informatique dans les résidences de Rennes et
								Metz</i>. En plus d'un accès internet elle propose d'autres services, qui sont listés
							plus bas, à ses membres.
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-euro-sign wow bounceIn"></i>
						<h3>Adhésion</h3>
						<p class="text-faded">
							Le prix de l'adhésion s'élève à 50€/an (ou 25€/semestre, 5€/mois, 2€/semaine) et permet
							d'acceder à l'ensemble des services de l'Association. Veillez à bien lire nos <a
								href="media/statuts.pdf" target="_blank">statuts</a> et notre <a
								href="media/reglement.pdf" target="_blank">règlement intérieur</a> avant d'adhérer.
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-network-wired wow bounceIn"></i>
						<h3>Guide de connexion</h3>
						<p class="text-faded">
							Pour adhérer et vous connectez, vous pouvez suivre le <a href="https://wiki.rezo-rm.fr/wiki/Accueil_adh%C3%A9rent"
								target="_blank">guide de connexion</a>. En cas de difficulté, vous pouvez prendre
							contact sur <a href="https://re2o.rezo-rm.fr" target="_blank">re2o.rezo-rm.fr</a> ou <a
								href="mailto:support@rezo-rm.fr">support@rezo-rm.fr</a>.
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-hands-helping wow bounceIn"></i>
						<h3>Permanences</h3>
						<p class="text-faded">
							Au vu de la situation sanitaire, les permanences sont interrompues pour une durée
							indéterminée. Vous pouvez néanmoins ouvrir un ticket sur <a
								href="https://support.rezo-rm.fr">le support</a> ou envoyer un mail à <a
								href="mailto:support@rezo-rm.fr">support@rezo-rm.fr</a></p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section id="services">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2 class="section-heading">Services</h2>
					<hr class="primary">
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-ethernet wow bounceIn text-primary" data-wow-delay=".1s"></i>
						<h3>Ethernet</h3>
						<p class="text-muted">
							Chaque chambre possède une prise Ethernet pour une connexion haut débit.
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-wifi wow bounceIn text-primary" data-wow-delay=".1s"></i>
						<h3>Wi-Fi</h3>
						<p class="text-muted">
							Une grande partie des résidences est couverte, aussi bien les zones d’habitation que
							communautaires.
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-pencil-alt wow bounceIn text-primary" data-wow-delay=".1s"></i>
						<h3>Codimd</h3>
						<p class="text-muted">
							<a href="https://codimd.rezo-rm.fr/" target="_blank">Codimd</a> est un bloc note markdown
							très pratique pour prendre des notes à plusieurs ou faire des documents rapidements.
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fab fa-4x fa-wikipedia-w wow bounceIn text-primary"></i>
						<h3>Wiki</h3>
						<p class="text-muted">
							Un <a href="https://wiki.rezo-rm.fr" target="_blank">wiki</a> à disposition de tous, une
							fois authentifié, afin d'en savoir plus sur le fonctionnement du Rézo.
						</p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fab fa-4x fa-git-alt wow bounceIn text-primary"></i>
						<h3>Forgejo</h3>
						<p class="text-muted">
							Chaque adhérent possède un compte sur le <a href="https://git.rezo-rm.fr"
								target="_blank">forgejo</a> du Rézo.
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-sticky-note wow bounceIn text-primary"></i>
						<h3>Etherpad</h3>
						<p class="text-muted">
							<a href="https://etherpad.rezo-rm.fr" target="blank">Etherpad</a> est un outils d'édition
							de document collaboratif en ligne.
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-tasks wow bounceIn text-primary"></i>
						<h3>Re2o</h3>
						<p class="text-muted">
							Développé dans le cadre de Federez, <a href="https://re2o.rezometz.org"
								target="_blank">re2o</a> est le logiciel qui permet de gérer les adhérents et
							l'infrastructure du Rézo.
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-project-diagram wow bounceIn text-primary"></i>
						<h3>FedeRez</h3>
						<p class="text-muted">
							<a href="https://federez.net" target="_blank">FedeRez</a> est la fédération françaises des
							associations étudiantes en informatique et réseaux. Le WiFi FedeRez est déployé dans la
							résidence et votre compte permet d'obtenir un accès dans d'autres résidences.
						</p>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="col-lg-4 col-lg-offset-4 col-md-6 col-md-offset-3 text-center">
					<div class="service-box">
						<i class="fa fa-4x fa-users wow bounceIn text-primary" data-wow-delay=".2s"></i>
						<h3>Cela ne te suffit pas ?</h3>
						<p class="text-muted">
							Envoies un mail à <a href="mailto:bureau@rezo-rm.fr">bureau@rezo-rm.fr</a> et
							rejoins les rangs !
						</p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section id="contact" class="bg-dark">
		<div class="container">
			<div class="row">
				<div class="col-lg-offset-1 col-lg-2 text-center">
					<a href="https://twitter.com/rezo_metzrennes" target="_blank">
						<i class="fab fa-twitter fa-3x wow bounceIn" data-wow-delay=".1s"></i>
					</a>
				</div>
				<div class="col-lg-offset-2 col-lg-2 text-center">
					<a href="mailto:support@rezo-rm.fr">
						<i class="fa fa-envelope fa-3x wow bounceIn" data-wow-delay=".1s"></i>
					</a>
				</div>
				<div class="col-lg-offset-2 col-lg-2 text-center">
					<a href="https://github.com/rezo-rm" target="_blank">
						<i class="fab fa-github fa-3x wow bounceIn" data-wow-delay=".1s"></i>
					</a>
				</div>
			</div>
		</div>
	</section>

	<footer class="footer">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<p class="text-faded">
						&copy; 2021 Rézo Metz-Rennes Fédérés,
						Thème <a href="http://startbootstrap.com/" target="_blank">Creative</a> (modifié).
						<br />
						Mise en page <a href="https://nanoy.fr" target="_blank">Yoann `Nanoy` Pietri</a>
						<br />
					</p>
				</div>
			</div>
		</div>
	</footer>

	<!-- jQuery -->
	<script src="js/jquery.js"></script>

	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.min.js"></script>

	<!-- Plugin JavaScript -->
	<script src="js/jquery.easing.min.js"></script>
	<script src="js/jquery.fittext.js"></script>
	<script src="js/wow.min.js"></script>

	<!-- Custom Theme JavaScript -->
	<script src="js/creative.js"></script>

</body>

</html>