Expolibre-3-www/htdocs/expolibre.html

119 lines
4.3 KiB
HTML
Raw Normal View History

2016-06-24 11:12:10 +02:00
<!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>