Loader.html

﻿<!doctype html>
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="content-type" content="text-html; charset=utf-8"/>
		<title> Loader Animé </title>
			<link type="text/css" rel="stylesheet" href="./css/loaders.css"/>	
			<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto">
			<style> 
				body {
				font-family: 'Roboto', Calibri, Georgia, serif,Tangerine;
				font-size: 18px;}
			</style>
</head>

  <body>
		<section class="section">
			<span class="loader loader-quart"></span>
			Chargement...
		</section>
		
		<section class="section section-2">
			<span class="loader loader-double"></span>
			Chargement...
		</section>
		
		<section class="section section-3">
			<span class="loader loader-circles"></span>
			Chargement...
		</section>
		
		<section class="section section-4">
			<span class="loader loader-bars"><span></span></span>
			Chargement...
		</section>
	
	
  </body>

</html>