119 lines
4.3 KiB
HTML
119 lines
4.3 KiB
HTML
|
<!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="exposer.php">Exposer</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="exposer.php">Exposer</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>
|