Expolibre-3-www/expolibre.html

119 lines
4.3 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en" >
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Author" content="Antoine Bardelli, April.org"/>
<meta name="geo.region" content="FR" />
<meta name="Description" content="Expolibre, l'exposition itinérante expliquant les logiciels libres au grand public."/>
<meta name="Keywords" content="expolibre, expolibre 3, expolibree III, exposition logiciels libres, exposition libre, logiciels libres, logiciels open source, libre, sensibilisation, formats ouverts, informatique libre, exposition gratuite, exposition informatique, April.org, April"/>
<title>Exposition logiciels libres</title>
<!-- css -->
<link rel="stylesheet" href="css/foundation.css"><link rel="stylesheet" href="css/expolibre-tangram.css">
<!-- script -->
<script src="js/vendor/modernizr.js"></script>
<!-- font -->
</head>
<body>
<!-- body content here -->
<!-- top bar -->
<div class="fixed">
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="index.php">Expolibre</a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<!-- menu droit -->
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="active"><a href="index.php">Accueil</a></li>
<li class="has-dropdown"><a href="exposition.php">l'Exposition</a>
<ul class="dropdown">
<li><a href="logiciel-libre.php">Qu'est-ce que le logiciel libre ?</a></li>
<li><a href="enjeux-du-logiciel-libre.php">Les enjeux du Logiciel Libre</a></li>
<li><a href="logiciel-libre-au-quotidien.php">Les logiciels libres au quotidien</a></li>
<li><a href="formats-ouverts.php">Les Formats ouverts</a></li>
<li><a href="logiciels-libres-pour-education.php">Les atouts pour l'éducation</a></li>
<li><a href="licences-logiciels-libres.php">Licences et cadre juridique</a></li>
<li><a href="modeles-libres.php">Au-delà du logiciel libre</a></li>
</ul></li>
<li><a href="telecharger.php">Télécharger</a></li>
<li><a href="louer.php">Louer</a></li>
<li><a href="contact.php">Contact</a></li>
<li class="has-dropdown"><a href="">Langue</a>
<ul class="dropdown">
<li><a href="">English</a></li>
<li><a href="">Español</a></li>
<li><a href="">Français</a></li>
</ul>
</li>
</ul>
</section>
<!-- fin menu droit -->
</nav>
</div>
<!-- fin nav -->
<!-- row 12 col - boite presentation -->
<section class="scroll-container accueil" role="main">
<div class="row">
<div class="large-2 columns"></div>
<div class="large-8 columns">
<h2>JCB</h2>
<div style="text-align:center;">
<p>Il va falloir penser à rendre les clefs, sinon…</p>
<p style='text-align: center'><img src="mrLionel.jpg" /></p>
<p style='text-align: center'><img src="Smile_icon.png" /></p>
</div>
<!-- contenu -->
<!-- fin contenu -->
</div>
<!-- fin boite presentation -->
<div class="large-2 columns"></div>
</div>
<!-- fin row 1 -->
</section>
<!-- footer -->
<section class="scroll-container footer" role="main">
<div class="row">
<div class="large-2 columns"></div>
<div class="large-8 columns">
<ul class="inline-list">
<li><a href="index.php">Accueil</a></li>
<li><a href="exposition.php">l'Exposition</a></li>
<li><a href="telecharger.php">Télécharger</a></li>
<li><a href="louer.php">Louer</a></li>
<li><a href="a-propos.php">À propos</a></li>
<li><a href="credits.php">Crédits</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
<div class="large-2 columns logo">
<a href="http://www.april.org/"><img src="img/april_logo.svg" alt="Association April" title="APRIL, organisation de promotion et de défense du logiciel libre."/></a>
</div>
</div>
<!-- fin footer -->
</section>
<!-- fin footer -->
<!-- fin body -->
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>